@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-vietnamese-400-normal-BNOj0Qhp.woff2)format("woff2"),url(/assets/space-mono-vietnamese-400-normal-B0PMp_xB.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-ext-400-normal-DTLbW2xa.woff2)format("woff2"),url(/assets/space-mono-latin-ext-400-normal-D4cJI_B-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2)format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-vietnamese-700-normal-DWQgDHuA.woff2)format("woff2"),url(/assets/space-mono-vietnamese-700-normal-D-KrLuLr.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-ext-700-normal-B2s3bDs2.woff2)format("woff2"),url(/assets/space-mono-latin-ext-700-normal-B_E7P90g.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-700-normal-mWgeinG7.woff2)format("woff2"),url(/assets/space-mono-latin-700-normal-D7A851RN.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--acid:#c6ff3d;--pink:#ff4fb8;--void:#0b0b0b;--bone:#f5f5f0;--ink2:#55554f;--line:#e2e2dc;--sans:"Archivo Variable", system-ui, sans-serif;--mono:"Space Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:var(--bone);color:var(--void);font:16px/1.45 var(--sans);-webkit-text-size-adjust:100%;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--pink);outline-offset:2px}h1,h2{text-transform:lowercase;margin:0;font-weight:900}h1{letter-spacing:-.05em;overflow-wrap:anywhere;font-size:clamp(40px,5vw,60px);font-stretch:125%;line-height:.95}h2{letter-spacing:-.02em;font-size:24px}p{margin:0}code,pre,.mono{font-family:var(--mono)}.muted{color:var(--ink2)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.label{font:700 13px var(--mono);text-transform:uppercase}.btn{border:3px solid var(--void);min-height:44px;color:var(--void);font:800 15px var(--sans);text-transform:lowercase;cursor:pointer;transition:transform 80ms var(--ease-out), box-shadow 80ms var(--ease-out);background:#fff;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--acid);box-shadow:5px 5px 0 var(--void);font-weight:900}.btn.primary:active:not(:disabled){box-shadow:2px 2px 0 var(--void);transform:translate(3px,3px)}.btn.ghost{background:0 0}.btn.small{min-height:40px;font:700 12px var(--mono);border-width:2px;padding:0 12px}.btn:disabled{cursor:not-allowed;opacity:.55}.input{border:3px solid var(--void);width:100%;height:48px;color:var(--void);font:14px var(--mono);background:#fff;border-radius:0;padding:0 14px}.input:-webkit-autofill{-webkit-text-fill-color:var(--void);-webkit-box-shadow:inset 0 0 0 100px #fff}.input[aria-invalid=true]{border-color:var(--pink)}.controls textarea.input{height:160px;font:13px var(--mono);resize:vertical;padding:10px 14px;line-height:1.4}.select{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:inline-flex}.select[aria-disabled=true]{cursor:not-allowed;opacity:.55}.select-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chev{flex-shrink:0;transition:transform .14s ease-out}.select[aria-expanded=true] .chev{transform:rotate(180deg)}.listbox{z-index:50;max-height:min(320px,50vh);color:var(--void);border:3px solid var(--void);box-shadow:5px 5px 0 var(--void);font:14px var(--mono);background:#fff;margin:0;padding:4px 0;list-style:none;animation:.13s ease-out pop;position:fixed;overflow-y:auto}.listbox.dark{background:var(--void);color:var(--bone);border-color:var(--bone);box-shadow:5px 5px 0 var(--pink)}.listbox li{white-space:nowrap;cursor:pointer;align-items:center;gap:10px;min-height:40px;padding:0 14px;display:flex}.listbox li:before{content:"";flex-shrink:0;width:8px;height:8px}.listbox li[aria-selected=true]{font-weight:700}.listbox li[aria-selected=true]:before{background:currentColor}.listbox li.active{background:var(--acid);color:var(--void)}.listbox li[data-action]{border-top:2px dashed;margin-top:4px}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.check{flex-shrink:0;display:inline-grid;position:relative}.check input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.check .box{border:3px solid var(--void);width:22px;height:22px;color:var(--acid);pointer-events:none;background:#fff;place-items:center;display:grid}.check .box svg{visibility:hidden}.check input:checked+.box{background:var(--void)}.check input:checked+.box svg{visibility:visible}.check input[type=radio]+.box svg{display:none}.check input[type=radio]:checked+.box{background:#fff}.check input[type=radio]:checked+.box:after{content:"";background:var(--void);width:10px;height:10px}.check input:hover:not(:disabled):not(:checked)+.box{background:color-mix(in srgb, var(--acid) 45%, #fff)}.check input:focus-visible+.box{outline:3px solid var(--pink);outline-offset:2px}.check input:disabled{cursor:not-allowed}.check input:disabled+.box{opacity:.45}.disclosure>button{min-height:44px;color:inherit;font:800 16px var(--sans);text-transform:lowercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.disclosure>button[aria-expanded=false] .chev{transform:rotate(-90deg)}.disclosure>div{padding-top:4px}.colors{flex-direction:column;gap:12px;display:flex}.swatches{grid-template-columns:repeat(auto-fill,44px);gap:8px;display:grid}.swatches button{border:3px solid var(--void);width:44px;height:44px;color:var(--void);font:700 11px var(--mono);cursor:pointer;border-radius:0;padding:0}.swatches button:hover{box-shadow:3px 3px 0 var(--void);transform:translate(-1px,-1px)}.swatches button[aria-checked=true]{outline:3px solid var(--void);outline-offset:3px;box-shadow:none;transform:none}.swatches button[aria-checked=true]:focus-visible{outline-color:var(--pink)}.hex{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hex .input{width:130px}.hex-note{border:2px solid var(--void);padding:4px 10px;font-size:12px}@media (prefers-reduced-motion:reduce){.listbox{animation:none}.chev,.swatches button{transition:none}.swatches button:hover{transform:none}}.tag{font:700 12px var(--mono);white-space:nowrap;padding:3px 8px;display:inline-block}.tag.done{background:var(--void);color:var(--acid)}.tag.todo{background:var(--pink);border:2px solid var(--void)}.tag.open{background:var(--pink)}.tag.taken{background:var(--acid);border:2px solid var(--void)}.tag.closed{border:2px solid var(--void)}.error{border:3px solid var(--void);background:var(--pink);font:700 13px var(--mono);padding:10px 14px}.card{border:3px solid var(--void);background:#fff}.card.shadow{box-shadow:6px 6px 0 var(--void)}.card>header{border-bottom:3px solid var(--void);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;display:flex}.code{background:var(--bone);color:var(--void);font:12px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px}.app{min-height:100vh;display:flex}.side{background:var(--void);width:240px;height:100vh;color:var(--bone);transition:width .32s var(--ease-out);flex-direction:column;flex-shrink:0;align-self:flex-start;gap:24px;padding:28px 16px;display:flex;position:sticky;top:0;overflow:hidden auto}.side-body,.side-inner{flex-direction:column;flex-grow:1;display:flex}.side-body{transition:grid-template-rows .32s var(--ease-out)}.side-inner{gap:24px;width:208px}.side-site{flex-direction:column;gap:24px;display:flex}.fade{white-space:nowrap;transition:opacity .2s var(--ease-out)}.fold{transition:grid-template-rows .32s var(--ease-out), opacity .2s var(--ease-out);grid-template-rows:1fr;display:grid}.fold>*{min-height:0;overflow:hidden}.rail .side{width:80px}.rail .fade{opacity:0}.rail .fold,.rail .me .fade{opacity:0;visibility:hidden;transition:grid-template-rows .32s var(--ease-out), opacity .2s var(--ease-out), visibility 0s .32s;grid-template-rows:0fr}.menu-btn,.here{display:none}.rail-btn{color:#b4b4ac;height:44px;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0 14px;display:flex}.rail-btn:hover{color:var(--acid)}.rail-btn svg{transition:transform .32s var(--ease-out);flex-shrink:0}.rail .rail-btn svg{transform:rotate(180deg)}.brand{color:var(--bone);letter-spacing:-.04em;align-items:center;gap:10px;padding-left:9px;font-size:28px;font-weight:900;font-stretch:125%;text-decoration:none;display:flex}.select.dark{border:2px solid var(--bone);background:var(--void);width:100%;height:48px;color:var(--bone);font:14px var(--mono);padding:0 14px}.select.dark:hover,.select.dark[aria-expanded=true]{border-color:var(--acid);color:var(--acid)}.nav{font:15px var(--mono);flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav a{height:44px;color:var(--bone);align-items:center;gap:12px;padding:0 14px;text-decoration:none;display:flex;position:relative}.nav a:hover{color:var(--acid)}.nav a[aria-current=page]{background:var(--acid);color:var(--void);font-weight:700}.brand svg,.nav svg{flex-shrink:0}.nav .count{background:var(--void);color:var(--acid);margin-left:auto;padding:1px 6px;font-size:11px}.nav a:not([aria-current]) .count{background:var(--acid);color:var(--void)}.nav-split{border-top:2px solid #3a3a36;margin-top:12px;padding-top:12px}.side-foot{font:13px var(--mono);flex-direction:column;gap:16px;margin-top:auto;display:flex}.add-site{height:44px;color:var(--bone);font:inherit;text-align:left;cursor:pointer;background:0 0;border:2px dashed #8c8c85;align-items:center;padding:0 14px;display:flex}.me{align-items:center;gap:10px;padding-left:6px;display:flex}.rail .nav .count{animation:pop .2s var(--ease-out) .15s both;padding:0 4px;position:absolute;top:4px;left:30px}@media (prefers-reduced-motion:reduce){.rail .nav .count{animation:none}.side,.side-body,.fade,.fold,.rail .fold,.rail .me .fade,.rail-btn svg{transition:none}}.me .avatar{background:var(--pink);width:36px;height:36px;color:var(--void);font:900 16px var(--sans);flex-shrink:0;place-items:center;display:grid}.me-links{white-space:normal;flex-wrap:wrap;gap:4px 12px;margin-top:2px;display:flex}.me button{color:var(--bone);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}main{flex-direction:column;flex-grow:1;gap:28px;min-width:0;padding:36px 44px;display:flex;container:main/inline-size}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.head .actions{flex-wrap:wrap;gap:14px;display:flex}.checklist{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.checklist>div{border-right:3px solid var(--void);transition:background-color .3s var(--ease-out);flex-direction:column;gap:8px;padding:22px 24px;display:flex}.checklist .tag{transition:background-color .3s var(--ease-out), color .3s var(--ease-out)}.checklist>div:last-child{border-right:0}.checklist>div.todo{background:var(--acid)}.checklist .n{font-size:40px;font-weight:900;font-stretch:125%;line-height:1}.checklist .t{text-transform:lowercase;font-size:20px;font-weight:800}.checklist .d{font:13px var(--mono)}.grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.table{border-collapse:collapse;width:100%;font-size:15px}.table th{border-bottom:2px solid var(--void);font:700 11px var(--mono);text-transform:uppercase;text-align:left;padding:10px 12px}.table td{border-bottom:2px solid var(--line);height:56px;padding:0 12px}.table tr:last-child td{border-bottom:0}.table .first{white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:0;overflow:hidden}.table .m{font:13px var(--mono);white-space:nowrap}.stat{border-bottom:2px solid var(--line);justify-content:space-between;align-items:baseline;padding:14px 18px;display:flex}.stat:last-child{border-bottom:0}.stat b{font-size:36px;font-weight:900;font-stretch:125%}.snippet{background:var(--void);color:var(--bone);border:3px solid var(--void);box-shadow:6px 6px 0 var(--pink);flex-direction:column;gap:12px;padding:18px;display:flex}.snippet .row{justify-content:space-between;align-items:center;gap:8px;display:flex}.snippet .btn.small{border-color:var(--bone);background:var(--acid)}.snippet .muted{color:#b4b4ac;font:12px/1.5 var(--mono)}.empty{font:13px/1.6 var(--mono);padding:28px 20px}.picker{align-items:flex-start;gap:40px;display:flex}.controls{flex-direction:column;flex-shrink:0;gap:22px;width:420px;display:flex}fieldset{border:0;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}legend{display:contents}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.styles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.styles button{border:2px solid var(--void);height:96px;color:var(--void);font:900 14px var(--sans);cursor:pointer;background:#fff;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0;display:flex}.styles button[aria-pressed=true]{box-shadow:5px 5px 0 var(--void);border-width:3px}.swatch{flex-direction:column;justify-content:center;gap:5px;width:56px;height:40px;padding:6px 8px;display:flex}.swatch i{width:28px;height:7px;display:block}.swatch i+i{align-self:flex-end;width:24px}.fonts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.fonts button,.sides button{height:44px;color:var(--void);border:2px solid var(--void);font:14px var(--mono);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#fff;border-radius:0;padding:0 8px;overflow:hidden}.fonts button[aria-pressed=true],.sides button[aria-pressed=true]{background:var(--void);color:var(--bone)}.sides{border:3px solid var(--void);display:flex}.sides button{border:0;flex-grow:1;font-weight:700}.sides button+button{border-left:3px solid var(--void)}.logo{align-items:center;gap:10px;display:flex}.logo img{border:2px solid var(--void);border-radius:50%;width:40px;height:40px}.logo label:has(:focus-visible){outline:3px solid var(--pink);outline-offset:2px}.branding{border:3px dashed var(--void);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.branding label{text-transform:lowercase;align-items:center;gap:10px;font-weight:800;display:flex}.preview{border:3px solid var(--void);min-width:0;box-shadow:8px 8px 0 var(--void);background:#fff;flex-direction:column;flex-grow:1;display:flex}.preview .bar{border-bottom:3px solid var(--void);height:44px;font:12px var(--mono);align-items:center;gap:12px;padding:0 14px;display:flex}.preview .url{border:2px solid var(--void);background:var(--bone);white-space:nowrap;flex-grow:1;align-items:center;min-width:0;height:26px;padding:0 10px;display:flex;overflow:hidden}.preview .frames{height:640px;position:relative}.preview iframe{width:100%;height:100%;transition:opacity .15s var(--ease-out);background:#fafaf7;border:0;display:block;position:absolute;inset:0}.preview iframe.loading{opacity:0}@media (prefers-reduced-motion:reduce){.preview iframe{transition-duration:1ms}}.preview .code-bar{border-top:3px solid var(--void);background:var(--void);min-height:52px;color:var(--bone);font:12px var(--mono);align-items:center;gap:12px;padding:6px 8px 6px 14px;display:flex}.preview .code-bar code{overflow-wrap:anywhere;flex-grow:1;min-width:0}.preview .code-bar .btn{border-color:var(--bone);background:var(--acid)}.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.chan{box-shadow:8px 8px 0 var(--void);flex-direction:column;gap:14px;padding:24px;display:flex}.chan.pink{box-shadow:8px 8px 0 var(--pink)}.chan .name{letter-spacing:-.05em;font-size:48px;font-weight:900;font-stretch:125%;line-height:1}.chan ol{flex-direction:column;gap:10px;margin:0;padding-left:22px;display:flex}.chan .actions{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.routing{flex-direction:column;gap:16px;padding:18px;display:flex}.routing .actions{flex-wrap:wrap;gap:8px;display:flex}.routes-channels,.rules{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.routes-channels li,.rules li{border-bottom:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex}.routes-channels li .actions,.rules li .actions{margin-left:auto}.connect{background:var(--void);color:var(--acid);font:700 15px var(--mono);padding:6px 10px;display:inline-block}.toggle{border:3px solid var(--void);height:52px;color:var(--void);font:700 14px var(--mono);cursor:pointer;background:#fff;border-radius:0;align-items:center;gap:12px;padding:0 8px 0 16px;display:inline-flex}.toggle span{border:2px solid var(--void);padding:6px 10px}.toggle[aria-pressed=true] span{background:var(--acid)}.modes{flex-direction:column;gap:6px;display:flex}.modes button{border:2px solid var(--void);min-height:44px;color:var(--void);font:700 15px var(--sans);text-align:left;cursor:pointer;background:#fff;border-radius:0;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex}.modes small{font:11px var(--mono)}.modes button[aria-pressed=true]{background:var(--void);color:var(--bone)}.events{border:0;margin:0;padding:0}.events>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;display:grid}.events legend{margin-bottom:6px}.events label{min-height:36px;font:13px var(--mono);align-items:center;gap:8px;display:flex}.events .mono{grid-column:1/-1;font-size:12px}.plan-chip{font-size:11px;text-decoration:none}.btn.dark{background:var(--void);color:var(--bone)}.btn.dashed{border-style:dashed}main.flush{padding:0}.inbox{grid-template-columns:360px minmax(0,1fr) 280px;height:100vh;display:grid;position:relative;overflow:hidden}.inbox .about-btn,.inbox .about-close{display:none}.convos{border-right:3px solid var(--void);background:#fff;flex-direction:column;min-height:0;display:flex}.convos-head{border-bottom:3px solid var(--void);flex-direction:column;gap:14px;padding:28px 20px 16px;display:flex}.convos-head h1{font-size:44px}.convos-head .input{background:var(--bone);height:44px}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tabs button{border:2px solid var(--void);height:36px;color:var(--void);font:700 12px var(--mono);cursor:pointer;background:#fff;border-radius:0;padding:0 10px}.tabs button[aria-pressed=true]{background:var(--void);color:var(--bone)}.items{flex-grow:1;margin:0;padding:0;list-style:none;overflow-y:auto}.items button{border:0;border-bottom:2px solid var(--line);width:100%;color:var(--void);font:inherit;text-align:left;cursor:pointer;background:#fff;flex-direction:column;gap:6px;padding:14px 20px;display:flex}.items button:hover{background:var(--bone)}.items button[aria-current=true]{background:var(--acid);border-bottom-color:var(--void)}.items .meta{color:var(--ink2);font-size:12px}.items [aria-current=true] .meta{color:var(--void);font-weight:700}.items .last{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.chips{flex-wrap:wrap;gap:6px;font-size:11px;font-weight:700;display:flex}.chip{border:2px solid var(--void);background:#fff;padding:1px 6px}.chip.pink{background:var(--pink)}.chip.dashed{background:0 0;border-style:dashed}.chip.dark{background:var(--void);color:var(--bone)}.thread{flex-direction:column;min-width:0;min-height:0;display:flex}.thread-head{border-bottom:3px solid var(--void);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.thread .back{display:none}.thread-head .title{text-transform:lowercase;overflow-wrap:anywhere;font-size:24px;font-weight:900}.thread-head .actions{flex-wrap:wrap;gap:8px;display:flex}.small{font-size:12px}.log{flex-direction:column;flex-grow:1;gap:14px;padding:24px;font-size:15px;line-height:1.45;display:flex;overflow-y:auto}.sep{align-self:center;font-size:12px}.bubble{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:4px;max-width:70%;display:flex}.bubble.visitor{align-self:flex-start;align-items:flex-start}.bubble .meta{white-space:pre-wrap;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;display:flex}.bubble:not(.visitor) .meta{justify-content:flex-end}.bubble .ai{background:var(--void);color:var(--acid);padding:0 5px;font-weight:700}.bubble .text{border:2px solid var(--void);white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;padding:11px 14px}.bubble.autopilot .text{border-style:dashed}.bubble.human .text{background:var(--acid);box-shadow:3px 3px 0 var(--void);font-weight:600}.bubble.note .text{background:var(--void);color:var(--bone)}.bubble.deleted .text{box-shadow:none;color:inherit;opacity:.55;background:0 0;border-style:dashed;text-decoration:line-through}.bubble .text.original{box-shadow:none;background:0 0;border-style:dashed;font-weight:400}.bubble .edit{flex-direction:column;align-items:flex-end;gap:8px;width:min(480px,100%);display:flex}.bubble .edit textarea{border:3px solid var(--void);width:100%;font:15px/1.4 var(--sans);resize:vertical;background:#fff;border-radius:0;padding:12px 14px}.flag{border:2px solid var(--void);background:var(--pink);text-align:center;align-self:center;padding:6px 12px;font-size:12px;font-weight:700}.flag.dark{background:var(--void);color:var(--bone)}.composer{border-top:3px solid var(--void);background:var(--bone);flex-direction:column;gap:10px;padding:16px 24px 20px;display:flex}.composer.noting{background:#fff0f8}.composer textarea{border:3px solid var(--void);font:15px/1.4 var(--sans);resize:vertical;background:#fff;border-radius:0;padding:12px 14px}.sides.mode{border-width:2px}.sides.mode button{height:40px;padding:0 14px;font-size:13px}.warn{border:3px solid var(--void);background:var(--pink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 14px;font-size:14px;font-weight:800;display:flex}.details{border-left:3px solid var(--void);background:#fff;font-size:14px;overflow-y:auto}.facts{grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;display:grid}.facts dt{color:var(--ink2)}.facts dd{overflow-wrap:anywhere;margin:0}.details .rare{border-bottom:0;gap:10px}.details .rare .btn{margin-top:6px}.pilot{border:2px dashed var(--void);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px 8px 8px 14px;font-size:14px;display:flex}.pilot .ai{background:var(--void);color:var(--acid);font:700 12px var(--mono);margin-right:4px;padding:0 5px}.details>div{border-bottom:2px solid var(--line);flex-direction:column;gap:8px;padding:20px;display:flex}.details .label{font-size:11px}.details .big{font-size:18px;font-weight:800}.details .btn{align-self:flex-start}.details .row-between .btn{align-self:auto}.details .btn[aria-pressed=true]{background:var(--acid)}.who{align-items:center;gap:8px;font-weight:700;display:flex}.who .avatar{border:2px solid var(--void);background:var(--pink);place-items:center;width:28px;height:28px;font-weight:900;display:grid}.activity{margin:0;padding:0;list-style:none}.activity li{border-bottom:2px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:8px 18px;font-size:14px;display:flex}.activity li:last-child{border-bottom:0}.activity .btn{flex-shrink:0}.gate{background:var(--void);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.gate form,.gate .card{border:3px solid var(--void);background:var(--bone);width:min(440px,100%);box-shadow:8px 8px 0 var(--acid);flex-direction:column;gap:16px;padding:28px;display:flex}.or{font:12px var(--mono);color:var(--ink2);align-items:center;gap:10px;display:flex}.or:before,.or:after{content:"";border-top:2px solid var(--void);flex-grow:1}@container main (width<=1100px){.inbox{grid-template-columns:300px minmax(0,1fr)}.inbox .about-btn,.inbox .about-close{display:inline-flex}.details{z-index:10;width:min(340px,100%);box-shadow:-6px 0 0 color-mix(in srgb, var(--void) 12%, transparent);visibility:hidden;transition:transform .28s var(--ease-out), visibility 0s .28s;position:absolute;top:0;bottom:0;right:0;transform:translate(calc(100% + 6px))}.details.open{visibility:visible;transition:transform .28s var(--ease-out);transform:none}}@media (prefers-reduced-motion:reduce){.details,.details.open{transition:none}}@container main (width<940px){.picker{flex-direction:column;align-items:stretch}.controls{width:100%}}@container main (width<772px){.grid{flex-direction:column;align-items:stretch;display:flex}}@media (width<=800px){.app{flex-direction:column}.side,.rail .side{z-index:20;align-self:stretch;gap:0;width:auto;height:auto;padding:0 16px;overflow:visible}.side-top{align-items:center;gap:12px;height:60px;display:flex}.brand{padding-left:0}.brand .fade{display:none}.here{align-items:center;gap:8px;min-width:0;margin-right:auto;font-size:15px;font-weight:700;display:flex}.here .count{background:var(--acid);color:var(--void);padding:1px 6px;font-size:11px}.menu-btn{border:2px solid var(--bone);height:40px;color:var(--bone);font:700 13px var(--mono);cursor:pointer;background:0 0;padding:0 14px;display:block}.menu .menu-btn{background:var(--acid);border-color:var(--acid);color:var(--void)}.side-body{z-index:19;overscroll-behavior:contain;background:var(--void);opacity:0;visibility:hidden;transition:opacity .18s var(--ease-out), transform .24s var(--ease-out), visibility 0s .24s;padding:8px 16px 20px;display:block;position:fixed;inset:60px 0 0;overflow-y:auto;transform:translateY(-8px)}.menu .side-body{opacity:1;visibility:visible;transition:opacity .18s var(--ease-out), transform .24s var(--ease-out);transform:none}:root:has(.app.menu){overflow:hidden}.side-inner{gap:16px;width:auto;min-height:100%}.rail .fade,.rail .fold,.rail .me .fade{opacity:1;visibility:inherit;grid-template-rows:1fr}.side-site{gap:10px}.nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.nav a{border:2px solid #3a3a36;height:56px;padding:0 14px}.nav a[aria-current=page]{border-color:var(--acid)}.nav-split{border:0;margin:0;padding:0}.nav a .fade{text-overflow:ellipsis;min-width:0;overflow:hidden}.rail .nav .count{margin-left:auto;padding:1px 6px;animation:none;position:static}.rail-btn,.add-site{display:none}.side-foot{flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px}.side-foot>.card{flex:100%}.side-foot>.fold:not(:has(.card)){display:none}main{padding:24px 16px}.inbox{grid-template-columns:minmax(0,1fr)}.inbox .convos{border-right:0}.inbox:not(.picked) .thread,.inbox:not(.picked) .details,.inbox:not(.picked)>.empty,.inbox.picked .convos{display:none}.inbox{height:calc(100dvh - 60px)}.inbox .convos,.inbox .thread{min-height:0;scroll-margin-top:60px}.thread-head{padding:14px 16px}.thread-head .title{font-size:20px}.log{padding:16px}.composer{padding:12px 16px 16px}.thread .back{display:inline-flex}.thread>.back{margin:16px}.bubble{max-width:90%}.checklist,.two,.three{grid-template-columns:minmax(0,1fr)}.checklist>div{border-right:0;border-bottom:3px solid var(--void)}.styles{grid-template-columns:repeat(2,minmax(0,1fr))}.table .hide-sm{display:none}}@media (width<=340px){.nav{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.side-body,.menu .side-body{transition:none}}.connect.handoff{word-break:break-all;font-size:13px}.gate form.wide,.gate .card.wide{width:min(560px,100%)}.chanpick{border:3px solid var(--void);background:#fff;flex-direction:column;max-height:360px;margin:0;padding:0;display:flex;overflow-y:auto}.chanpick label{border-bottom:2px solid var(--line);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.chanpick label:last-of-type{border-bottom:0}.chanpick label:has(input:checked){background:color-mix(in srgb, var(--acid) 40%, #fff)}.chanpick small{font-size:12px;display:block}.chanpick>p{padding:12px 14px}.linkish{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.tag.wrap{white-space:normal;display:block}.people{margin:0;padding:0;list-style:none}.people>li{border-bottom:2px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:14px 18px;display:flex}.people>li:last-child{border-bottom:0}.people .person{flex-direction:column;gap:4px;min-width:0;display:flex}.people .person b{overflow-wrap:anywhere;font-size:16px}.people .person .tag{vertical-align:2px;margin-left:6px}.people .meta{font:12px/1.5 var(--mono);color:var(--ink2);overflow-wrap:anywhere}.people .warn{flex:100%}.acts{flex-wrap:wrap;gap:8px;display:flex}.hint{font-size:12px}.hint>span{white-space:nowrap}html.simple{--bg:#f5f5f7;--ink:#1d1d1f;--muted:#636368;--glass:#ffffffb8;--glass-strong:#ffffffe0;--edge:#ffffffb3;--hair:#00000014;--accent:#0060c0;--accent-hover:#06c;--lime:#c6ff3d;--danger:#c4221a;--ok:#1f8a3b;--shadow:0 10px 40px #0000000f, 0 1px 4px #0000000a;--ease:cubic-bezier(.2, 0, 0, 1);--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--top:calc(env(safe-area-inset-top,0px) + 56px);--tabbar:calc(env(safe-area-inset-bottom,0px) + 64px)}html.simple body{background:radial-gradient(60vw 50vh at 10% 0%, #78aaff2e, transparent 70%), radial-gradient(60vw 50vh at 100% 10%, #be96ff24, transparent 70%), var(--bg);color:var(--ink);font:400 17px/1.47 var(--font);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed}html.simple :focus-visible{outline:3px solid var(--accent);outline-offset:2px}html.simple h1,html.simple h2{font-family:var(--font);text-transform:none;letter-spacing:-.025em;overflow-wrap:normal;font-stretch:100%}html.simple h1{font-size:clamp(28px,7vw,34px);font-weight:700;line-height:1.1}html.simple h2{margin:0 0 10px;font-size:19px;font-weight:600;line-height:1.25}html.simple p{margin:0}.s-app{min-height:100dvh}.s-top{z-index:20;padding-top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--hair);background:#f5f5f7db;position:sticky;top:0}.s-bar{max-width:1100px;height:56px;padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));align-items:center;gap:10px;margin:0 auto;display:flex}.s-brand{flex:none;place-items:center;width:36px;height:36px;display:grid}.s-site{min-width:0;min-height:40px;color:var(--ink);font:600 16px var(--font);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:2px;padding:0 8px;display:inline-flex;overflow:hidden}.s-site>span{text-overflow:ellipsis;overflow:hidden}.s-site svg{flex:none;width:18px}button.s-site{cursor:pointer}.s-menu{min-width:0;position:relative}.s-me{margin-inline-start:auto}.s-avatar{color:#fff;width:36px;height:36px;font:600 16px var(--font);text-transform:uppercase;cursor:pointer;background:linear-gradient(145deg,#9bb7ff,#c7a6ff);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.s-avatar.small{cursor:default;width:40px;height:40px}.s-avatar.ghost{background:var(--hair);color:var(--muted)}.s-pop{top:calc(100% + 8px);z-index:30;border:1px solid var(--edge);background:var(--glass-strong);-webkit-backdrop-filter:saturate(180%)blur(24px);border-radius:16px;min-width:220px;max-height:min(60dvh,420px);margin:0;padding:6px;list-style:none;position:absolute;inset-inline-start:0;overflow-y:auto;box-shadow:0 20px 60px #00000024}.s-pop-end{inset-inline:auto 0}.s-pop button{width:100%;min-height:44px;color:var(--ink);font:400 16px var(--font);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 12px;display:block}.s-pop button[aria-current]{background:var(--hair);font-weight:600}.s-pop-who{border-bottom:1px solid var(--hair);margin-bottom:4px;padding:10px 12px 12px;display:grid}.s-pop-who span{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.s-tabs{z-index:20;height:var(--tabbar);padding:6px max(8px, env(safe-area-inset-left,0px)) env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--hair);background:#f5f5f7e6;justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.s-tabs a{min-width:0;color:var(--muted);flex-direction:column;flex:1 1 0;align-items:center;gap:2px;padding-top:2px;font-size:11px;font-weight:500;text-decoration:none;display:flex;position:relative}.s-tabs a[aria-current]{color:var(--accent)}.s-count{top:-2px;color:#fff;text-align:center;background:#e0245e;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px;position:absolute;inset-inline-start:calc(50% + 6px)}.s-app.reading .s-tabs{display:none}.s-main{max-width:760px;padding:20px max(16px, env(safe-area-inset-left,0px)) calc(var(--tabbar) + 24px) max(16px, env(safe-area-inset-right,0px));flex-direction:column;gap:16px;margin:0 auto;display:flex}.s-app.reading .s-main{padding-bottom:0}@media (width>=900px){.s-tabs{inset:calc(env(safe-area-inset-top,0px) + 10px) auto auto 50%;z-index:21;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000000f;border:0;border-radius:999px;gap:2px;height:auto;padding:3px;position:fixed;translate:-50%}.s-tabs a{color:var(--ink);border-radius:999px;flex-direction:row;flex:none;gap:6px;padding:7px 14px;font-size:14px}.s-tabs a svg{width:18px;height:18px}.s-site{max-width:calc(50vw - 310px)}.s-tabs a[aria-current]{color:var(--ink);background:#fff;font-weight:600;box-shadow:0 1px 4px #0000001f}.s-count{position:static}.s-main{padding-bottom:48px}.s-app.reading .s-tabs{display:flex}}.s-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.s-lede{margin-top:-6px}.s-card{border:1px solid var(--edge);background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(24px);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex}.s-card h2{margin:0}.s-center{text-align:center;align-items:center}.s-muted{color:var(--muted)}.s-small{font-size:14px}.s-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.s-grow>.s-input{flex:220px}.s-btn{min-height:44px;color:var(--ink);font:500 16px var(--font);text-align:center;cursor:pointer;background:#0000000f;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 20px;text-decoration:none;display:inline-flex}.s-btn.small{min-height:36px;padding:0 14px;font-size:14px}.s-btn.primary{background:var(--accent);color:#fff}.s-btn.danger{background:var(--danger);color:#fff}.s-btn.ghost{color:var(--accent);background:0 0;padding-inline:8px}.s-btn:disabled{opacity:.5;cursor:default}@media (hover:hover){.s-btn:not(:disabled):hover{background:#0000001a}.s-btn.primary:not(:disabled):hover{background:var(--accent-hover)}.s-pop button:hover,.s-convos button:hover{background:var(--hair)}}@media (prefers-reduced-motion:no-preference){.s-btn{transition:scale .15s ease-out,background-color .15s}.s-btn:not(:disabled):active{scale:.96}}.s-seg{background:#0000000f;border-radius:14px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-self:flex-start;gap:2px;padding:3px;display:grid}.s-seg button{min-height:36px;color:var(--ink);line-height:1.2;font:500 15px var(--font);cursor:pointer;background:0 0;border:0;border-radius:11px;padding:6px 12px}.s-seg button[aria-pressed=true]{background:#fff;font-weight:600;box-shadow:0 1px 4px #0000001f}.s-form{flex-direction:column;gap:10px;display:flex}.s-form label{font-size:15px;font-weight:600}.s-input{min-width:0;height:48px;color:var(--ink);font:400 17px var(--font);background:#ffffffe6;border:1px solid #00000024;border-radius:14px;padding:0 16px}.s-error{color:var(--danger);font-size:15px}.s-banner,.s-nudge{color:var(--ink);background:#c6ff3d59;border-radius:16px;gap:2px;padding:14px 16px;font-size:15px;text-decoration:none;display:grid}.s-push{background:#0060c01a;gap:6px}.s-push .s-row{margin-top:4px}.s-banner a{color:var(--ink);font-weight:600}.s-ok{align-items:flex-start;gap:10px;display:flex}.s-ok svg{color:var(--ok);flex:none}.s-warn{background:#ffbe9659;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;font-size:15px;display:flex}.s-warn>span{flex:100%}.s-empty{color:var(--muted);text-align:center;justify-items:center;gap:12px;padding:48px 16px;display:grid}.s-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#0000000d;border-radius:12px;margin:0;padding:14px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.s-disclose{width:100%;min-height:44px;color:var(--ink);font:600 17px var(--font);text-align:start;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}#s-code:not([hidden]){gap:12px;display:grid}.s-handoff{border-top:1px solid var(--hair);gap:8px;padding-top:12px;display:grid}.s-inbox{gap:16px;display:grid}.s-list{flex-direction:column;gap:14px;min-width:0;display:flex}.s-convos{background:var(--glass);box-shadow:var(--shadow);border-radius:20px;margin:0;padding:0;list-style:none;overflow:hidden}.s-convos:empty{display:none}.s-convos li+li{border-top:1px solid var(--hair)}.s-convos button{outline-offset:-3px;width:100%;color:var(--ink);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;gap:12px;padding:14px 16px;display:flex}.s-convos button[aria-current]{background:#0060c014}.s-convo{flex:1;gap:2px;min-width:0;display:grid}.s-convo-top{justify-content:space-between;gap:8px;display:flex}.s-convo-top .s-muted{flex:none;font-size:14px}.s-last{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s-pickone,.s-inbox.picked .s-list{display:none}.s-thread{min-width:0;height:calc(100dvh - var(--top) - 21px);flex-direction:column;display:flex}.s-thread-head{border-bottom:1px solid var(--hair);align-items:center;gap:10px;padding-bottom:12px;display:flex}.s-back{min-height:44px;color:var(--accent);font:400 17px var(--font);cursor:pointer;background:0 0;border:0;align-items:center;padding:0 6px 0 0;display:inline-flex}.s-thread-who{flex:1;min-width:0;display:grid}.s-thread-who b,.s-thread-who span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s-log{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;padding:16px 0;display:flex;overflow-y:auto}.s-msg{justify-items:start;gap:3px;max-width:85%;display:grid}.s-msg.team{align-self:flex-end;justify-items:end}.s-msg-meta{color:var(--muted);padding-inline:6px;font-size:12px}.s-bubble{border-radius:20px;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-end-start-radius:6px;padding:10px 14px;box-shadow:0 1px 2px #0000000f}.s-msg.team .s-bubble{background:var(--accent);color:#fff;border-end-end-radius:6px;border-end-start-radius:20px}.s-msg.note .s-bubble{color:var(--ink);background:#c6ff3d73}.s-reply{padding:10px 0 max(12px, env(safe-area-inset-bottom,0px));border-top:1px solid var(--hair);gap:8px;display:grid}.s-reply-row{align-items:flex-end;gap:8px;display:flex}.s-reply textarea{min-height:44px;max-height:40vh;color:var(--ink);font:400 17px/1.3 var(--font);resize:none;field-sizing:content;background:#fff;border:1px solid #00000024;border-radius:22px;flex:1;padding:11px 16px}.s-send{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.s-send:disabled{opacity:.4;cursor:default}@media (width>=900px){.s-main:has(.s-inbox){max-width:1100px}.s-inbox{grid-template-columns:minmax(300px,380px) 1fr;align-items:start}.s-inbox.picked .s-list{display:flex}.s-pickone{place-self:center;display:block}.s-list{top:calc(var(--top) + 20px);max-height:calc(100dvh - var(--top) - 40px);position:sticky;overflow-y:auto}.s-thread{height:calc(100dvh - var(--top) - 44px);background:var(--glass);box-shadow:var(--shadow);border-radius:20px;padding:16px 20px 0}.s-back{display:none}}.s-people{margin:0;padding:0;list-style:none;display:grid}.s-people li{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex}.s-people li+li{border-top:1px solid var(--hair)}.s-person{flex:180px;min-width:0;display:grid}.s-person .s-small{overflow-wrap:anywhere}.s-look{--pv:clamp(200px, 32dvh, 300px);gap:16px;display:grid}@media (width<=899px) and (height>=561px){.s-look-controls :is(input,textarea,select){scroll-margin-top:calc(var(--top) + var(--pv) + 90px)}}.s-preview{top:var(--top);z-index:5;margin-inline:calc(-1 * max(16px, env(safe-area-inset-left,0px))) calc(-1 * max(16px, env(safe-area-inset-right,0px)));padding:8px max(16px, env(safe-area-inset-right,0px)) 10px max(16px, env(safe-area-inset-left,0px));-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--hair);background:#f5f5f7db;position:sticky}.s-preview .frames{height:var(--pv);box-shadow:var(--shadow);border-radius:20px;position:relative;overflow:hidden}@media (height<=560px){.s-preview{position:static}}.s-preview-bar{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.s-preview-bar .s-seg{align-self:auto}.s-field{gap:6px;font-size:15px;font-weight:600;display:grid}.s-field .s-input{width:100%;font-weight:400}textarea.s-input{resize:none;field-sizing:content;height:auto;min-height:48px;padding:12px 16px;line-height:1.35}.s-custom{cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.s-custom[data-on]{border-color:var(--ink)}.s-custom:has(:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.s-custom .s-dot{background:conic-gradient(#e4002b,#ff8a5b,#f5d90a,#16a34a,#2b59ff,#6e56f7,#e4002b)}.s-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.s-logo{object-fit:cover;border-radius:50%;width:44px;height:44px;box-shadow:inset 0 0 0 1px #0000001f}.s-switch{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-weight:600;display:flex}.s-switch>span{gap:2px;display:grid}.s-switch .s-small{font-weight:400}.s-switch input{appearance:none;cursor:pointer;background:#00000029;border-radius:999px;flex:none;width:51px;height:31px;margin:0;position:relative}.s-switch input:before{content:"";background:#fff;border-radius:50%;width:27px;height:27px;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.s-switch input:checked{background:var(--ok)}.s-switch input:checked:before{translate:20px}.s-switch input:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion:no-preference){.s-switch input,.s-switch input:before{transition:background-color .2s, translate .2s var(--ease)}}.s-preview iframe{border:0;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.s-preview iframe.loading{opacity:0}@media (prefers-reduced-motion:reduce){.s-preview iframe{transition-duration:1ms}}.s-look-controls{gap:16px;display:grid}.s-styles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.s-styles button{text-transform:capitalize;color:var(--ink);font:500 13px var(--font);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:14px;justify-items:center;gap:6px;padding:8px 4px;display:grid}.s-styles button[aria-pressed=true]{border-color:var(--accent);background:#0060c00f}.s-swatch{aspect-ratio:4/3;border:1px solid #0000001a;width:100%;display:block;position:relative}.s-swatch i{inset-inline-end:12%;aspect-ratio:1;border-radius:50%;width:26%;position:absolute;bottom:14%}.s-accents{flex-wrap:wrap;gap:10px;display:flex}.s-accents button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.s-accents button[aria-pressed=true]{border-color:var(--ink)}.s-dot{border-radius:50%;width:32px;height:32px;box-shadow:inset 0 0 0 1px #0000001f}@media (width>=900px){.s-main:has(.s-look){max-width:1100px}.s-look{grid-template-columns:1fr 360px;align-items:start}.s-preview{top:calc(var(--top) + 20px);-webkit-backdrop-filter:none;background:0 0;border:0;margin:0;padding:0}.s-preview .frames{height:calc(100dvh - var(--top) - 116px);max-height:720px}}.s-plans{gap:16px;display:grid}.s-plan.pick{outline:2px solid var(--accent);outline-offset:-2px}.s-price b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px}.s-ticks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.s-ticks li{padding-inline-start:26px;position:relative}.s-ticks li:before{content:"";inset-inline-start:0;background:var(--lime);border-radius:50%;width:16px;height:16px;position:absolute;top:.25em}@media (width>=900px){.s-main:has(.s-plans){max-width:1100px}.s-plans{grid-template-columns:repeat(3,minmax(0,1fr))}.s-plan .s-btn{margin-top:auto}}html.simple .gate{background:0 0}html.simple .gate .card,html.simple .card{border:1px solid var(--edge);background:var(--glass-strong);color:var(--ink);border-radius:24px;box-shadow:0 20px 60px #00000014}html.simple .btn{min-height:44px;box-shadow:none;color:var(--ink);font:500 16px var(--font);text-transform:none;background:#0000000f;border:0;border-radius:999px}html.simple .btn.primary{background:var(--accent);color:#fff}html.simple .btn.ghost{color:var(--accent);background:0 0}html.simple .input{font:400 17px var(--font);background:#fff;border:1px solid #00000024;border-radius:14px}html.simple .label{font:600 15px var(--font);text-transform:none;letter-spacing:0}html.simple .error{color:var(--danger);background:0 0;border:0}html.simple .mono{font-family:var(--font)}html.simple .tag{background:var(--hair);font:500 13px var(--font);text-transform:none;border:0;border-radius:999px}@media (pointer:coarse),(width<=899px){.s-btn.small,.s-seg button,.s-avatar,.s-brand,.s-site{min-height:44px}.s-avatar,.s-brand{width:44px;height:44px}}