@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.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{--bg: #0a0a0a;--panel: #111111;--panel-2: #161616;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--ink: #f2efe8;--ink-dim: #9a958b;--ink-faint: #5c5850;--coral: #e55934;--coral-bright: #f0663f;--coral-ink: #160905;--coral-soft: rgba(229, 89, 52, .13);--green: #86b07c;--amber: #d9a441;--red: #c75146;--radius: 18px;--font-display: "Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, monospace;--tabbar-h: 62px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea{font:inherit;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px 14px;outline:none;width:100%}input:focus,textarea:focus{border-color:var(--coral)}a{color:inherit}::selection{background:var(--coral);color:var(--coral-ink)}.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:22px;padding:14px 20px;background:var(--bg);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.01em}.brand-dot{width:11px;height:11px;border-radius:50%;background:var(--coral);flex:none}.topnav{display:flex;gap:4px;margin-left:8px}.topnav .tab{padding:7px 14px;border-radius:999px;color:var(--ink-dim);font-size:14px}.topnav .tab:hover{color:var(--ink)}.topnav .tab.active{color:var(--ink);background:var(--panel-2)}.whoami{margin-left:auto;font-size:12.5px;color:var(--ink-faint)}.whoami b{color:var(--ink-dim);font-weight:500}.content{flex:1;width:100%;max-width:1060px;margin:0 auto;padding:26px 20px calc(var(--tabbar-h) + 34px)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#0a0a0af5;border-top:1px solid var(--line);height:var(--tabbar-h);padding-bottom:env(safe-area-inset-bottom)}.tabbar .tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-faint);font-size:10.5px;letter-spacing:.02em}.tabbar .tab .glyph{font-size:17px;line-height:1}.tabbar .tab.active{color:var(--coral)}@media(min-width:720px){.tabbar{display:none}.content{padding-bottom:60px}}@media(max-width:719px){.topnav{display:none}}.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--ink);padding:10px 20px;font-size:14.5px;transition:border-color .15s,background .15s,color .15s,opacity .15s;min-height:42px}.pill:hover{border-color:#ffffff59}.pill.primary{background:var(--coral);border-color:var(--coral);color:var(--coral-ink);font-weight:600}.pill.primary:hover{background:var(--coral-bright);border-color:var(--coral-bright)}.pill.quiet{border-color:transparent;color:var(--ink-dim)}.pill.quiet:hover{color:var(--ink)}.pill:disabled{opacity:.45;pointer-events:none}.pill.small{padding:6px 13px;min-height:32px;font-size:13px}.tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-dim);border:1px solid var(--line);border-radius:999px;padding:3px 9px}.tag.coral{color:var(--coral);border-color:#e5593466}.status-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-dim);border:1px solid var(--line);border-radius:999px;padding:3px 10px;white-space:nowrap}.status-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dot, var(--ink-faint))}.effort-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 8px;border-radius:999px;border:1px solid var(--line-strong);font-family:var(--font-display);font-size:12.5px;font-weight:600}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.eyebrow{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin:0 0 10px}.page-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(26px,5vw,34px);margin:0 0 4px}.page-sub{color:var(--ink-dim);font-size:14px;margin:0 0 24px}.deck-wrap{max-width:560px;margin:0 auto}.deck-progress{margin-bottom:18px}.deck-progress .counts{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--ink-dim);margin-bottom:8px}.deck-progress .counts b{font-family:var(--font-display);font-size:15px;color:var(--ink);font-weight:600}.progress-track{height:3px;border-radius:2px;background:var(--panel-2);overflow:hidden}.progress-fill{height:100%;background:var(--coral);border-radius:2px;transition:width .3s ease}.deck-nav{display:flex;align-items:center;gap:10px;color:var(--ink-faint);font-family:var(--font-mono);font-size:12px}.deck-nav.bottom{justify-content:center;margin-top:26px}.nav-btn{width:36px;height:36px;border-radius:999px;border:1px solid var(--line-strong);display:inline-flex;align-items:center;justify-content:center;font-size:17px;color:var(--ink-dim);transition:border-color .13s,color .13s}.nav-btn:hover:not(:disabled){border-color:var(--coral);color:var(--ink)}.nav-btn:disabled{opacity:.3;cursor:default}.effort-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;transition:border-color .15s}.effort-row.attention{border-color:#c75146bf}.effort-label{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint);margin-right:4px;white-space:nowrap}.size-error{color:#e08983;font-size:12.5px;text-align:center;margin-top:8px}.card-stage{perspective:1400px;position:relative}.card{position:relative;transform-style:preserve-3d;transition:transform .2s cubic-bezier(.3,.7,.4,1)}.card.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px 24px;min-height:300px;display:flex;flex-direction:column}.card-back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg);align-items:center;justify-content:center;text-align:center;cursor:pointer}.card-enter{animation:card-in .2s ease-out}@keyframes card-in{0%{opacity:0;transform:translate(46px)}to{opacity:1;transform:translate(0)}}.card-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.card-name{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(24px,5.4vw,32px);line-height:1.12;margin:0 0 12px}.card-desc{color:var(--ink-dim);font-size:15px;margin:0;flex:1}.doc-link{margin-top:16px;font-size:13px;color:var(--ink-faint);text-decoration:none;align-self:flex-start}.doc-link:hover{color:var(--coral)}.score-list{display:flex;flex-direction:column;gap:8px;margin-top:18px}.score-btn{display:flex;align-items:center;gap:15px;width:100%;text-align:left;border:1px solid var(--line-strong);border-radius:999px;padding:11px 20px;min-height:54px;transition:border-color .13s,background .13s}.score-btn:hover,.score-btn:focus-visible{border-color:var(--coral);background:var(--coral-soft)}.score-btn:active{background:#e5593438}.score-btn .num{font-family:var(--font-display);font-size:21px;font-weight:600;width:24px;flex:none;color:var(--coral)}.score-btn .anchor b{display:block;font-size:14.5px;font-weight:600}.score-btn .anchor span{display:block;font-size:12.5px;color:var(--ink-dim)}.score-btn:disabled{opacity:.4}.thoughts-row{margin-top:14px}.deck-wrap .thoughts-row input{background:transparent;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;text-align:center;padding:10px 4px 8px;font-size:14.5px;color:var(--ink)}.deck-wrap .thoughts-row input:focus{border-bottom-color:var(--coral)}.deck-wrap .thoughts-row input::placeholder{color:var(--ink-dim)}.skip-btn{display:block;margin:14px auto 0;color:var(--ink-faint);font-size:13.5px;padding:8px 14px}.skip-btn:hover{color:var(--ink-dim)}.waa-note{text-align:center;font-size:10.5px;letter-spacing:.02em;color:var(--ink-faint);margin-top:16px}.social-proof{text-align:center;color:var(--ink-faint);font-size:12.5px;margin-top:14px}.reveal-avg{font-family:var(--font-display);font-weight:600;font-size:74px;line-height:1;letter-spacing:-.03em}.reveal-meta{color:var(--ink-dim);font-size:14px;margin-top:10px}.reveal-caption{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin-bottom:14px}.lock-glyph{font-size:34px;margin-bottom:12px}.tap-hint{position:absolute;bottom:18px;left:0;right:0;font-size:11.5px;color:var(--ink-faint)}.save-error{margin-top:14px;border:1px solid rgba(199,81,70,.5);background:#c751461a;border-radius:12px;padding:10px 14px;font-size:13.5px;display:flex;align-items:center;justify-content:space-between;gap:10px}.empty-state{text-align:center;padding:70px 20px}.empty-state .big{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,6vw,36px);letter-spacing:-.02em;margin-bottom:10px}.empty-state p{color:var(--ink-dim);margin:0 0 24px}.empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.rowlist{display:flex;flex-direction:column;gap:10px}.rowcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.rowcard .rowtop{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.row-name{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;font-size:16.5px;line-height:1.25;flex:1;min-width:200px}.row-name a{text-decoration:none}.row-name a:hover{color:var(--coral)}.row-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:6px}.rowcard .desc{color:var(--ink-dim);font-size:14px;margin:8px 0 0}.section-gap{margin-top:38px}.mini-scores{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.mini-score{width:40px;height:40px;border-radius:999px;border:1px solid var(--line-strong);font-family:var(--font-display);font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;transition:border-color .13s,background .13s}.mini-score:hover{border-color:var(--coral)}.mini-score.active{background:var(--coral);border-color:var(--coral);color:var(--coral-ink)}.mini-score.skip{width:auto;padding:0 14px;font-family:var(--font-body);font-weight:400;font-size:13px}.flag-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;color:var(--ink-dim);transition:border-color .13s,background .13s,color .13s}.flag-btn:hover{border-color:var(--line-strong);color:var(--ink)}.flag-btn.on{border-color:#e559348c;background:var(--coral-soft);color:var(--ink)}.score-chip{font-family:var(--font-display);font-weight:600;font-size:17px;min-width:40px;height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--line-strong);display:inline-flex;align-items:center;justify-content:center}.score-chip:hover{border-color:var(--coral)}.readout-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}.stat-line{color:var(--ink-dim);font-size:13.5px}.stat-line b{color:var(--ink);font-family:var(--font-display)}.ranked-row{display:grid;grid-template-columns:34px 1fr auto;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}.rank-num{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink-faint)}.ranked-stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.stat{text-align:center;min-width:34px}.stat .v{font-family:var(--font-display);font-weight:600;font-size:17px;display:block;line-height:1.1}.stat .k{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.stat.avg .v{font-size:24px;color:var(--coral)}@media(max-width:719px){.ranked-row{grid-template-columns:26px 1fr}.ranked-stats{grid-column:2;justify-content:flex-start;gap:13px}}.thoughts-panel{grid-column:1 / -1;border-top:1px solid var(--line);margin-top:10px;padding-top:10px;display:flex;flex-direction:column;gap:6px}.thought-line{font-size:13.5px;color:var(--ink-dim)}.thought-line b{color:var(--ink);font-weight:600;margin-right:6px}.locked-row{opacity:.85}.blur-stats{display:inline-flex;gap:14px;filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none}.lock-note{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-dim);border:1px dashed var(--line-strong);border-radius:999px;padding:5px 13px;white-space:nowrap}.subpanel{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:transparent}.subpanel h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;font-size:17px;margin:0 0 4px}.subpanel .hint{color:var(--ink-faint);font-size:12.5px;margin:0 0 14px}.quad-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:600px){.quad-grid{grid-template-columns:1fr}}.quad-cell{border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px;min-height:110px}.quad-cell.hot{border-color:#e559348c;background:var(--coral-soft)}.quad-cell h4{font-family:var(--font-display);font-weight:600;font-size:14.5px;margin:0}.quad-cell .axis{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint);display:block;margin:2px 0 10px}.quad-item{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:4px 0}.quad-item .n{color:var(--ink-dim)}.quad-item .s{font-family:var(--font-display);font-weight:600;white-space:nowrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a8;display:flex;align-items:center;justify-content:center;z-index:90;padding:20px}.modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:20px;padding:24px;width:100%;max-width:460px;max-height:82dvh;overflow-y:auto}.modal h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;font-size:19px;margin:0 0 6px}.modal p{color:var(--ink-dim);font-size:14px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.toast-stack{position:fixed;bottom:calc(var(--tabbar-h) + 14px);left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100vw - 32px))}@media(min-width:720px){.toast-stack{bottom:24px}}.toast{background:var(--panel-2);border:1px solid var(--line-strong);border-radius:14px;padding:12px 16px;font-size:13.5px;animation:toast-in .2s ease-out}.toast.error{border-color:#c7514699}.toast a{color:var(--coral)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.skel{border-radius:12px;background:linear-gradient(90deg,var(--panel) 25%,var(--panel-2) 50%,var(--panel) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.field-label{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;color:var(--ink-dim);margin:18px 0 7px}.wordcount{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint)}.wordcount.ok{color:var(--green)}.fullscreen-note{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.fullscreen-note .big{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,5vw,32px);letter-spacing:-.02em;margin:18px 0 8px}.fullscreen-note p{color:var(--ink-dim);max-width:420px}