@import "https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg:#0d1b2a;--surface:#122738;--card:#16293b;--card-2:#1e3346;--border:#2a4459;--border-soft:#1e3346;--border-strong:#3c5a73;--scrim:#0d1b2abf;--scrim-strong:#0d1b2aeb;--accent:#d4af37;--accent-hover:#e3c25a;--accent-press:#b8962c;--accent-soft:#d4af3724;--accent-glow:#d4af3759;--on-accent:#0d1b2a;--text:#fff;--text-2:#aebcc9;--text-3:#8a9bae;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--ok-text:#4ade80;--ok-text-soft:#86efac;--warn-text:#fbbf24;--bad-text:#f87171;--bad-text-soft:#fca5a5;--ok-soft:#22c55e24;--warn-soft:#f59e0b24;--bad-soft:#ef444424;--c-nutri:#f0a060;--c-train:#ff7a6b;--c-habit:#4fd1c5;--c-coach:#7cb4ff;--c-prog:#b79cff;--c-motiv:#f48fb1;--c-agent:#d4af37;--tonal:#aebcc91a;--tonal-hover:#aebcc929;--tonal-press:#aebcc938;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-pill:999px;--shadow-card:0 1px 0 #ffffff08 inset, 0 8px 30px #00000073;--glow:0 0 0 1px #d4af3740, 0 8px 30px -6px var(--accent-glow);--font-display:"Anton", "Oswald", sans-serif;--font-cond:"Oswald", "Inter", sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--maxw:1200px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}::selection{background:var(--accent);color:#0d1b2a}h1,h2,h3,h4{margin:0;line-height:1.05}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:768px){input,select,textarea{font-size:16px!important}}img{max-width:100%;display:block}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;font-weight:400;line-height:.92}.cond{font-family:var(--font-cond);letter-spacing:.01em;font-weight:600}.eyebrow{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.22em;color:var(--accent);font-size:12px;font-weight:600}.metric-num{font-family:var(--font-cond);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:700;line-height:1}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}.tone-nutri{--tone:var(--c-nutri)}.tone-train{--tone:var(--c-train)}.tone-habit{--tone:var(--c-habit)}.tone-coach{--tone:var(--c-coach)}.tone-prog{--tone:var(--c-prog)}.tone-motiv{--tone:var(--c-motiv)}.tone-agent{--tone:var(--c-agent)}.tone-bad{--tone:var(--bad-text)}.tb{--tb-bg:var(--tonal);--tb-bg-hover:var(--tonal-hover);--tb-bg-press:var(--tonal-press);--tb-fg:var(--text);--tb-ic:var(--text-2);background:var(--tb-bg);min-height:42px;color:var(--tb-fg);font-family:var(--font-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14.5px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .15s,color .15s,transform .1s;display:inline-flex}.tb svg{width:18px;height:18px;color:var(--tb-ic);flex:none}.tb:hover{background:var(--tb-bg-hover)}.tb:active{background:var(--tb-bg-press);transform:scale(.98)}.tb:disabled,.tb[aria-disabled=true]{cursor:not-allowed;background:var(--tonal);color:var(--text-3);transform:none}.tb:disabled svg,.tb[aria-disabled=true] svg{color:var(--text-3)}.tb[class*=tone-]{--tb-bg:color-mix(in srgb, var(--tone) 16%, transparent);--tb-bg-hover:color-mix(in srgb, var(--tone) 24%, transparent);--tb-bg-press:color-mix(in srgb, var(--tone) 32%, transparent);--tb-ic:var(--tone)}.tb-danger{--tb-bg:color-mix(in srgb, var(--bad-text) 14%, transparent);--tb-bg-hover:color-mix(in srgb, var(--bad-text) 22%, transparent);--tb-bg-press:color-mix(in srgb, var(--bad-text) 30%, transparent);--tb-fg:var(--bad-text-soft);--tb-ic:var(--bad-text)}.tb-solid{--tb-bg:var(--accent);--tb-bg-hover:var(--accent-hover);--tb-bg-press:var(--accent-press);--tb-fg:var(--on-accent);--tb-ic:var(--on-accent)}.tb-solid:disabled,.tb-solid[aria-disabled=true]{background:var(--accent-soft);color:var(--text-3)}.tb-sm{border-radius:10px;gap:6px;min-height:34px;padding:0 12px;font-size:13px}.tb-sm svg{width:16px;height:16px}.tb-lg{border-radius:14px;min-height:48px;padding:0 20px;font-size:15.5px}.tb-block{width:100%;display:flex}.tb-icon{width:42px;padding:0}.tb-icon.tb-sm{width:34px}.tb-icon.tb-lg{width:48px}.tb-group{background:var(--tonal);border-radius:12px;align-items:center;display:inline-flex}.tb-group>.tb{background:0 0;border-radius:12px}.tb-group>.tb:hover{background:var(--tonal-hover)}.tb-group>.tb+.tb{position:relative}.tb-group>.tb+.tb:before{content:"";background:#aebcc938;width:1px;position:absolute;top:11px;bottom:11px;left:0}:where(.tile){--tone:var(--text-2)}.tile{border-radius:var(--r-lg);background:color-mix(in srgb, var(--tone) 11%, var(--card));min-height:112px;color:var(--text);text-align:left;font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;text-decoration:none;transition:background .15s,transform .1s;display:flex;position:relative}.tile:hover{background:color-mix(in srgb, var(--tone) 18%, var(--card))}.tile:active{transform:scale(.98)}.tile-ic{background:color-mix(in srgb, var(--tone) 20%, transparent);width:38px;height:38px;color:var(--tone);border-radius:11px;place-items:center;display:grid}.tile-ic svg{width:20px;height:20px}.tile-t{margin-top:auto;font-size:15px;font-weight:700;line-height:1.2}.tile-m{color:var(--text-2);font-size:12.5px;line-height:1.35}.tile-m b{color:var(--tone);font-variant-numeric:tabular-nums;font-weight:700}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:900px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}.tiles>.tile-wide{grid-column:span 2}.btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:13px 22px;font-size:15px;font-weight:600;transition:transform .15s,background .2s,box-shadow .25s,border-color .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#0d1b2a;box-shadow:0 8px 24px -8px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 10px 34px -6px var(--accent-glow)}.btn-ghost{background:var(--tonal);color:var(--text)}.btn-ghost:hover{background:var(--tonal-hover)}.btn-soft{background:var(--accent-soft);color:var(--accent-hover)}.btn-soft:hover{background:#d4af3738}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.chip{font-family:var(--font-body);border-radius:var(--r-pill);background:var(--card-2);border:1px solid var(--border);color:var(--text-2);align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.chip.accent{background:var(--accent-soft);color:var(--accent-hover);border-color:#d4af374d}.chip.ok{background:var(--ok-soft);color:var(--ok-text);border-color:#22c55e4d}.chip.warn{background:var(--warn-soft);color:var(--warn-text);border-color:#f59e0b4d}.chip.bad{background:var(--bad-soft);color:var(--bad-text);border-color:#ef44444d}.photo-ph{background:radial-gradient(120% 90% at 70% 0%, #d4af3724, transparent 55%), linear-gradient(160deg, var(--card-2), var(--surface) 70%);color:var(--text-3);place-items:center;display:grid;position:relative;overflow:hidden}.photo-ph:after{content:"";opacity:.5;mix-blend-mode:overlay;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}.photo-ph .ph-label{z-index:1;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:600;position:relative}.img-slot{background:radial-gradient(120% 90% at 70% 0%, #d4af3724, transparent 55%), linear-gradient(160deg, var(--card-2), var(--surface) 70%);width:100%;height:100%;color:var(--text-3);display:block;position:relative;overflow:hidden}.img-slot:after{content:"";opacity:.5;mix-blend-mode:overlay;pointer-events:none;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}.img-slot .img-slot-inner{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex;position:absolute;inset:0}.img-slot .img-slot-inner svg{opacity:.55;width:26px;height:26px}.img-slot .img-slot-label{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.14em;max-width:90%;font-size:11px;font-weight:600}.img-slot img,.img-slot video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.glow-accent{box-shadow:var(--glow)}.text-glow{text-shadow:0 0 28px var(--accent-glow)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.stack-sm{flex-direction:column;gap:8px;display:flex}.row{align-items:center;display:flex}.muted-divider{background:var(--border);border:0;height:1px}.av-foto{padding:0;overflow:hidden}.av-foto img{object-fit:cover;width:100%;height:100%;display:block}