html{scrollbar-gutter:stable;scrollbar-width:.6em;scrollbar-color:var(--accent-med) var(--color-grey-50)}::-webkit-scrollbar-track{background-color:var(--color-grey-50)}::-webkit-scrollbar{width:.6em;height:.6em}::-webkit-scrollbar-thumb{background-color:var(--accent-med);border:2px solid var(--color-grey-50);border-radius:0}::-webkit-scrollbar-thumb:hover{background-color:var(--color-grey-50)}:root{--color-rose-10:oklch(96.5% .003 309.06/.5);--color-rose-50:oklch(96.5% .003 309.06);--color-rose-100:oklch(93.2% .007 312.55);--color-rose-200:oklch(86.4% .018 311.65);--color-rose-300:oklch(80.5% .032 310.98);--color-rose-400:oklch(73.6% .056 311.14);--color-rose-500:oklch(69.4% .051 311.59);--color-rose-600:oklch(65.2% .048 310.48);--color-rose-700:oklch(60.8% .041 310.26);--color-rose-800:oklch(57.1% .03 310.22);--color-rose-900:oklch(52.7% .012 311.17);--color-pink-50:oklch(96.6% .007 5.93);--color-pink-100:oklch(93.4% .012 17.51);--color-pink-200:oklch(86.5% .026 14.72);--color-pink-300:oklch(79% .043 14.47);--color-pink-400:oklch(72.4% .064 15.02);--color-pink-500:oklch(69% .076 15.01);--color-pink-600:oklch(65% .093 15.6);--color-pink-700:oklch(61.7% .107 16.91);--color-pink-800:oklch(57.2% .103 16.04);--color-pink-900:oklch(53.7% .097 16.51);--color-pink-950:oklch(51% .091 16.16);--color-grey-50:oklch(97.4% .003 49.05);--color-grey-100:oklch(94.8% .004 56.51);--color-grey-200:oklch(89.7% .009 67.73);--color-grey-300:oklch(84.7% .013 63.91);--color-grey-400:oklch(79.4% .014 60.54);--color-grey-500:oklch(74.6% .011 58.19);--color-grey-600:oklch(65.5% .012 54.43);--color-grey-700:oklch(57% .013 63.23);--color-grey-800:oklch(48.2% .011 62.42);--color-grey-900:oklch(39.7% .011 67.51);--color-grey-950:oklch(35.3% .011 56.03);--main-padding-lg:var(--main-padding-lg-t) var(--main-padding-lg-l);--main-padding-sm:var(--main-padding-sm-t) var(--main-padding-sm-l);--main-padding-xl-l:1em;--main-padding-xl-t:1.4em;--main-padding-lg-l:1.2em;--main-padding-lg-t:1em;--main-padding-sm-l:1em;--main-padding-sm-t:.5em;--gaps:.5em;--gaps-large:1.5em;--border-radius:0px;--border-color:var(--color-grey-100);--border-accent:var(--color-grey-200);--text-color:var(--color-grey-950);--text-color-h:var(--color-grey-800);--text-color-light:#fff;--main-bg:#fff;--elements-bg:#fff;--dark-bg:#333;--code-bg:#f8f8f8;--accent-light:var(--color-rose-100);--accent-med:var(--color-rose-300);--accent-dark:var(--color-rose-500);--popup-bg:#fff;--accent-hover:var(--color-rose-200);--text-small:.9em;--height-cover:8.5rem;--shadow:#2928281a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Karla", "Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Instrument Serif", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--serif:"EB Garamond", "Garamond", "Georgia", Times, serif;font:8pt var(--sans);--left-sidebar-width:350px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;letter-spacing:.15px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-color);background:var(--main-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2em}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media only screen and (width<=900px){:root{--left-sidebar-width:400px;font-size:8pt!important}}:root *{box-sizing:border-box}::selection{background-color:var(--accent-light)}#root{text-align:center;box-sizing:border-box;justify-content:center;margin:0 auto;display:grid}h1{font-family:var(--heading);font-size:3rem;font-weight:500}h2{font-family:var(--heading);color:var(--text-color-h);font-weight:500}h3{font-family:var(--heading);color:var(--text-color);margin-top:var(--main-padding-sm-t);margin-bottom:var(--main-padding-sm-t);border-radius:var(--border-radius);width:100%;padding:0;font-size:2.5rem;font-weight:500}h4{border:none;margin:0 0 .5em;font-weight:500}div{margin:0;padding:0}ul,ol{text-align:left;padding-left:2em}.nav{background-image:linear-gradient(45deg in oklch shorter hue, var(--color-rose-400) 0, var(--color-rose-600) 100%);width:100%;height:35px;color:var(--text-color-light);font-family:var(--serif);text-transform:lowercase;letter-spacing:1px;flex-flow:wrap;justify-content:center;align-items:center;gap:.3em;padding-left:3em;padding-right:3em;font-size:1.2em;display:flex}.nav a{color:var(--color-rose-50)}button{box-sizing:border-box;font-family:var(--sans);color:var(--text-color);background:var(--elements-bg);border:1px solid var(--border-color);padding:var(--main-padding-sm);border-radius:var(--border-radius);cursor:pointer;width:100%;font-size:1rem;transition:all .5s ease-in-out}button:hover{background-color:var(--accent-hover)}.button-hold{transition:all .1s ease-in-out}.button-hold.active{background-color:var(--accent-hover)}.button-group *{flex:auto;width:95%}.toggle-container{flex-flow:wrap;place-content:space-between;width:100%;display:flex}.toggle{box-sizing:border-box;background:var(--elements-bg);outline:none;flex:auto;place-content:center;place-items:center;max-width:49%;font-size:.9em;transition:all .2s ease-in-out;display:flex}input:-webkit-autofill{-webkit-text-fill-color:#333;-webkit-text-size-adjust:100%;-webkit-box-shadow:inset 0 0 0 30px #fff}input:-webkit-autofill:hover{-webkit-text-fill-color:#333;-webkit-text-size-adjust:100%;-webkit-box-shadow:inset 0 0 0 30px #fff}input:-webkit-autofill:focus{-webkit-text-fill-color:#333;-webkit-text-size-adjust:100%;-webkit-box-shadow:inset 0 0 0 30px #fff}input:-webkit-autofill:active{-webkit-text-fill-color:#333;-webkit-text-size-adjust:100%;-webkit-box-shadow:inset 0 0 0 30px #fff}select,option,input{-webkit-text-size-adjust:100%;width:100%;font:var(--text-small) var(--sans)!important;padding:.1rem!important}input,select,button{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--elements-bg);color:var(--text-color);transition:all .3s ease-in-out}input[type=text]{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;letter-spacing:.15px;padding-left:.4rem;line-height:1.2em}input[type=text]:hover,input[type=text]:focus,input[type=text]:active{background-color:var(--accent-hover)}input::placeholder{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;letter-spacing:.15px;padding-left:.4rem;line-height:1.2em;font:.8rem var(--sans)!important}input[type=color]{opacity:0;justify-self:center;width:130px;height:20px}.color-label{font-size:var(--text-small);z-index:1;color:var(--text-color-light);pointer-events:none;position:absolute;inset:0}.range-slider{justify-content:center;align-items:center;display:flex;position:relative}.range-slider span{font-size:var(--text-small);pointer-events:none;width:fit-content;height:1em;padding:0}.range-slider .range-label-mouse{text-align:center;margin-top:-.5em;position:absolute}input[type=range]{appearance:none;cursor:pointer;background:0 0;border:none}input[type=range]::-webkit-slider-runnable-track{background:#ddd;border-radius:4px;align-items:center;height:8px;display:flex}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--accent-med);border-radius:50%;width:14px;height:14px;margin-top:-2.5px;transition:all .2s}input[type=range]:active::-webkit-slider-thumb{background-color:var(--accent-dark)}input[type=range]::-moz-range-track{background:#ddd;border-radius:4px;height:8px}input[type=range]::-moz-range-thumb{background-color:var(--accent-med);border:none;border-radius:50%;width:14px;height:14px;margin-top:-1px;transition:all .2s}input[type=range]:active::-moz-range-thumb{background-color:var(--accent-dark)}.color-picker{border:1px solid var(--border-color);justify-self:center;height:20px;position:relative}.color-picker:after{content:"";z-index:1;opacity:0;mix-blend-mode:color-burn;pointer-events:none;background-color:#837389;transition:all .3s ease-in-out;position:absolute;inset:0}.color-picker:hover:after{opacity:.6}input:hover,select:hover,button:hover{background-color:var(--accent-hover);border:1px solid var(--border-accent)}input:focus,select:focus,button:focus{border:1px solid var(--accent-light);outline:none}.text-container{padding-left:var(--main-padding-lg-l);padding-right:var(--main-padding-lg-l)}.header-container img{filter:saturate(0)brightness(1.6)contrast();width:100%}.header-container .img-wrapper{position:relative}.header-container .img-wrapper:after{background-color:var(--color-rose-300);content:"";z-index:1;opacity:.8;mix-blend-mode:soft-light;width:100%;height:100%;position:absolute;inset:0}.container{padding:var(--main-padding-lg);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--elements-bg);color:var(--text-color);flex-grow:0;min-width:300px;max-width:500px}.container .container{padding:0}.sidebar-left,.sidebar-right{max-width:var(--left-sidebar-width);flex-flow:wrap;justify-content:center;gap:1em;display:flex}.main{flex-flow:wrap;justify-content:center;align-items:flex-start;display:flex}.main *{flex:auto}.flex-center{justify-content:center;gap:var(--gaps);flex-flow:wrap;max-width:100%;display:flex}.flex-center *{flex:auto}.grid-1-2{gap:var(--gaps);grid-template-rows:auto;grid-template-columns:1fr 3fr;place-content:center;place-items:start;display:grid}.grid-head-1-02{padding:var(--main-padding-lg-t) var(--main-padding-lg-l);column-gap:var(--gaps);row-gap:calc(var(--gaps)*.5);grid-template-rows:min-content;grid-template-columns:.5fr 1fr;justify-content:center;place-items:center;display:grid}.grid-head-1-02>:first-child{grid-column:span 2}.circle{border-radius:50%}.small-text{font-size:var(--text-small);line-height:.95em}#preview-message-group,#preview-twt-group{text-align:left;width:100%;min-width:400px;max-width:500px;margin:auto;padding-bottom:1.5em;display:block}.code-container{max-height:var(--height-cover);transition:all .5s ease-in-out;overflow:hidden}.code-container.active{max-height:500px;overflow:visible}.code-container h3{text-align:center;width:100%}.code-container #code-display{padding:var(--main-padding-sm)}.code-container .code{font-family:var(--mono);font-size:var(--text-small);background:var(--code-bg);border-radius:var(--border-radius);padding:var(--main-padding-sm);text-align:left;white-space:pre-line;word-break:break-all;max-height:130px;margin:1em auto;overflow-y:scroll}.show-more>svg{width:60px;height:25px;margin-top:-8px;transition:max-height .3s ease-in-out}.show-more.active>svg{transform:rotate(180deg)}.show-more path{stroke-width:2px}#ios-editor{background:var(--elements-bg);text-align:center;border-radius:var(--border-radius);padding:var(--main-padding-lg);grid-template-columns:1fr 1fr 1fr;grid-template-areas:"sidebar-right main sidebar-left";justify-content:center;justify-self:center;place-items:start center;gap:0 1em;max-width:1200px;margin:auto;font-size:8pt;transition:all 1s cubic-bezier(.075,.82,.165,1);display:grid;position:relative}#ios-editor a{color:var(--color-rose-400);transition:all .3s}#ios-editor a:hover{color:var(--color-rose-600)}#ios-editor .button-group{gap:var(--gaps);border:1px solid var(--border-color);padding:var(--main-padding-lg);border-radius:var(--border-radius);margin:var(--main-padding-sm);grid-template-columns:1fr 1fr;margin-top:0;font-size:.9em;transition:all .5s ease-in-out;display:grid}#ios-editor .toggle.active{background:var(--border-accent)}#ios-editor .css-wrapper h4{margin-bottom:1em}#ios-editor #css-options.masonry-container{grid-template-rows:auto;grid-template-columns:1fr 1fr;place-content:start center;align-items:start;gap:1.1px 1em;padding-left:2em;padding-right:2em;display:grid}#ios-editor #css-options :not(.toggle,h1,h2,h3,h4){min-width:140px;max-width:140px;margin-bottom:var(--main-padding-sm-t);place-self:center;padding:0}#ios-editor #css-options label{font-weight:500}@media screen and (width<=900px){#ios-editor #css-options :not(.toggle,h1,h2,h3,h4){min-width:130px;max-width:130px}}#ios-editor #css-options select,#ios-editor #css-options input,#ios-editor #css-options .color-picker{min-height:20px}#ios-editor #css-options .css-selector{flex-flow:wrap;justify-content:center;align-self:flex-start;align-items:flex-start;display:flex;position:relative}#ios-editor #css-options .css-selector *{flex:auto}#ios-editor .toggle.active{background-color:var(--accent-light)}#ios-editor .options{align-items:stretch;gap:var(--gaps);border:1px solid var(--border-color);padding:var(--main-padding-lg);border-radius:var(--border-radius);margin:var(--main-padding-sm);grid-template-columns:.7fr 1fr;font-size:.85rem;transition:all .3s ease-in-out;display:grid}#ios-editor .options h4{margin:0;padding:.04rem}#ios-editor .options button{font-size:.8rem;font:.8rem var(--sans)!important;padding:.2rem!important}#ios-editor .options button[type=submit]{background-color:var(--accent-light);justify-self:center;padding-top:1em;padding-bottom:1em}#ios-editor .info-container{max-height:var(--height-cover);padding-left:2em;padding-right:2em;font-size:1rem;transition:max-height .3s ease-in-out;overflow:hidden}#ios-editor .info-container.active{max-height:600px}#ios-editor .info-container h3{width:100%;margin-bottom:.7em}#ios-editor .show-more path{stroke:var(--accent-med);stroke-width:2px}#ios-editor .sidebar-left{grid-area:sidebar-left}#ios-editor .sidebar-right{grid-area:sidebar-right}#ios-editor .main{grid-area:main}#ios-editor #content-editor{gap:var(--gap);flex-flow:wrap;display:flex}#ios-editor .workskin-preview .screen-container{overflow-x:hidden}#ios-editor #actual-message-group{display:none}#ios-editor .insert-message-bar{background-image:linear-gradient(to right, transparent 30%, var(--accent-med) 45%, var(--accent-med) 45%, transparent 70%);z-index:1;transform-origin:top;border-radius:10%;place-content:center;height:2px;max-height:2px;margin:auto;display:grid;position:fixed;overflow:visible}#ios-editor .insert-message-circle{text-align:center;min-width:70px;min-height:40px;vertical-align:center;cursor:pointer;place-content:center;margin:auto;font-size:.8em;display:grid}#ios-editor .insert-message-circle span{color:var(--accent-med);min-height:50px;margin-top:.8em;padding-bottom:0;font-weight:500;transform:translateY(0)scaleX(1)}#ios-editor .msg-received,#ios-editor .msg-sent{z-index:2}#ios-editor .nav a{color:var(--text-color-light)}#ios-editor .header-container .img-wrapper:after{background-color:var(--color-rose-300);content:"";z-index:1;opacity:.8;mix-blend-mode:soft-light;width:100%;height:100%;position:absolute;inset:0}#ios-editor .screen-container.sized{zoom:.8}@media screen and (width<=900px){#preview-message-group .ios-msg-header{position:relative}}@media screen and (width<=1200px){#ios-editor{grid-template-columns:1fr 1fr;grid-template-areas:"main sidebar-right""x sidebar-left";row-gap:1em}#ios-editor .sidebar-left,#ios-editor .sidebar-right,#ios-editor .main{position:relative}.main{max-width:var(--left-sidebar-width)}.sidebar-left{margin-top:-40em}}@media screen and (width<=900px){#ios-editor{grid-template-columns:1fr;grid-template-areas:"main""sidebar-right""sidebar-left";row-gap:1em}#ios-editor .sidebar-left,#ios-editor .sidebar-right,#ios-editor .main{position:relative}.main{max-width:var(--left-sidebar-width)}.sidebar-left{margin-top:0}}:root{--color-pink-50:oklch(96.6% .007 5.93);--color-pink-100:oklch(93.4% .012 17.51);--color-pink-200:oklch(86.5% .026 14.72);--color-pink-300:oklch(79% .043 14.47);--color-pink-400:oklch(72.4% .064 15.02);--color-pink-500:oklch(69% .076 15.01);--color-pink-600:oklch(65% .093 15.6);--color-pink-700:oklch(61.7% .107 16.91);--color-pink-800:oklch(57.2% .103 16.04);--color-pink-900:oklch(53.7% .097 16.51);--color-pink-950:oklch(51% .091 16.16);--accent-pink-light:var(--color-pink-100);--accent-pink-med:var(--color-pink-400);--accent-pink-dark:var(--color-pink-600);--accent-pink-hover:var(--color-pink-200)}#twitter-editor{background:var(--elements-bg);text-align:center;border-radius:var(--border-radius);padding:var(--main-padding-lg);grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;justify-content:safe center;justify-self:safe center;place-items:start safe center;gap:0 1em;max-width:1200px;margin:auto;font-size:8pt;transition:all 1s cubic-bezier(.075,.82,.165,1);display:grid;position:relative}#twitter-editor .nav{background-image:linear-gradient(45deg in oklch shorter hue, var(--color-pink-400) 0, var(--color-pink-300))}#twitter-editor .nav a{color:var(--color-pink-50)}#twitter-editor svg path{stroke:var(--accent-pink-med)}#twitter-editor button{transition:all .4s ease-in-out}#twitter-editor button:hover{background-color:var(--accent-pink-light)}#twitter-editor .code{scrollbar-color:var(--color-pink-300) var(--color-grey-50)}#twitter-editor select,#twitter-editor option,#twitter-editor input{font:.8rem var(--sans)!important;padding:.1rem!important}#twitter-editor input,#twitter-editor select,#twitter-editor button{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--elements-bg);color:var(--text-color);transition:all .3s ease-in-out}#twitter-editor input[type=text]{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;letter-spacing:.15px;padding-left:.4rem;line-height:1.2em}#twitter-editor input::placeholder{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;letter-spacing:.15px;padding-left:.4rem;line-height:1.2em;font:.8rem var(--sans)!important}#twitter-editor input[type=text]:hover,#twitter-editor input[type=text]:focus,#twitter-editor input[type=text]:active{background-color:var(--accent-pink-hover)}#twitter-editor input[type=color]{opacity:0;justify-self:center;width:130px;height:20px}#twitter-editor .color-label{font-size:var(--text-small);z-index:1;color:var(--text-color-light);pointer-events:none;position:absolute;inset:0}#twitter-editor .range-slider{justify-content:center;align-items:center;display:flex;position:relative}#twitter-editor .range-slider span{font-size:var(--text-small);pointer-events:none;width:fit-content;height:1em;padding:0}#twitter-editor .range-slider .range-label-mouse{text-align:center;margin-top:-.5em;position:absolute}#twitter-editor input[type=range]{appearance:none;cursor:pointer;background:0 0;border:none}#twitter-editor input[type=range]::-webkit-slider-runnable-track{background:#ddd;border-radius:4px;align-items:center;height:8px;display:flex}#twitter-editor input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--accent-pink-med);border-radius:50%;width:14px;height:14px;margin-top:-2.5px;transition:all .2s}#twitter-editor input[type=range]:active::-webkit-slider-thumb{background-color:var(--accent-pink-dark)}#twitter-editor input[type=range]::-moz-range-track{background:#ddd;border-radius:4px;height:8px}#twitter-editor input[type=range]::-moz-range-thumb{background-color:var(--accent-pink-med);border:none;border-radius:50%;width:14px;height:14px;margin-top:-1px;transition:all .2s}#twitter-editor input[type=range]:active::-moz-range-thumb{background-color:var(--accent-pink-dark)}#twitter-editor .color-picker{border:1px solid var(--border-color);justify-self:center;height:20px;position:relative}#twitter-editor .color-picker:after{content:"";z-index:1;opacity:0;mix-blend-mode:color-burn;pointer-events:none;background-color:#837389;transition:all .3s ease-in-out;position:absolute;inset:0}#twitter-editor .color-picker:hover:after{opacity:.6}#twitter-editor input:hover,#twitter-editor select:hover,#twitter-editor button:hover{background-color:var(--accent-pink-hover);border:1px solid var(--border-accent)}#twitter-editor input:focus,#twitter-editor select:focus,#twitter-editor button:focus{border:1px solid var(--accent-pink-light);outline:none}.actual-twt-group{display:none}