:root{--ink:#151413;--ink-2:#1c1a18;--text:#efe9de;--muted:color-mix(in srgb, var(--text) 64%, transparent);--faint:color-mix(in srgb, var(--text) 40%, transparent);--line:color-mix(in srgb, var(--text) 12%, transparent);--ember:#ff7d38;--flame:#ffb470;--danger:#ff8a7a;--ease:cubic-bezier(.22, 1, .36, 1);--sans:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--text);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0}body:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--ember) 16%, transparent), transparent);pointer-events:none;z-index:-1;width:70vmax;height:70vmax;position:fixed;inset:-20% -10% auto auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{max-width:640px;padding:28px 20px calc(120px + env(safe-area-inset-bottom));margin:0 auto}.page.results{max-width:1200px;padding-top:40px;padding-bottom:64px}.results .title{font-size:clamp(32px,4.4vw,56px)}.brand{align-items:center;gap:14px;margin:0 0 40px;display:flex}.brand-logo{width:auto;height:34px;display:block}.brand-sep{background:var(--line);flex:none;width:1px;height:22px}.brand-text{letter-spacing:.02em;color:var(--muted);font-size:13px;line-height:1.4}.brand-x{color:var(--faint);margin:0 2px}.title{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(30px,8vw,44px);font-weight:600;line-height:1.18}.accent{color:var(--ember)}.lede{color:var(--muted);margin:16px 0 0;font-size:15px}.muted{color:var(--muted)}form{margin-top:36px}.task{border:0;border-top:1px solid var(--line);margin:0;padding:22px 0 24px}.task-label{color:var(--text);align-items:baseline;gap:10px;margin-bottom:12px;font-size:15px;font-weight:500;display:flex}.num{font-family:var(--mono);color:var(--ember);font-size:13px}textarea,input{width:100%;font:inherit;color:var(--text);background:var(--ink-2);border:1px solid var(--line);transition:border-color .16s var(--ease), background .16s var(--ease);border-radius:10px;outline:none;padding:12px 14px;font-size:17px}textarea{resize:vertical;min-height:76px;line-height:1.5}textarea::placeholder,input::placeholder{color:var(--faint)}textarea:focus,input:focus{border-color:color-mix(in srgb, var(--ember) 70%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ember) 14%, transparent);background:#201d1a}.chips{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin-top:12px;display:grid}.chip{font:inherit;color:var(--muted);border:1px solid var(--line);white-space:nowrap;cursor:pointer;min-height:38px;transition:color .14s var(--ease), border-color .14s var(--ease), background .14s var(--ease), transform .12s var(--ease);background:0 0;border-radius:8px;padding:6px 8px;font-size:14px}.chip:active{transform:scale(.96)}@media (hover:hover){.chip:hover{color:var(--text);border-color:var(--faint)}}.chip[aria-checked=true]{color:var(--ink);background:var(--flame);border-color:var(--flame)}.who{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;padding-top:22px;display:grid}.who label span{color:var(--muted);margin-bottom:8px;font-size:14px;display:block}.submit-bar{padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--ink) 65%, transparent);position:fixed;bottom:0;left:0;right:0}.submit-bar>*{max-width:600px;margin-left:auto;margin-right:auto}.error{color:var(--danger);margin:0 0 10px;font-size:14px}.submit-bar .error{text-align:center}.btn{font:inherit;cursor:pointer;transition:transform .12s var(--ease), background .16s var(--ease), opacity .16s;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn.primary{background:var(--ember);width:100%;height:54px;color:var(--ink);font-size:17px;display:flex}.btn.primary:disabled{opacity:.6;cursor:default}.btn.ghost{color:var(--text);border-color:var(--line);background:0 0;padding:10px 18px}.btn.ghost:hover{border-color:var(--faint)}.btn.small{padding:8px 14px;font-size:14px}:focus-visible{outline:2px solid var(--flame);outline-offset:2px}.thanks .dot{background:var(--ember);width:14px;height:14px;box-shadow:0 0 0 6px color-mix(in srgb, var(--ember) 20%, transparent);border-radius:50%;margin-bottom:24px;display:block}.recap{margin:32px 0;padding:0;list-style:none}.recap li{border-top:1px solid var(--line);gap:14px;padding:14px 0;display:flex}.tag{color:var(--flame);white-space:nowrap;margin-left:8px;font-size:12px;font-style:normal}.results-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.results-head .brand{margin-bottom:28px}.results .brand-logo{height:40px}.results .brand-text{font-size:14px}.stats{align-items:flex-end;gap:32px;display:flex}.stats strong{font-variant-numeric:tabular-nums;font-size:48px;font-weight:600;line-height:1;display:block}.stats span{color:var(--muted);font-size:13px}.bars{gap:6px;margin-bottom:48px;display:grid}.bar{font-size:18px;font:inherit;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:84px 1fr 48px;align-items:center;gap:20px;margin:0 -8px;padding:6px 8px;font-size:18px;display:grid}.bar:hover{background:color-mix(in srgb, var(--text) 4%, transparent)}.bar[aria-pressed=true] .bar-name{color:var(--ember)}.bar-track{background:color-mix(in srgb, var(--text) 6%, transparent);border-radius:6px;height:12px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--ember), var(--flame));height:100%;transition:width .6s var(--ease);border-radius:6px;display:block}.bar-count{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.wall{columns:3 320px;column-gap:32px}.entry{break-inside:avoid;border-top:1px solid var(--line);animation:rise .5s var(--ease) both;padding:18px 0 20px}.entry header{gap:10px;margin-bottom:8px;font-size:14px;display:flex}.entry ol{margin:0;padding-left:20px}.entry li{margin:6px 0;font-size:17px;line-height:1.5}.entry li::marker{color:var(--ember);font-family:var(--mono);font-size:13px}.qr{text-align:center;padding-bottom:48px}.qr .brand{justify-content:center}.qr .title{margin-bottom:28px}.qr-box{box-shadow:0 0 0 1px var(--line), 0 24px 60px -24px color-mix(in srgb, var(--ember) 40%, transparent);background:#fff;border-radius:20px;padding:18px;display:inline-block}.qr-box canvas{display:block;width:min(72vw,360px)!important;height:auto!important}.url{font-family:var(--mono);color:var(--muted);word-break:break-all;margin:20px 0 24px;font-size:13px}.qr .btn.primary{max-width:320px;margin:0 auto}.enter{animation:rise .52s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=380px){.who{grid-template-columns:1fr}.brand{gap:10px}.brand-logo{height:30px}.brand-text{font-size:12px}}
