:root{--bg:#17110d;--bg-raised:#211812;--bg-input:#2b2018;--line:#3d2e23;--text:#f7efe4;--text-dim:#bda892;--amber:#e0a75e;--amber-strong:#f0bd72;--cream:#f6e3c5;--tomato:#c2543f;--leaf:#7fae5f;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(900px 520px at 85% -10%, #40261a 0%, transparent 60%), radial-gradient(700px 420px at 0% 10%, #2c3320 0%, transparent 55%), var(--bg) fixed;color:var(--text);-webkit-font-smoothing:antialiased;font:16px/1.55 ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,select,textarea{font:inherit;color:inherit}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.shell{max-width:720px;margin:0 auto;padding:18px 14px 70px}.brand{letter-spacing:.2px;align-items:center;gap:10px;font-weight:700;display:flex}.brand small{color:var(--text-dim);letter-spacing:0;font-size:12px;font-weight:400;display:block}.topbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.topbar .spacer{margin-left:auto}.who{color:var(--text-dim);text-align:right;font-size:13px}.who strong{color:var(--text)}.card{background:color-mix(in oklab, var(--bg-raised) 92%, transparent);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:14px}.card h2{letter-spacing:.2px;margin:0 0 6px;font-size:15px}.card p.hint{color:var(--text-dim);margin:0 0 10px;font-size:13px}label.field{margin-bottom:10px;display:block}label.field>span{color:var(--text-dim);margin-bottom:4px;font-size:12.5px;display:block}input[type=text],input[type=number]{background:var(--bg-input);border:1px solid var(--line);border-radius:11px;width:100%;padding:11px 12px}input:focus{outline:2px solid color-mix(in oklab, var(--amber) 65%, transparent);outline-offset:1px}.btn{background:var(--bg-input);border:1px solid var(--line);cursor:pointer;border-radius:11px;padding:10px 15px}.btn:hover:not(:disabled){border-color:var(--amber)}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:linear-gradient(180deg, var(--amber-strong), #c98a3f);color:#2a1c0f;border-color:#e8b673;font-weight:700}.btn--tiny{border-radius:8px;padding:4px 9px;font-size:12px}.btn--ghost{background:0 0}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row>.grow{flex:180px;min-width:0}.ladder{gap:8px;display:grid}.ladder__row{border:1px solid var(--line);background:color-mix(in oklab, var(--bg-input) 60%, transparent);border-radius:13px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.ladder__row--me{border-color:color-mix(in oklab, var(--amber) 65%, transparent);background:color-mix(in oklab, var(--amber) 12%, transparent)}.ladder__rank{text-align:center;font-size:18px}.ladder__name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;display:block;overflow:hidden}.ladder__sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.ladder__row>.ladder__cell{min-width:0;display:block}.ladder__score{font-variant-numeric:tabular-nums;color:var(--amber-strong);white-space:nowrap;font-size:22px;font-weight:750}.meals{gap:7px;display:grid}.meal{border:1px solid var(--line);border-radius:11px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 11px;display:grid}.meal__cell{min-width:0;display:block}.meal__text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.meal__meta{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.chip{border:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12.5px;display:inline-block}.chip--good{border-color:color-mix(in oklab, var(--leaf) 60%, transparent);color:var(--leaf)}.chip--hot{border-color:color-mix(in oklab, var(--amber) 70%, transparent);color:var(--amber-strong)}.chip--bad{border-color:color-mix(in oklab, var(--tomato) 65%, transparent);color:#e98b78}.reveal{border:1px solid color-mix(in oklab, var(--amber) 55%, transparent);background:linear-gradient(160deg, color-mix(in oklab, var(--amber) 18%, transparent), transparent);border-radius:14px;margin-top:12px;padding:14px}.reveal__score{font-variant-numeric:tabular-nums;font-size:40px;font-weight:780;line-height:1}.reveal__label{color:var(--text);font-weight:600}.reveal__scale{gap:4px;height:9px;margin:10px 0 6px;display:flex}.reveal__scale span{background:var(--bg-input);border-radius:3px;flex:1 1 0}.reveal__scale span.on{background:var(--amber-strong)}.alert{border:1px solid color-mix(in oklab, var(--tomato) 60%, transparent);background:color-mix(in oklab, var(--tomato) 14%, transparent);border-radius:12px;margin-bottom:10px;padding:10px 12px}.alert--ok{border-color:color-mix(in oklab, var(--leaf) 55%, transparent);background:color-mix(in oklab, var(--leaf) 12%, transparent)}.invite{align-items:center;gap:6px;display:flex}.invite input{font-size:12.5px}.foot{text-align:center;color:var(--text-dim);margin-top:22px;font-size:12px}.landing{max-width:460px;margin:6vh auto 0}.big{margin:0 0 4px;font-size:26px;font-weight:750}@media (width<=520px){.ladder__score{font-size:20px}.reveal__score{font-size:34px}}
