@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #1b1033;--cream: #fff4d6;--paper: #fffaf0;--white: #fffdf7;--pink: #ff6fae;--pink-strong: #ff6fae;--lime: #b8f03a;--blue: #6d93ff;--orange: #ff9a3d;--yellow: #ffd23f;--violet: #b08cff;--purple: #7a4dff;--muted: #5d5370;--ok: #1d7a46;--warn: #b0401c;--font: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, -apple-system, sans-serif;--gutter: 24px;color-scheme:light}*{box-sizing:border-box}html{background:var(--cream);overflow-anchor:none;scrollbar-gutter:stable;-webkit-text-size-adjust:100%}html.locked{overflow:hidden}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);font-weight:500;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:clip}a{color:inherit}a:hover{color:var(--purple)}h1,h2,h3,p{margin:0}h1{font-weight:800;letter-spacing:-.03em;line-height:1}h2{font-size:24px;font-weight:800;letter-spacing:-.01em}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sr-focus:focus{position:fixed;z-index:90;left:12px;top:12px;width:auto;height:auto;clip-path:none;padding:8px 14px;background:#fff;border:3px solid var(--ink);border-radius:999px}.muted{color:var(--muted)}.small{font-size:14px}.fine{font-size:13px;color:var(--muted)}.err{color:var(--warn);font-weight:700}.center{display:flex;justify-content:center}.top{max-width:1248px;margin:0 auto;padding:22px var(--gutter) 0;display:flex;flex-direction:column;gap:20px}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding-bottom:6px}.live{display:inline-flex;align-items:center;gap:8px;padding:5px 13px;border-radius:999px;background:#fff;border:2px solid var(--ink);font-size:14px;font-weight:800;margin-top:8px;font-variant-numeric:tabular-nums}.live i{width:9px;height:9px;border-radius:50%;background:#ff3d6e;animation:blink 1.6s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.hero h1{margin:8px 0 4px;display:flex;align-items:center;justify-content:center;gap:.22em;font-weight:800;font-size:clamp(50px,11vw,112px);line-height:1;letter-spacing:-.045em}.drop-mark{position:relative;flex:none;display:block;width:.95em;height:1.17em;margin-top:-.12em}.drop-mark svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.dm-box{transform:rotate(9deg);transform-origin:50% 55%;will-change:transform;animation:dm-box 3.4s cubic-bezier(.45,.05,.55,.95) infinite}.dm-shadow{transform-origin:50% 95%;will-change:transform,opacity;animation:dm-shadow 3.4s cubic-bezier(.45,.05,.55,.95) infinite}.dm-line{will-change:transform,opacity;animation:dm-line 1.5s cubic-bezier(.3,0,.6,1) infinite}.dm-line.l2{animation-delay:-.5s}.dm-line.l3{animation-delay:-1s}.drop-mark.rest *{animation-play-state:paused}@keyframes dm-box{0%,to{transform:translate3d(-2.5%,-2%,0) rotate(6deg)}50%{transform:translate3d(2.5%,2.5%,0) rotate(12deg)}}@keyframes dm-shadow{0%,to{transform:scaleX(.84);opacity:.55}50%{transform:scaleX(1.06);opacity:1}}@keyframes dm-line{0%{transform:translate3d(0,6%,0);opacity:0}30%{opacity:1}70%{opacity:1}to{transform:translate3d(0,-5%,0);opacity:0}}@media(prefers-reduced-motion:reduce){.drop-mark .dm-box,.drop-mark .dm-shadow,.drop-mark .dm-line{animation:none!important;will-change:auto}}.your{color:var(--lime);text-shadow:-4px -4px 0 var(--ink),4px -4px 0 var(--ink),-4px 4px 0 var(--ink),4px 4px 0 var(--ink),0 -4px 0 var(--ink),0 4px 0 var(--ink),-4px 0 0 var(--ink),4px 0 0 var(--ink),0 9px 0 var(--ink)}.lede{font-size:20px}.hero-try{font-size:16px}.hero-try .linkbtn{font-size:16px;padding:0 4px}.urlbar{display:flex;align-items:center;gap:8px;width:100%;max-width:700px;padding:7px;background:#fff;border:3px solid var(--ink);border-radius:999px;box-shadow:4px 6px 0 var(--ink);transition:box-shadow .16s ease}.urlbar:focus-within{box-shadow:4px 6px 0 var(--ink),0 0 0 4px var(--lime)}.urlbar input{flex:1 1 auto;min-width:0;height:52px;padding:0 8px 0 20px;border:0;border-radius:999px;background:transparent;font-size:20px;outline:none;-webkit-appearance:none;appearance:none;box-shadow:none}.urlbar input::placeholder{color:#6b6478}.urlbar button{flex:none;height:52px;padding:0 28px;background:var(--pink-strong);border:3px solid var(--ink);border-radius:999px;font-weight:800;font-size:20px;white-space:nowrap;transition:transform .12s ease,background .12s ease}.urlbar button:hover{background:#ff5d9f}.urlbar button:active{transform:scale(.96)}.floor{position:relative;height:90vh;background-color:var(--paper);background-size:22px 22px;border-top:3px solid var(--ink)}.floor{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.floor-tiles{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(27,16,51,.11) 1.5px,transparent 1.5px);background-size:22px 22px}.floor{overflow:clip}.floor-tile{position:absolute;left:0;width:100%;display:block}.floor-canvas{position:absolute;top:0;left:0;z-index:5;will-change:transform;display:block;width:100%;height:100vh;height:100lvh;pointer-events:none}.floor-empty{position:absolute;left:0;right:0;bottom:120px;text-align:center;font-size:18px;font-weight:700;color:var(--muted);pointer-events:none;padding:0 var(--gutter)}.floor-base{height:22px;background:var(--ink);color:var(--cream);font-size:12px;font-weight:800;letter-spacing:3px;text-align:center;line-height:22px;white-space:nowrap;overflow:hidden}.devfx{position:fixed;top:8px;right:8px;z-index:60;display:flex;flex-wrap:wrap;gap:4px;max-width:320px;justify-content:flex-end}.devfx button{padding:4px 8px;border:2px solid var(--ink);border-radius:8px;background:#fff;font-size:12px;font-weight:700}.tile{display:inline-block;flex:none;vertical-align:middle}.tile-disc{position:absolute;left:50%;top:41%;width:47%;height:47%;transform:translate(-50%,-50%);border-radius:50%;border:max(1.5px,.024em) solid var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.26em;color:var(--ink);overflow:hidden}.tile-disc img{width:100%;height:100%;object-fit:cover;display:block}.tile-disc img.inset{width:72%;height:72%;object-fit:contain}.tile-name{position:absolute;left:9%;right:9%;top:70%;text-align:center;font-weight:800;font-size:max(9.5px,.135em);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 20px;border:3px solid var(--ink);border-radius:999px;background:#fff;font-weight:800;font-size:16px;text-decoration:none;box-shadow:2px 3px 0 var(--ink);transition:transform .1s ease,box-shadow .1s ease,background .12s ease}.btn:hover{color:var(--ink);transform:translateY(-1px);box-shadow:2px 4px 0 var(--ink)}.btn:active{transform:translateY(2px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.5;transform:none;box-shadow:none}.btn.pink{background:var(--pink-strong)}.btn.lime{background:var(--lime)}.btn.big{min-height:56px;font-size:19px;padding:0 28px}.btn.sm{min-height:38px;padding:0 14px;font-size:14px;box-shadow:1px 2px 0 var(--ink);border-width:2px}.linkbtn{border:0;background:transparent;padding:8px 4px;min-height:40px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.linkbtn:disabled{opacity:.45}.field{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:800}.field input{height:46px;padding:0 14px;border:2.5px solid var(--ink);border-radius:14px;background:#fff;font-size:16px;font-weight:500;outline:none}.field input:focus{box-shadow:0 0 0 3px var(--lime)}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{display:inline-block;font-size:12px;font-weight:800;padding:2px 9px;border-radius:999px;border:2px solid var(--ink);background:#fff}.chip.ok{background:#d9f7c6}.chip.warn{background:#ffd9c4}.chip.gold{background:var(--yellow)}.scrim{position:fixed;inset:0;z-index:100;overflow-y:auto;overscroll-behavior:contain;background:#1b103380;display:flex;justify-content:center;align-items:flex-start;padding:44px 16px;animation:fade .18s ease both}@keyframes fade{0%{opacity:0}}.sheet{position:relative;width:100%;max-width:540px;background:#fff;border:3px solid var(--ink);border-radius:28px;box-shadow:8px 10px 0 var(--ink);padding:26px;display:flex;flex-direction:column;gap:16px;animation:pop .34s cubic-bezier(.2,1.4,.4,1) both;outline:none}.sheet.wide{max-width:800px}@keyframes pop{0%{transform:translateY(18px) scale(.96);opacity:0}}.sheet-x{position:absolute;top:12px;right:12px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:50%;background:#fff;z-index:2}.sheet-x:hover{background:#f4eee0}.stepper{list-style:none;display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0 44px 0 0;font-size:13px;font-weight:800;color:#a59eb2}.stepper li{display:flex;align-items:center;gap:5px}.stepper li:before{content:"";width:9px;height:9px;border-radius:50%;background:#e4dfd2;border:2px solid transparent}.stepper li.on{color:var(--ink)}.stepper li.on:before{background:var(--pink-strong);border-color:var(--ink)}.stepper li.done{color:var(--muted)}.stepper li.done:before{background:var(--lime)}.flow{display:flex;flex-direction:column;gap:14px;animation:stepIn .26s ease both}@keyframes stepIn{0%{opacity:0;transform:translate(8px)}}.flow.narrowed{max-width:420px;margin:0 auto;width:100%}.flow h2{padding-right:36px}.flow-load{display:flex;flex-direction:column;align-items:center;gap:16px;padding:44px 0 34px;font-weight:800;text-align:center}.spin{width:56px;height:56px;border:3px solid var(--ink);border-radius:14px;background:var(--yellow);box-shadow:3px 4px 0 var(--ink);animation:spin 1s cubic-bezier(.6,0,.4,1) infinite}@keyframes spin{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}.flow-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.flow-actions .btn{margin-left:auto}.look-top{display:flex;gap:18px;align-items:center}.look-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatches button{width:34px;height:34px;border-radius:50%;border:2.5px solid var(--ink);transition:transform .12s ease}.swatches button.on{box-shadow:0 0 0 3px #fff,0 0 0 5.5px var(--ink)}.paths{display:grid;grid-template-columns:1fr 1fr;gap:10px}.path{display:flex;flex-direction:column;gap:6px;text-align:left;padding:14px;border:3px solid var(--ink);border-radius:18px;background:#fff;box-shadow:2px 3px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}.path:hover{transform:translateY(-2px);box-shadow:2px 5px 0 var(--ink)}.path b{font-size:20px;font-weight:800}.path span{font-size:14px;color:var(--muted);flex:1}.path em{font-style:normal;font-weight:800;display:inline-block;width:fit-content;padding:6px 12px;border:2.5px solid var(--ink);border-radius:999px;background:var(--pink-strong);font-size:14px}.path.gold em{background:var(--yellow)}.plans{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.plan{position:relative;flex:1 1 150px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px;border:3px solid var(--ink);border-radius:16px;background:#fff;box-shadow:2px 3px 0 var(--ink);text-align:left}.plan.on{background:var(--yellow)}.pn{font-size:14px;font-weight:800}.pp{font-size:24px;font-weight:800;line-height:1}.pb{font-size:12px;line-height:1.25;color:#3e3552}.best{position:absolute;top:-11px;right:10px;font-size:11px;font-weight:800;padding:1px 8px;border-radius:999px;background:var(--pink-strong);border:2px solid var(--ink);color:var(--ink)}.plan-body{display:grid;grid-template-columns:200px 1fr;gap:14px;align-items:center}.plan-preview{display:flex;align-items:center;justify-content:center;height:196px;border:2px dashed var(--ink);border-radius:18px;background:var(--paper)}.skins{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}.skin{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 3px;border:2px solid transparent;border-radius:12px;background:transparent;font-size:12px;font-weight:800}.skin:hover{background:#f8f3e4}.skin.on{border-color:var(--ink);background:var(--yellow)}.skin:disabled{opacity:.36}.skin small{font-weight:500;font-size:11px}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 14px;border:3px solid var(--ink);border-radius:14px;background:#fff;font-weight:800;font-size:15px;text-align:left;width:100%}.toggle.on{background:var(--lime)}.knob{flex:none;position:relative;width:44px;height:24px;border-radius:999px;background:#e6dfcf;border:2px solid var(--ink)}.knob:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ink);transition:transform .16s ease}.toggle.on .knob{background:#fff}.toggle.on .knob:after{transform:translate(20px)}.proof{display:flex;flex-direction:column;gap:10px}.tabs{display:flex;gap:3px;flex-wrap:wrap;padding:3px;background:#f4eee0;border-radius:14px}.tabs button{flex:1 1 auto;border:0;background:transparent;padding:8px 10px;border-radius:11px;font-weight:800;font-size:13px;white-space:nowrap}.tabs button.on{background:#fff;box-shadow:0 0 0 2px var(--ink)}.code{display:flex;flex-direction:column;border:2.5px solid var(--ink);border-radius:14px;background:var(--ink);color:#f4eefd}.code pre{margin:0;padding:12px 12px 8px;max-height:150px;overflow:auto;font:12.5px/1.45 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.code .btn{align-self:flex-end;margin:0 8px 8px}.demo-skip{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.check-line{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:14px;background:#f8f3e4;font-weight:700;font-size:14px}.check-line>span:nth-child(2){flex:1;min-width:0}.check-line small{display:block;font-weight:500;color:var(--muted);font-size:13px}.check-line .dot{flex:none;width:11px;height:11px;border-radius:50%;background:var(--orange);animation:blink 1.4s ease-in-out infinite}.check-line.ok{background:var(--lime)}.check-line.ok .dot{background:var(--ok);animation:none}.fx-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px;align-items:stretch}.fx-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}.fx-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:8px 10px;border:2.5px solid var(--ink);border-radius:13px;background:#fff}.fx-item b{font-size:14px;font-weight:800}.fx-tier{font-size:11px;font-weight:800;line-height:1;padding:3px 7px;border-radius:999px;background:#f4eee0;color:#5d5370}.fx-tier.t-day{background:#ffe3ef;color:#9c1f5e}.fx-tier.t-week{background:#e8e0ff;color:#4f2ec4}.fx-tier.t-month{background:#ffedb8;color:#7d5600}.fx-item.on .fx-tier{background:#fff;color:var(--ink)}.fx-item.on{background:var(--yellow)}.fx-side{display:flex;flex-direction:column;gap:8px;min-width:0}.fx-preview{position:relative;flex:1;min-height:310px;border:2.5px solid var(--ink);border-radius:18px;overflow:hidden;background:var(--paper);cursor:pointer;contain:strict}.fx-stage{position:absolute;left:0;top:0;transform-origin:0 0;background-image:radial-gradient(rgba(27,16,51,.11) 1.5px,transparent 1.5px);background-size:18px 18px;transition:opacity .12s ease;will-change:transform}.fx-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.fx-caption{font-size:13px;line-height:1.3}.fx-section{display:flex;flex-direction:column;gap:12px}.fx-section .fx-grid{padding:14px;background:#fff;border:3px solid var(--ink);border-radius:22px;box-shadow:3px 4px 0 var(--ink)}.fx-section .fx-preview{min-height:380px}.fx-name{max-width:300px}.fx-replay{position:absolute;top:7px;left:7px;z-index:1;padding:1px 8px;border-radius:999px;background:#ffffffd9;font-size:11px;font-weight:700;color:var(--muted);pointer-events:none}.cool{padding:9px 12px;border-radius:12px;background:#f8f3e4;font-weight:700;font-size:14px}.auth-panel{display:flex;flex-direction:column;gap:10px}.auth-panel h2{margin-bottom:2px}.auth-form{display:flex;flex-direction:column;gap:10px}.card-head{display:flex;gap:14px;align-items:center;padding-right:50px}.card-head h2{font-size:28px;line-height:1}.card-head .chips{margin-top:6px}.card-head>div{min-width:0}.card-head h2{overflow-wrap:anywhere}.card-line{font-size:17px;font-weight:700}.card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.card-stats div{padding:10px;border:2.5px solid var(--ink);border-radius:14px;background:var(--paper)}.card-stats b{display:block;font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums}.card-stats span{font-size:12px}.card-chart{padding:10px 12px 6px;border:2.5px solid var(--ink);border-radius:14px;background:var(--paper)}.card-chart-head{display:flex;justify-content:space-between;font-size:12px;font-weight:800;margin-bottom:4px}.spark{display:block;width:100%}.card-actions{display:flex;gap:8px}.card-actions .pink{flex:2}.card-actions .btn:not(.pink){flex:1}.card-foot{display:flex;justify-content:space-between;align-items:center;margin:-8px 0}.toast{position:fixed;left:50%;bottom:74px;transform:translate(-50%);width:max-content;max-width:90vw;z-index:200;pointer-events:none;padding:10px 18px;border-radius:999px;background:var(--lime);border:3px solid var(--ink);box-shadow:3px 4px 0 var(--ink);font-weight:800;animation:toastIn .3s cubic-bezier(.2,1.4,.4,1) both}@keyframes toastIn{0%{transform:translate(-50%,16px);opacity:0}}.page{max-width:1100px;margin:0 auto;padding:18px var(--gutter) 0;display:flex;flex-direction:column;gap:22px}.page.narrow{max-width:620px}.page h1{font-size:clamp(34px,6vw,52px)}.page-load{min-height:60vh}.dash-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}.me{display:flex;align-items:center;gap:14px;min-width:0}.me h1{font-size:clamp(26px,5vw,38px)}.dash-actions{display:flex;flex-wrap:wrap;gap:6px}.dash-empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:56px 16px;background:#fff;border:3px solid var(--ink);border-radius:24px;box-shadow:4px 5px 0 var(--ink)}.dash-panel{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border:3px solid var(--ink);border-radius:24px;box-shadow:4px 5px 0 var(--ink)}.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.filters select{height:38px;padding:0 12px;border:2.5px solid var(--ink);border-radius:12px;background:#fff;font-weight:800;font-size:15px;max-width:60vw}.seg{display:inline-flex;padding:3px;background:#f4eee0;border-radius:12px}.seg button{border:0;background:transparent;padding:6px 12px;border-radius:9px;font-weight:800;font-size:13px}.seg button.on{background:#fff;box-shadow:0 0 0 2px var(--ink)}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stat-tile{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:10px 12px;border:2.5px solid var(--ink);border-radius:14px;background:var(--paper);text-align:left}.stat-tile span{font-size:13px;font-weight:700;color:var(--muted)}.stat-tile b{font-size:clamp(20px,3.4vw,30px);line-height:1.1;font-variant-numeric:tabular-nums}.stat-tile.on{background:var(--yellow)}.stat-tile.on span{color:var(--ink)}.stat-tile.static{background:transparent;border-style:dashed}.chart{position:relative;touch-action:pan-y}.chart svg{display:block;width:100%;height:auto}.axis{font-size:11px;fill:var(--muted);font-family:var(--font);font-variant-numeric:tabular-nums}.tip{position:absolute;top:2px;pointer-events:none;background:var(--ink);color:#fff;padding:5px 9px;border-radius:9px;font-size:12px;line-height:1.25;white-space:nowrap}.tip span{opacity:.75}.projects{display:flex;flex-direction:column;gap:10px}.project{display:grid;grid-template-columns:auto minmax(0,1.5fr) auto minmax(90px,1fr) auto;gap:8px 16px;align-items:center;padding:12px 14px;background:#fff;border:3px solid var(--ink);border-radius:20px;box-shadow:3px 4px 0 var(--ink)}.project h3{margin:0 0 4px;font-size:19px;font-weight:800}.host{font-size:13px;font-weight:500}.project-main{min-width:0}.project-stats{display:flex;gap:14px}.project-stats b{display:block;font-size:18px;line-height:1.1;font-variant-numeric:tabular-nums}.project-stats span{font-size:12px;color:var(--muted)}.project-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;align-items:center;max-width:220px}.grid-boxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.grid-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;text-align:center;text-decoration:none;background:#fff;border:3px solid var(--ink);border-radius:20px;box-shadow:3px 4px 0 var(--ink);transition:transform .12s ease}.grid-box:hover{transform:translateY(-3px);color:var(--ink)}@media(max-width:860px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-grid{grid-template-columns:1fr}.fx-preview{min-height:280px}.fx-side{order:-1}.plan-body{grid-template-columns:1fr}.plan-preview{height:164px}}@media(max-width:640px){:root{--gutter: 16px}.hero{gap:11px}.urlbar{padding:5px;box-shadow:3px 4px 0 var(--ink)}.urlbar input{height:46px;font-size:16px;padding:0 4px 0 14px}.urlbar button{height:46px;padding:0 16px;font-size:16px}.scrim{padding:0;align-items:flex-end;overflow:hidden}.sheet,.sheet.wide{max-width:none;max-height:calc(100vh - 10px);max-height:calc(100dvh - 10px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-width:3px 0 0;border-radius:22px 22px 0 0;box-shadow:none;padding:14px 16px calc(14px + env(safe-area-inset-bottom));gap:10px;animation-name:sheetUp;animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.9,.3,1)}@keyframes sheetUp{0%{transform:translateY(100%)}}.sheet-x{position:sticky;top:0;right:auto;align-self:flex-end;flex:none;width:34px;height:34px;margin:-2px -4px -40px 0}.stepper{font-size:12px;gap:2px 10px;min-height:30px;align-items:center;padding-right:40px}.flow{gap:10px}.flow h2{font-size:21px}.field input{height:42px}.look-top{gap:12px;align-items:flex-start}.look-top .tile{width:92px!important;height:92px!important;font-size:92px!important;margin-top:4px}.look-fields{gap:7px}.paths{grid-template-columns:1fr 1fr;gap:8px}.path{padding:10px;border-radius:15px;gap:4px}.path b{font-size:17px}.path span{font-size:12.5px;line-height:1.25}.path em{font-size:13px;padding:5px 10px;width:100%;text-align:center}.flow-actions{position:sticky;bottom:calc(-14px - env(safe-area-inset-bottom));z-index:3;margin:0 -16px calc(-14px - env(safe-area-inset-bottom));padding:8px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:2px solid #eee8da}.flow-actions .btn.big{min-height:48px;font-size:17px;flex:1}.code pre{max-height:92px}.tabs button{padding:7px 8px;font-size:12.5px}.plans{gap:5px}.plan{flex-basis:calc(50% - 3px)}.plan{padding:9px}.pb,.plan.on .pb{display:none}.fx-list{grid-template-columns:1fr 1fr;gap:5px}.fx-item{flex-direction:row;justify-content:space-between;align-items:center;gap:4px;padding:7px 8px}.fx-item b{font-size:13px;line-height:1.1}.fx-tier{font-size:10px;padding:3px 5px;white-space:nowrap}.fx-preview,.fx-section .fx-preview{flex:none;height:222px;min-height:0}.fx-section .fx-grid{padding:10px}.fx-caption{font-size:12.5px}.plan-preview{height:130px}.plan-preview .tile{transform:scale(.72)}.skins{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:2px}.skin{padding:4px 1px;font-size:11px}}@media(max-width:360px){.urlbar input{padding-left:10px}.urlbar button{padding:0 12px;font-size:15px}}@media(hover:none){.btn:hover{transform:none;box-shadow:2px 3px 0 var(--ink)}.btn.sm:hover{box-shadow:1px 2px 0 var(--ink)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.code .btn{color:var(--ink)}.field-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.autofill{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper);font-size:12px;font-weight:800}.autofill:hover{background:var(--yellow)}.autofill:disabled{opacity:.6}.look-host{margin-left:auto;align-self:center}.note{padding:7px 11px;border-radius:11px;background:#f8f3e4;font-size:13px;line-height:1.3}.note.warn{background:#ffe9dc}.badge-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.badge-pick button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 8px 8px;border:2.5px solid #d9d2c2;border-radius:16px;font-size:13px;font-weight:800;transition:border-color .12s ease}.badge-pick button.light{background:#f6f1e4;color:var(--ink)}.badge-pick button.dark{background:#241f30;color:#fff}.badge-pick button.on{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple)}.badge-pick img{display:block;max-width:100%;height:auto}.just{position:fixed;left:16px;bottom:16px;z-index:40;max-width:min(560px,calc(100% - 32px));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff;border:3px solid var(--ink);border-radius:20px;box-shadow:3px 4px 0 var(--ink)}.just>div:first-of-type{display:flex;flex-direction:column;gap:2px}.just b{font-size:17px;font-weight:800}.just span{font-size:14px}.just-actions{display:flex;flex-wrap:wrap;gap:8px}.upl{position:relative;overflow:hidden}.upl input{position:absolute;inset:0;opacity:0;cursor:pointer}.upl:focus-within{outline:3px solid var(--purple);outline-offset:2px}.mini{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:3px solid var(--ink);background:#fff;font-weight:800;font-size:14px}.mini.gold{background:var(--yellow)}.mini.pink{background:var(--pink)}.mini.lime{background:var(--lime)}.just{padding-right:44px}.just-x{position:absolute;top:6px;right:8px;width:32px;height:32px;border-radius:50%;font-size:22px;font-weight:800;line-height:1}.just-x:hover{background:#f3ecd8}.look-line{margin:0}.fx-save{align-self:flex-start;font-size:14px}.pop-in{animation:pop .34s cubic-bezier(.3,1.7,.5,1) both}.zone{position:relative;margin-top:22px}.zone.shut{overflow:clip}.pilefade{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(255,250,240,0),var(--paper) 85%);pointer-events:none;z-index:6}.pilemore{position:absolute;right:22px;bottom:18px;z-index:7;display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 14px 0 20px;border:3px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--cream);font-weight:800;font-size:16px;box-shadow:3px 4px 0 var(--pink)}.pilemore svg{flex:none;width:30px;height:30px;padding:4px;border-radius:50%;background:var(--lime);color:var(--ink);transition:transform .2s}.pilemore:active{transform:translateY(2px);box-shadow:0 1px 0 var(--pink)}.zone:not(.shut) .pilemore{position:fixed;z-index:40}.foot{padding:48px 24px 28px;background:var(--ink);color:var(--cream)}.foot a{color:var(--cream);text-decoration:none}.foot a:hover{color:var(--lime);text-decoration:underline}.foot-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px}.foot-brand{display:flex;flex-direction:column;gap:10px}.foot-brand span{font-weight:800;font-size:24px}.foot-brand small{font-size:14px;color:#d9d2e9}.foot nav{display:flex;flex-direction:column;gap:8px;font-size:15px}.foot nav b{font-size:12px;letter-spacing:2px;color:var(--lime)}.foot-end{max-width:1200px;margin:32px auto 0;padding-top:18px;border-top:1px solid #4a3f66;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px;color:#d9d2e9}.foot-end a{font-weight:800}.page+.foot,.page .foot{margin-top:32px}.page .foot{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.plan.life{background:var(--ink);color:var(--cream);box-shadow:2px 3px 0 var(--pink)}.plan.life .pp{color:var(--yellow)}.plan.life .pb{color:#d9d2e9}.plan.life.on{background:#2e1f52;box-shadow:0 0 0 3px var(--yellow),2px 3px 0 var(--pink)}.plan:disabled{opacity:.45;box-shadow:none}@media(max-width:640px){.top{padding-top:12px;gap:12px}.lede{font-size:16px}.pilemore{right:12px;bottom:12px;min-height:46px;font-size:14px;padding-left:14px}.just{bottom:48px;left:10px;right:10px;max-width:none;padding:8px 10px;gap:6px;border-radius:16px}.just span{font-size:13px;line-height:1.3}.just b{font-size:14px}.just-actions{width:100%;flex-wrap:nowrap;gap:5px}.just-actions .mini{flex:1 1 0;justify-content:center;min-height:38px;padding:0 6px;font-size:13px;border-width:2px;white-space:nowrap}}.avatar{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;flex:none;border-radius:50%;border:3px solid var(--ink);background:var(--yellow);font-weight:800;font-size:26px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.sm{width:26px;height:26px;font-size:13px;border-width:2px}.demo-pill{position:fixed;left:10px;bottom:10px;z-index:300;display:flex;align-items:center;gap:8px;padding:4px 6px 4px 11px;background:#fff;border:2px solid var(--ink);border-radius:999px;font-size:12px;font-weight:800}.demo-pill button{border:0;border-radius:999px;padding:2px 9px;background:var(--cream);font-weight:800;font-size:12px}.clip-formats{align-self:flex-start}.clip-formats small{font-weight:500;opacity:.7;margin-left:3px}.clip-screen{position:relative;margin:0 auto;width:100%;max-width:420px;border:3px solid var(--ink);border-radius:18px;overflow:hidden;background:var(--paper);contain:strict}.clip-screen.square{aspect-ratio:1}.clip-screen.story{aspect-ratio:9 / 16;max-width:270px}.clip-world{position:absolute;left:0;top:0;opacity:0;pointer-events:none;overflow:hidden}.clip-out,.clip-video{position:absolute;inset:0;width:100%;height:100%;display:block}.clip-rec{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:var(--ink);color:var(--cream);font-size:12px;font-weight:800}.clip-rec i{width:8px;height:8px;border-radius:50%;background:#ff3d6e;animation:blink 1s ease-in-out infinite}.clip-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.clip .flow-actions{position:static;margin:0;padding:0;border:0;background:none}@media(max-width:640px){.clip-formats small{display:none}.clip-actions .big{flex:1 1 100%}}@media(max-width:640px){:root{--gutter: 20px}.top{padding-top:14px;gap:14px}.hero{gap:12px;padding-bottom:8px}.live{margin-top:0;font-size:13px;padding:4px 12px}.hero h1{margin:6px 0 2px;font-size:min(12.6vw,66px);gap:.14em}.your{text-shadow:-2.5px -2.5px 0 var(--ink),2.5px -2.5px 0 var(--ink),-2.5px 2.5px 0 var(--ink),2.5px 2.5px 0 var(--ink),0 -2.5px 0 var(--ink),0 2.5px 0 var(--ink),-2.5px 0 0 var(--ink),2.5px 0 0 var(--ink),0 5px 0 var(--ink)}.lede{font-size:17px;line-height:1.35;max-width:340px}.urlbar{margin-top:6px}.zone{margin-top:18px}.floor-base{letter-spacing:2px;font-size:11px}.foot{padding:36px 20px calc(28px + env(safe-area-inset-bottom))}.foot-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.foot-brand{grid-column:1 / -1}.foot nav a{display:flex;align-items:center;min-height:44px}.foot-end{flex-direction:column;margin-top:20px}.page{padding-top:12px;gap:18px}.btn.sm{min-height:44px;padding:0 16px}.linkbtn,.mini{min-height:44px}.sheet{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.sheet-x{width:44px;height:44px;margin:-6px -8px -44px 0}.stepper{min-height:34px;padding-right:46px}.field input{font-size:16px;height:46px}.swatches{gap:10px}.swatches button{width:44px;height:44px}.swatches{gap:8px}.autofill{position:relative;height:28px;padding:0 11px}.autofill:after{content:"";position:absolute;inset:-8px}.fx-item{min-height:44px}.seg button{min-height:44px;padding:0 14px}.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none;min-height:44px;padding:0 12px}.badge-pick button,.skin{min-height:44px}.filters select{height:44px;font-size:16px}.project h3{overflow-wrap:anywhere}.me{min-width:0}.me h1{overflow-wrap:anywhere}.dash-actions .btn{flex:1 1 auto}.card-actions .btn{min-height:48px}.demo-pill{bottom:max(8px,env(safe-area-inset-bottom));padding:2px 3px 2px 10px}.demo-pill button{min-height:36px;padding:0 12px}}.admin h1{font-size:clamp(30px,5vw,44px)}.admin-tabs button{min-width:84px}.admin-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-tiles .stat-tile small{font-size:12px}.admin-plans{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:700}.admin-alerts{display:flex;flex-wrap:wrap;gap:8px}.admin-alert{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:2.5px solid var(--ink);border-radius:999px;background:var(--yellow);font-weight:700;box-shadow:2px 3px 0 var(--ink)}.admin-alert.hot{background:var(--pink)}.admin-search{flex:1 1 260px;min-width:0;height:44px;padding:0 14px;border:2.5px solid var(--ink);border-radius:14px;font-size:16px;outline:none}.admin-search:focus{box-shadow:0 0 0 3px var(--lime)}.admin .seg{flex-wrap:wrap}.admin-rows,.admin-errors,.admin-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.admin-rows li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:2.5px solid var(--ink);border-radius:16px;background:#fff}.admin-rows li.is-hidden,.admin-errors li.is-hidden{background:#f4eee0}.admin-main{display:flex;flex-direction:column;gap:3px;min-width:0}.admin-main b{font-size:17px;overflow-wrap:anywhere}.admin-main a{text-decoration:underline}.admin-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;max-width:330px}.admin-errors li{border:2.5px solid var(--ink);border-radius:14px;background:#fff;overflow:hidden}.admin-error-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center;width:100%;padding:10px 12px;border:0;background:none;text-align:left}.admin-error-head b{overflow-wrap:anywhere}.admin-error-head .muted{grid-column:2}.admin-error-body{padding:0 12px 12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.admin-error-body pre{width:100%;max-height:260px;overflow:auto;margin:0;padding:10px;border-radius:10px;background:var(--ink);color:#f4eefd;font:12px/1.45 ui-monospace,Menlo,monospace;white-space:pre-wrap}.admin-log li{padding:8px 0;border-bottom:1px solid #e8e1d0;font-size:14px}.admin-empty{padding:28px;text-align:center;font-weight:700;color:var(--muted)}@media(max-width:860px){.admin-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-rows li{grid-template-columns:auto minmax(0,1fr)}.admin-actions{grid-column:1 / -1;justify-content:flex-start;max-width:none}}.danger-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px;padding-top:12px;border-top:2px dashed rgba(27,16,51,.18)}.linkbtn.danger{color:#c4204f}.btn.danger,.btn.danger:hover{background:#e8335f;color:#fff}.btn.danger:disabled{opacity:.4;cursor:not-allowed}.choice-group{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border:0;min-width:0}.choice-group legend{padding:0 0 8px;font-weight:800}.choice{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:2.5px solid var(--ink);border-radius:14px;background:#fff;cursor:pointer;transition:box-shadow .15s,background .15s}.choice input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--ink)}.choice>span{display:flex;flex-direction:column;gap:3px;min-width:0}.choice.on{background:#f2fbdc;border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.choice:focus-within{box-shadow:0 0 0 3px var(--lime)}.choice.on:focus-within{box-shadow:4px 4px 0 var(--ink),0 0 0 3px var(--lime)}.vote{flex:none;align-self:flex-start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:68px;min-height:76px;margin-left:auto;padding:8px 4px 7px;border:3px solid var(--ink);border-radius:16px;background:#fff;box-shadow:2px 3px 0 var(--ink);color:var(--ink);font-family:inherit;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .15s ease}.vote:hover{transform:translateY(-1px);box-shadow:2px 4px 0 var(--ink)}.vote:active{transform:translateY(2px);box-shadow:1px 1px 0 var(--ink)}.vote:focus-visible{outline:none;box-shadow:2px 3px 0 var(--ink),0 0 0 3px var(--lime)}.vote svg path{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linejoin:round}.vote b{font-size:20px;line-height:1.05;font-variant-numeric:tabular-nums}.vote span{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.vote.on{background:var(--lime)}.vote.on svg path{fill:var(--ink)}.vote.own{background:var(--paper);cursor:default;box-shadow:none;transform:none}.vote svg.pop{animation:votePop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes votePop{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-6px) scale(1.35)}to{transform:none}}@media(prefers-reduced-motion:reduce){.vote svg.pop{animation:none}}@media(max-width:420px){.card-head{gap:10px;padding-right:46px}.card-head .tile{width:72px!important;height:72px!important;font-size:72px!important}.vote{width:56px;min-height:66px}.vote b{font-size:18px}.card-head h2{font-size:22px}}.tiles.five{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:860px){.tiles.five{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles.five>:last-child{grid-column:1 / -1}}.redrop{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:6px;max-width:380px}.redrop-bar{flex:1 1 120px;min-width:120px;height:10px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);overflow:hidden}.redrop-bar i{display:block;height:100%;background:var(--lime);border-right:2px solid var(--ink);transition:width .4s ease}.redrop span{flex:none}.cool.ok{background:#e9f9cf}.hall-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.hall-ranges{display:flex;gap:6px;overflow-x:auto;max-width:100%;padding:3px;margin:-3px;scrollbar-width:none}.hall-ranges::-webkit-scrollbar{display:none}.pill{flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:999px;border:2.5px solid var(--ink);background:#fff;font-weight:800;font-size:14px;white-space:nowrap}.pill.on{background:var(--lime);box-shadow:2px 3px 0 var(--ink)}.hall-sort{display:none;align-items:center;gap:8px;font-weight:800;font-size:14px}.hall-sort select,.hall-q{min-height:40px;padding:0 14px;border-radius:999px;border:2.5px solid var(--ink);background:#fff;font:inherit;font-weight:700;font-size:15px}.hall-q{margin-left:auto;width:220px;max-width:100%}.hall-wrap{background:#fff;border:3px solid var(--ink);border-radius:20px;box-shadow:4px 5px 0 var(--ink);overflow:hidden}.hall-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.hall-table th,.hall-table td{padding:10px 14px;text-align:left;border-bottom:2px solid #f1ead8}.hall-table tbody tr:last-child td{border-bottom:0}.hall-table thead th{background:#fff8e3;font-size:13px;font-weight:800;border-bottom:3px solid var(--ink);white-space:nowrap}.hall-table th button{font:inherit;font-weight:800;padding:4px 8px;margin:-4px -8px;border-radius:8px}.hall-table .num{text-align:right;font-weight:700}.hall-table .rank{width:44px;font-weight:800;color:#6b6280}.hall-table .prod a{display:flex;align-items:center;gap:12px;min-width:0}.hall-table .prod span{display:flex;flex-direction:column;min-width:0}.hall-table .prod b{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hall-table .prod small{font-size:13px;color:#6b6280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hall-table tbody tr:hover{background:#fffbee}.hall-none{padding:22px;margin:0;text-align:center}@media(max-width:720px){.hall-sort{display:inline-flex}.hall-q{margin-left:0;flex:1 1 140px;width:auto}.hall-table th:nth-child(5),.hall-table td:nth-child(5),.hall-table th:nth-child(6),.hall-table td:nth-child(6),.hall-table .date{display:none}.hall-table th,.hall-table td{padding:9px 8px}.hall-table .rank{width:30px}.hall-table .prod a{gap:8px}.hall-table .prod{max-width:46vw}}.pilefind{position:relative;z-index:12;width:min(360px,calc(100% - 2 * var(--gutter)));margin:18px auto -6px}.pilefind input{width:100%;min-height:44px;padding:0 18px;border-radius:999px;border:2.5px solid var(--ink);background:#fff;font:inherit;font-weight:700;font-size:15px;outline-offset:3px}.pilefind ul{position:absolute;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:#fff;border:3px solid var(--ink);border-radius:18px;box-shadow:3px 4px 0 var(--ink)}.pilefind li button{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:12px;text-align:left}.pilefind li button:hover,.pilefind li button:focus-visible{background:#fff4d6}.pilefind li b{font-weight:800}.pilefind li span{font-size:13px;color:#6b6280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pilefind .none{padding:9px 12px;font-size:14px}.pilefind .none a{text-decoration:underline;font-weight:700}.pilefind li button{border:0;background:none;font:inherit;color:inherit}@media(max-width:720px){.hall-table{table-layout:fixed}.hall-table .rank{width:34px}.hall-table th.num,.hall-table td.num{width:62px}.hall-table .prod{max-width:none;overflow:hidden}.just{padding-right:44px}}.hall-table th button{border:0;background:none;color:inherit;cursor:pointer}.hall-table th button.on{background:var(--yellow)}.project-actions .main{flex:1 1 100%;justify-content:center}.more{position:relative}.more summary{list-style:none;cursor:pointer}.more summary::-webkit-details-marker{display:none}.more-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:220px;padding:6px;display:flex;flex-direction:column;background:#fff;border:3px solid var(--ink);border-radius:16px;box-shadow:3px 4px 0 var(--ink)}.more-menu button,.more-menu label{display:block;width:100%;padding:10px 12px;border:0;background:none;border-radius:10px;font:inherit;font-weight:700;font-size:14px;text-align:left;cursor:pointer;color:var(--ink)}.more-menu button:hover,.more-menu label:hover{background:#fff4d6}.more-menu .danger{color:#b3261e}.more-menu .upl input{position:absolute;width:1px;height:1px;opacity:0}.tile.plain{background:#fff;border-radius:20%;box-shadow:inset 0 0 0 max(1.5px,.022em) var(--ink),inset 0 -.05em #1b103314}.tile.plain .tile-disc.has-logo{border:0;border-radius:22%;background:none!important;width:44%;height:44%;top:40%}.tile.plain .tile-disc.has-logo img.inset{width:100%;height:100%}.design-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:start}.design-side{position:sticky;top:0;display:flex;flex-direction:column;gap:6px;min-width:0}.design-hint{margin:0;text-align:center}.design-opts{display:flex;flex-direction:column;gap:8px;min-width:0}.design-opts h3{margin:6px 0 0;font-size:13px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#5d5474}.design-opts .skins{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:4px}.design-opts .skin small{background:var(--lime);border:1.5px solid var(--ink);border-radius:99px;padding:0 6px;font-weight:800}.design-opts .fx-list{grid-template-columns:repeat(4,minmax(0,1fr))}.design-opts .fx-item{padding:7px 8px}.anycolor{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13px;cursor:pointer}.anycolor input{width:38px;height:34px;padding:0;border:2.5px solid var(--ink);border-radius:10px;background:#fff;cursor:pointer}.uploads{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.uploads .upl{position:relative;cursor:pointer}.uploads .upl input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.design-plans{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:2px dashed rgba(27,16,51,.25)}.planpills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:8px}.planpill{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 11px;text-align:left;border:2.5px solid var(--ink);border-radius:14px;background:#fff}.planpill b{font-size:15px;font-weight:800}.planpill span{font-size:12px;line-height:1.25;color:#5d5474}.planpill.on{background:var(--yellow);box-shadow:2px 3px 0 var(--ink)}.planpill.on span{color:var(--ink)}.planpill:disabled{opacity:.4}.design-foot{margin:0;text-align:right}@media(max-width:760px){.design-grid{grid-template-columns:1fr}.design-side{position:static}.design-opts .fx-list{grid-template-columns:1fr 1fr}.planpills{grid-template-columns:1fr 1fr;gap:6px}.design-foot{text-align:left}}.design-big{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:216px}.custom-preview{align-items:center;padding-top:10px}@media(max-width:760px){.design-big{display:none}}.duebar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;align-items:center;justify-content:center;gap:12px;padding:9px 16px calc(9px + env(safe-area-inset-bottom,0px));background:var(--yellow);border-top:3px solid var(--ink);font-size:15px}.duebar p{margin:0;line-height:1.3}.duebar p a{text-decoration:underline;font-weight:700}.duebar .due-clock{flex:none;padding:4px 12px;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.duebar .btn{flex:none}.duebar.soon{background:#ff8a7a}body.has-due{padding-bottom:58px}body.has-due .just{bottom:70px}body.has-due .toast{bottom:128px}body.has-due .demo-pill{bottom:66px}@media(max-width:640px){.duebar{justify-content:space-between;gap:10px;font-size:13.5px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))}.duebar .due-clock{display:none}body.has-due{padding-bottom:76px}body.has-due .just{bottom:84px}}.project-due{margin:0 0 6px;padding:7px 12px;border-radius:12px;background:var(--yellow);border:2.5px solid var(--ink);font-weight:700;font-size:14.5px}.just.due{background:#fff8d8}.just .due-line{display:block;font-weight:800}.swatches .own{width:auto;height:34px;padding:0 12px;border-radius:999px;border:2.5px solid var(--ink);background:#fff;font-weight:800;font-size:13px}.swatches .own.on{background:var(--yellow)}.swatches .own.on{box-shadow:none}.toptoday{max-width:1248px;margin:26px auto 0;padding:0 var(--gutter)}.tt-head{display:flex;align-items:center;gap:10px;margin:0 2px 9px;min-height:28px}.tt-head h2{margin:0;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.tt-sub{font-size:12.5px;color:#6b6280;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tt-tabs{display:flex;gap:4px;margin-left:auto;flex:none}.tt-tabs button{position:relative;overflow:hidden;min-height:28px;padding:0 11px;border:2px solid transparent;border-radius:999px;background:none;font:inherit;font-size:12.5px;font-weight:800;color:#6b6280;cursor:pointer}.tt-tabs button:hover{color:var(--ink)}.tt-tabs button.on{border-color:var(--ink);background:#fff;color:var(--ink)}.tt-tabs button:focus-visible{outline:3px solid #7a4dff;outline-offset:2px}.tt-tabs i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#7a4dff;transform-origin:left;animation:tt-fill 5s linear both}.toptoday:hover .tt-tabs i,.toptoday:focus-within .tt-tabs i{animation-play-state:paused}@keyframes tt-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tt-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0 3px 5px 0;list-style:none}.tt-row li{min-width:0;animation:tt-in .34s cubic-bezier(.2,.8,.2,1) both}@keyframes tt-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.tt-row button{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:5px 13px 5px 6px;border:2.5px solid var(--ink);border-radius:999px;background:#fff;font:inherit;color:inherit;cursor:pointer;box-shadow:2px 3px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}.tt-row button:hover{transform:translateY(-1px);box-shadow:3px 4px 0 var(--ink)}.tt-row button:active{transform:translateY(1px);box-shadow:1px 1px 0 var(--ink)}.tt-row button:focus-visible{outline:3px solid #7a4dff;outline-offset:2px}.tt-rank{display:grid;place-items:center;flex:none;min-width:24px;height:24px;padding:0 5px;border-radius:999px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:800}.tt-row li:first-child .tt-rank{background:#b8f03a;color:var(--ink)}.tt-row canvas{width:34px;height:34px;flex:none}.tt-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-weight:800;font-size:14px}.tt-n{flex:none;font-size:12.5px;font-weight:800;color:#6b4ad6;white-space:nowrap}@media(max-width:900px){.toptoday{margin-top:18px}.tt-sub{display:none}.tt-row{gap:6px}.tt-row button{position:relative;flex-direction:column;gap:3px;min-height:0;padding:9px 3px 7px;border-radius:16px}.tt-rank{position:absolute;top:-7px;left:-5px;min-width:20px;height:20px;font-size:11.5px;border:2px solid var(--ink)}.tt-name{flex:none;max-width:100%;text-align:center;font-size:11.5px;padding:0 2px}.tt-n{font-size:11px}.tt-row{padding-top:7px;padding-left:5px}}@media(prefers-reduced-motion:reduce){.tt-row button{transition:none}.tt-row li{animation:none}.tt-tabs i{display:none}}.vote-social{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-weight:600}.floor-live{position:absolute;inset:0;pointer-events:none}.skinpick{display:flex;flex-direction:column;gap:8px}.design-opts .skins.paged,.skins.paged{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.skins.paged .skin{justify-content:flex-start;gap:5px;padding:8px 2px 7px;min-height:118px;line-height:1.15}.skins.paged .skin canvas{width:100%;max-width:66px;height:auto;aspect-ratio:1}.skins.paged .skin span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skin-nav{display:flex;align-items:center;justify-content:center;gap:14px}.skin-arrow{display:grid;place-items:center;width:44px;height:44px;border:2.5px solid var(--ink);border-radius:50%;background:#fff;color:var(--ink);box-shadow:2px 3px 0 var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.skin-arrow svg{width:20px;height:20px}.skin-arrow:hover:not(:disabled){transform:translateY(-1px);box-shadow:3px 4px 0 var(--ink);background:var(--lime)}.skin-arrow:active:not(:disabled){transform:translateY(1px);box-shadow:1px 1px 0 var(--ink)}.skin-arrow:disabled{opacity:.3;box-shadow:none;cursor:default}.skin-arrow:focus-visible,.skin-dots button:focus-visible{outline:3px solid #7a4dff;outline-offset:2px}.skin-dots{display:flex;align-items:center;gap:2px}.skin-dots button{position:relative;width:26px;height:44px;padding:0;border:0;background:none;cursor:pointer}.skin-dots button:before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border:2px solid var(--ink);border-radius:50%;background:#fff;transition:transform .12s ease}.skin-dots button.on:before{background:var(--ink);transform:scale(1.25)}@media(max-width:640px){.skins.paged .skin{min-height:0;font-size:11px}}.project{grid-template-columns:92px minmax(0,1fr) 252px 196px;gap:12px 22px;align-items:center;padding:16px 18px}.project>.project-due{grid-column:1 / -1;margin:0}.project h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0 0 7px}.project h3 .host{font-size:14px;font-weight:600}.project-numbers{display:flex;flex-direction:column;gap:6px}.project-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;text-align:center}.project-stats>div+div{border-left:2px solid rgba(27,16,51,.12)}.project-spark{min-width:0}.project-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:none;align-items:stretch}.project-actions .main{grid-column:1 / -1}.project-actions .btn{justify-content:center;width:100%;min-height:44px}.project-actions .more summary{display:flex}.more-menu a{display:block;padding:10px 12px;border-radius:10px;font-weight:700;font-size:14px;color:var(--ink);text-decoration:none}.more-menu a:hover{background:#fff4d6}@media(max-width:1040px){.project{grid-template-columns:92px minmax(0,1fr) 196px}.project-numbers{grid-column:1 / -1;grid-row:3;flex-direction:row;align-items:center;gap:18px}.project>.project-due~.project-numbers{grid-row:4}.project-stats{flex:0 0 252px}.project-spark{flex:1}}@media(max-width:700px){.project{grid-template-columns:72px minmax(0,1fr);gap:12px 14px;padding:14px}.project>canvas{width:72px;height:72px}.project-numbers,.project-actions{grid-column:1 / -1;grid-row:auto}.project>.project-due~.project-numbers{grid-row:auto}.project-numbers{flex-direction:column;align-items:stretch;gap:8px}.project-stats{flex:none}.project .redrop span{flex:1 1 100%}}.live-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.live-row .live{margin-top:0}.live.seen svg{width:17px;height:17px;flex:none;color:#7a4dff}.seg{display:inline-flex;align-items:center;gap:2px;padding:3px;border:2.5px solid var(--ink);border-radius:999px;background:#fff;overflow:visible}.seg button{min-height:34px;padding:0 14px;border:0;border-radius:999px;background:none;box-shadow:none;font:inherit;font-weight:800;font-size:13px;color:var(--ink);cursor:pointer;transition:background .12s ease}.seg button:hover:not(.on){background:#f4eee0}.seg button.on{background:var(--yellow);box-shadow:0 0 0 2px var(--ink)}.seg button:focus-visible{outline:3px solid #7a4dff;outline-offset:2px}@media(max-width:860px){.seg button{min-height:44px}}.admin .seg{border-radius:24px}.design-fx{display:flex;flex-direction:column;gap:8px}.design-fx h3{margin:2px 0 0;font-size:13px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#5d5474}.design-fx .fx-list{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.design-fx .fx-item{flex-direction:column;align-items:center;justify-content:space-between;gap:6px;min-height:68px;padding:8px 4px;text-align:center}.design-fx .fx-item b{font-size:13px;line-height:1.15}@media(max-width:760px){.design-fx .fx-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.seg{padding:4px}.design-grid{align-items:stretch}.design-side{position:static}.design-big{flex:1;min-height:150px}.clip-caption{display:flex;flex-direction:column;gap:6px}.clip-tones{display:flex;flex-wrap:wrap;gap:6px}.clip-tones button{min-height:32px;padding:0 12px;border:2px solid var(--ink);border-radius:999px;background:#fff;font:inherit;font-weight:800;font-size:13px;color:var(--ink);cursor:pointer}.clip-tones button.on{background:var(--yellow)}.clip-tones button:focus-visible{outline:3px solid #7a4dff;outline-offset:2px}.clip-caption textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:2.5px solid var(--ink);border-radius:14px;background:#fff;font:inherit;font-size:14.5px;line-height:1.4;resize:vertical;color:var(--ink)}.clip-caption textarea:focus-visible{outline:3px solid #7a4dff;outline-offset:1px}.clip-over{color:#b3261e;font-weight:700}.clip-actions{flex-direction:column;align-items:stretch;gap:10px}.clip-actions>.btn.big{width:100%;justify-content:center}.clip-nets{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.clip-nets>span{margin-right:2px}.clip-more{display:flex;justify-content:center;gap:18px}@media(max-width:640px){.clip-nets .btn{flex:1 1 30%;justify-content:center}}