:root{--bg:#0a0a0b;--panel:#131315;--panel-2:#1a1a1d;--line:#27272b;--text:#f3f3f4;--muted:#9a9aa3;--dim:#6f6f78;--accent:#ff3ea5;--accent-ink:#1b0712;--green:#3ddc84;--red:#ff5a5a;--radius:14px;--max:1120px;--display:"Anton", "Impact", "Arial Narrow", sans-serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--pink:var(--accent);--teal:var(--accent);--gold:var(--accent);--orange:var(--accent);--panel-solid:var(--panel);--bg-2:var(--panel);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:15px/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0}img,video{max-width:100%;display:block}a{color:var(--text);text-decoration:none}a:hover{color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{width:min(var(--max), 100% - 32px);margin-inline:auto}.section{padding:64px 0}h1,h2,h3,.display{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;color:#fff;margin:0 0 .4em;font-weight:400;line-height:1.02}h1{font-size:clamp(38px,5.6vw,64px)}h2{font-size:clamp(26px,3.2vw,36px)}h3{font-size:clamp(18px,2vw,22px)}.sunset{color:var(--accent)}.eyebrow{font:600 12px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.lede{color:var(--muted);max-width:60ch;font-size:17px}.muted{color:var(--muted)}.hint{color:var(--dim);font-size:13px;font-weight:400}.is-hidden{display:none!important}.btn{min-height:44px;font:600 14px/1 var(--body);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{color:var(--accent-ink);background:#ff5db4}.btn-ghost{border-color:var(--line);color:var(--text);background:var(--panel-2)}.btn-ghost:hover{border-color:#3a3a40}.btn-lg{width:100%;min-height:52px;font-size:15px}.btn[aria-disabled=true],.btn:disabled{opacity:.45;pointer-events:none}.link{color:var(--muted);cursor:pointer;font:600 13px/1 var(--body);background:0 0;border:0;padding:8px 0}.link:hover{color:#fff}.live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;display:inline-block}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);display:block;overflow:hidden}.card .body{padding:12px 14px 14px}.chip{font:600 11px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 9px;display:inline-flex}.chip-accent{color:var(--accent);border-color:#ff3ea573}.chip-green{color:var(--green);border-color:#3ddc8473}.grid{gap:14px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.grid-5{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.field{font:500 14px/1.3 var(--body);color:var(--text);gap:8px;display:grid}.field .lab{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.in,.field textarea,.field input:not([type=file]):not([type=checkbox]),.field select{border:1px solid var(--line);width:100%;color:var(--text);font:15px/1.5 var(--body);resize:vertical;background:#0f0f11;border-radius:12px;padding:13px 15px}.field textarea:focus,.field input:focus,.field select:focus,.in:focus{outline:2px solid var(--accent);outline-offset:1px}.field select{-webkit-appearance:none;appearance:none}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{border:1px solid var(--line);background:var(--panel);color:var(--muted);font:500 13px/1 var(--body);cursor:pointer;border-radius:999px;padding:9px 14px}.chip-btn:hover{color:var(--text);border-color:#3a3a40}.chip-btn.accent{color:var(--accent);border-color:#ff3ea573}.tiles{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.tile{aspect-ratio:3/4;cursor:pointer;scroll-snap-align:start;background:#000;border:2px solid #0000;border-radius:12px;flex:0 0 104px;padding:0;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%}.tile span{font:600 11px/1.15 var(--body);color:#fff;text-align:left;background:linear-gradient(#0000,#000c);padding:16px 7px 7px;position:absolute;bottom:0;left:0;right:0}.tile[aria-pressed=true]{border-color:var(--accent)}.tile.upload{background:var(--panel);color:var(--muted);font:500 12px/1.3 var(--body);text-align:center;border:1px dashed #3a3a40;place-items:center;padding:8px;display:grid}.tile.upload input{display:none}.tile.upload.has{border-style:solid;border-color:var(--accent)}.sum{border:1px solid var(--line);background:#0f0f11;border-radius:12px;gap:0;display:grid}.sum>div{border-top:1px solid var(--line);grid-template-columns:110px 1fr;gap:12px;padding:10px 14px;font-size:13px;display:grid}.sum>div:first-child{color:var(--text);border-top:0;grid-template-columns:1fr;font-weight:600}.sum .k{color:var(--muted)}.sum .v{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pv{position:sticky;top:84px}.pv-imgs{grid-template-columns:1.3fr 1fr;align-items:start;gap:10px;display:grid}.pv-img{aspect-ratio:3/4;color:#6d6d75;font:500 12px/1.3 var(--body);text-align:center;background:#e9e9ec;border-radius:12px;place-items:center;padding:10px;display:grid;overflow:hidden}.pv-img.tall{aspect-ratio:9/16}.pv-img img{object-fit:cover;object-position:top;width:100%;height:100%}.pv-cap{color:var(--muted);margin-top:6px;font-size:12px}.pv-name{font:700 22px/1.1 var(--body);align-items:baseline;gap:10px;margin-top:16px;display:flex}.pv-name .tk{color:var(--accent);font-size:16px}.pv-sub{color:var(--muted);margin-top:4px;font-size:13px}.stepbar{margin:0 0 24px}.stepbar ol{font:500 14px/1 var(--body);color:var(--dim);gap:10px;margin:0 0 8px;padding:0;list-style:none;display:flex}.stepbar li[aria-current=step]{color:var(--text);font-weight:600}.stepbar li+li:before{content:"·";color:var(--dim);margin-right:10px}.stepbar .track{background:var(--line);border-radius:2px;height:3px;overflow:hidden}.stepbar .track i{background:var(--accent);width:33%;height:100%;transition:width .3s;display:block}.check{gap:10px;margin:0;padding:0;list-style:none;display:grid}.check li{border:1px solid var(--line);background:#0f0f11;border-radius:12px;grid-template-columns:24px 1fr;align-items:start;gap:12px;padding:12px 14px;display:grid}.check li b{border:2px solid var(--line);border-radius:50%;width:20px;height:20px;margin-top:2px;display:block}.check li[data-s=doing] b{border-color:var(--accent);border-top-color:#0000;animation:1s linear infinite spin}.check li[data-s=done] b{border-color:var(--green);background:var(--green)}.check li div{gap:2px;display:grid}.check li strong{font:600 14px/1.3 var(--body)}@keyframes spin{to{transform:rotate(360deg)}}.ccard{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:14px;display:block;overflow:hidden}.ccard .cv{aspect-ratio:3/4;background:#000;position:relative}.ccard .cv img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .35s;display:block}.ccard:hover .cv img{transform:scale(1.03)}.ccard .st{font:700 10px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#000000a6;border-radius:999px;padding:5px 7px;position:absolute;top:8px;left:8px}.ccard .st[data-s=ready]{color:var(--green)}.ccard .st[data-s=failed]{color:var(--red)}.ccard .st[data-s=preview],.ccard .st[data-s=pick]{color:var(--accent)}.ccard .b{gap:4px;padding:10px 11px 11px;display:grid}.ccard .nm{align-items:baseline;gap:6px;min-width:0;display:flex}.ccard .nm strong{font:600 14px/1.2 var(--body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ccard .nm .tk{font:600 12px/1 var(--body);color:var(--accent);flex:none}.ccard .meta{font:400 12px/1.3 var(--body);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ccard .acts{gap:6px;margin-top:4px;display:flex}.ccard .acts .btn{flex:1;min-height:32px;padding:6px 12px;font-size:12px}.chead{align-items:center;gap:14px;min-width:0;margin-bottom:18px;display:flex}.chead img{object-fit:cover;object-position:top;background:#000;border-radius:14px;flex:none;width:64px;height:64px}.chead .t{min-width:0}.chead h1{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;font-size:clamp(26px,4vw,36px);display:flex}.chead h1 .tk{font:700 14px/1 var(--body);color:var(--accent);letter-spacing:.04em;text-decoration:none}.chead .facts{font:400 13px/1.3 var(--body);color:var(--muted);margin-top:2px}.chead .end{margin-left:auto}.ctable{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden}.crow{border-top:1px solid var(--line);color:var(--text);font:500 13px/1.2 var(--body);grid-template-columns:24px 40px minmax(0,1fr) 64px 100px 84px 60px;align-items:center;gap:12px;min-width:0;padding:8px 14px;display:grid}.crow:first-child{border-top:0}.crow:not(.h):hover{background:#141416}.crow.h{font:600 10px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 14px}.crow .n{color:var(--muted);font-variant-numeric:tabular-nums}.crow img{object-fit:cover;object-position:top;background:#000;border-radius:10px;width:40px;height:40px}.crow .who{align-items:baseline;gap:8px;min-width:0;display:flex}.crow .who strong{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.crow .tk{color:var(--accent);font:600 12px/1 var(--body);flex:none}.crow .c-v,.crow .c-tr,.crow .c-dt{color:var(--muted);font-variant-numeric:tabular-nums}.crow .c-tr b{color:var(--text);font-weight:600;display:block}.crow .c-tr small{font-size:11px;display:block}.crow .c-tk{color:var(--muted)}.crow .c-tk.live{color:var(--green);font-weight:600}@media (width<=760px){.crow{grid-template-columns:20px 36px minmax(0,1fr) 52px 52px;gap:10px;padding:8px 10px}.crow .c-tr,.crow .c-dt{display:none}.crow img{width:36px;height:36px}}.vcard{border:1px solid var(--line);aspect-ratio:9/16;color:#fff;background:#000;border-radius:14px;display:block;position:relative;overflow:hidden}.vcard video,.vcard img{object-fit:cover;width:100%;height:100%}.vcard .dur{font:600 11px/1 var(--body);background:#0009;border-radius:999px;padding:6px 8px;position:absolute;top:10px;left:10px}.vcard .meta{background:linear-gradient(#0000,#000000d9);gap:4px;padding:36px 12px 12px;display:grid;position:absolute;bottom:0;left:0;right:0}.vcard .who{font:500 12px/1 var(--body);color:#d9d9de;align-items:center;gap:8px;display:flex}.vcard .who img{object-fit:cover;border-radius:50%;width:22px;height:22px}.vcard .cap{font:600 13px/1.3 var(--body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.avatars{gap:14px;padding-bottom:6px;display:flex;overflow-x:auto}.avatar{text-align:center;color:var(--text);flex:0 0 96px}.avatar img{object-fit:cover;object-position:top;background:#000;border-radius:14px;width:96px;height:96px}.avatar strong{font:600 12px/1.2 var(--body);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;display:block;overflow:hidden}.avatar span{font:500 11px/1 var(--body);color:var(--accent)}.avatar span.hint{color:var(--dim)}.app{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.app-side{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;gap:6px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.app-logo{color:#fff;align-items:center;gap:10px;padding:6px 10px 18px;display:flex}.wordmark{font:400 20px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;color:#fff;white-space:nowrap}.wordmark b{color:var(--accent);font-weight:400}.app-nav{gap:2px;display:grid}.app-nav a{color:var(--muted);font:500 14px/1 var(--body);border-radius:10px;align-items:center;gap:10px;padding:11px 12px;display:flex}.app-nav a:hover{background:var(--panel);color:var(--text)}.app-nav a[aria-current=page]{background:var(--panel-2);color:#fff}.app-nav svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.app-foot{gap:2px;margin-top:auto;display:grid}.app-foot a{color:var(--dim);font:500 13px/1 var(--body);border-radius:10px;padding:9px 12px}.app-foot a:hover{color:var(--text);background:var(--panel)}.app-top{border-bottom:1px solid var(--line);backdrop-filter:blur(8px);z-index:20;background:#0a0a0be6;justify-content:flex-end;align-items:center;gap:10px;padding:14px 28px;display:flex;position:sticky;top:0}.app-top .crumb{font:500 14px/1 var(--body);color:var(--muted);align-items:center;gap:10px;margin-right:auto;display:flex}.app-burger{color:var(--text);cursor:pointer;background:0 0;border:0;padding:6px;display:none}.app-main{padding:28px 28px 80px}.wrap-app{width:min(var(--max), 100%);margin-inline:auto}.two{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}.page-sub{color:var(--muted);margin:-4px 0 24px}@media (width<=900px){.app{grid-template-columns:1fr}.app-side{z-index:40;width:260px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:0 0 0 100vw #0000}.app.menu-open .app-side{transform:none;box-shadow:0 0 0 100vw #00000080}.app-burger{display:inline-flex}.app-top{padding:12px 16px}.app-main{padding:20px 16px 72px}.two{grid-template-columns:1fr}.pv{position:static}.tile{flex-basis:92px}}.site-head{align-items:center;gap:18px;padding:14px 0;display:flex}.site-head .brand img{width:auto;height:24px}.site-head .brand .wordmark{font-size:22px}.site-head nav{gap:18px;margin-left:18px;display:flex}.site-head nav a{color:var(--muted);font:500 14px/1 var(--body);padding:8px 0}.site-head nav a[aria-current=page],.site-head nav a:hover{color:#fff}.site-head .acts{gap:8px;margin-left:auto;display:flex}.site-foot{border-top:1px solid var(--line);color:var(--dim);gap:10px;padding:36px 0 48px;font-size:13px;display:grid}.site-foot a{color:var(--muted)}@media (width<=640px){.site-head nav{display:none}.section{padding:44px 0}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr);gap:10px}.vcard .cap{font-size:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
