/* ===== v14: bolder, still light ===== */
:root{--bg:#f6f7fc}
body::before{height:520px;background:radial-gradient(55% 60% at 90% 0%,#c4b5fdaa,transparent 70%),radial-gradient(50% 55% at 0% 5%,#99f6e499,transparent 70%),radial-gradient(40% 40% at 60% 30%,#fbcfe855,transparent 70%)}
:focus-visible{outline:3px solid #2563eb;outline-offset:2px;border-radius:10px}
.hero13 :focus-visible,.leg button:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #1e3a8a}
/* hero: layered mesh + shimmer */
.hero13{padding:22px 20px 20px;border-radius:34px;isolation:isolate;
 background:radial-gradient(70% 60% at 0% 0%,#0e7490 0%,transparent 60%),radial-gradient(60% 60% at 100% 0%,#6d28d9 0%,transparent 65%),radial-gradient(70% 60% at 100% 100%,#be185d 0%,transparent 60%),radial-gradient(70% 70% at 0% 100%,#1d4ed8 0%,transparent 65%),linear-gradient(135deg,#1e40af,#5b21b6);
 box-shadow:0 30px 60px -24px #5b21b6aa,0 10px 24px -12px #be185d66}
.hero13::before{width:auto;height:auto;inset:0;right:auto;top:auto;border-radius:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,#ffffff1a 45%,transparent 60%);background-size:250% 100%;animation:shim 6s ease-in-out infinite}
@keyframes shim{0%{background-position:120% 0}60%,100%{background-position:-120% 0}}
.hero13::after{z-index:-1;width:300px;height:300px;left:auto;right:-120px;bottom:-140px;background:radial-gradient(circle,#f472b655,transparent 65%)}
.hero13 .hl14{font:800 31px/1.08 'Plus Jakarta Sans',Inter,system-ui;letter-spacing:-.03em;margin:8px 0 4px;color:#fff;text-wrap:balance}
.greet.hero13 h1{font-size:22px;margin:6px 0 0;display:inline-flex;align-items:baseline;gap:6px;background:#0b1b4d40;padding:6px 12px;border-radius:99px}
.greet.hero13 h1 .mute2{font-size:16px}
.hgrid{grid-template-columns:1fr;justify-items:center;gap:16px;margin-top:16px}
.r13wrap{width:230px;height:230px}.r13{width:230px;height:230px}
.r13{filter:drop-shadow(0 0 6px #ffffff66) drop-shadow(0 0 16px #f0abfc55)}
.r13c b{font-size:30px;letter-spacing:-.04em}
.r13c::after{content:'of today';display:block;font:700 9px Inter,system-ui;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-top:4px}
.r13c{display:flex;flex-direction:column;align-items:center;justify-content:center}
.leg{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.leg button{padding:10px 12px;border-radius:16px;background:#0b1b4d38;align-items:flex-start}
.leg i{margin-top:4px}
.leg b{font-size:21px}
.wins{justify-content:center}
/* streak + focus card */
.flame14{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;background:linear-gradient(135deg,#fff7ed,#fff 60%)!important;border:1px solid #fed7aa!important}
.fl14l{display:flex;align-items:center;gap:8px;padding-right:12px;border-right:1px solid #fed7aa}
.fl14l svg{filter:drop-shadow(0 6px 10px #f9731655);transform-origin:50% 90%;animation:flick 2.2s ease-in-out infinite}
@keyframes flick{50%{transform:scale(1.06) rotate(-2deg)}}
.fl14n{font:800 15px Inter,system-ui;color:#9a3412}.fl14n b{font:800 34px/1 'Plus Jakarta Sans',Inter,system-ui;color:#9a3412;letter-spacing:-.03em;display:block}
.fl14s{font-size:11px;font-weight:700;color:#9a3412}
.fl14f{font:800 16px/1.25 'Plus Jakarta Sans',Inter,system-ui;margin:6px 0 2px;color:var(--ink)}
.fl14t{font-size:13px;color:var(--mute)}
.flame14 .tag{background:#ffedd5;color:#9a3412}
/* tinted category tiles + bigger numbers */
.tile[data-c]{background:linear-gradient(160deg,color-mix(in srgb,var(--a2) 16%,#fff) 0%,#fff 70%);border-color:color-mix(in srgb,var(--a2) 30%,#fff)}
.tile[data-c]::before{width:0}
.tile[data-c] .ic{width:54px;height:54px;border-radius:18px}.tile[data-c] .ic svg{width:28px;height:28px;stroke-width:2.3}
.tile[data-c] .tv{font-size:38px;letter-spacing:-.04em;color:var(--a1)}
.tile[data-c] .tv small{color:#475569}
.tile[data-c] .bar{height:12px;background:color-mix(in srgb,var(--a2) 18%,#fff)}
.tile[data-c] .btn.alt{background:#ffffffcc;border-color:color-mix(in srgb,var(--a2) 35%,#fff)}
.tile.goal{box-shadow:0 0 0 2px color-mix(in srgb,var(--a2) 60%,#fff),var(--shadow)}
.card{border-radius:26px}
/* tap feel */
.tap14{transition:transform .18s cubic-bezier(.3,1.7,.5,1)}
.tap14:active{transform:scale(.97)}
.btn:active{transform:scale(.92)}
/* headers per tab, bolder */
.greet h1{font-size:38px}
.ph13 .phi{width:52px;height:52px;border-radius:18px}
/* medals */
.badges{gap:10px}
.badge{flex-direction:row!important;align-items:center;gap:10px!important;padding:12px!important;border-radius:18px!important;display:grid!important;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:10px}
.badge>span{grid-row:1/3;width:auto!important;height:auto!important;background:none!important}
.badge.got{background:linear-gradient(135deg,#fffbeb,#fff)!important;border:1px solid #fde68a!important;box-shadow:0 6px 14px -8px #f59e0b88}
.badge.got span svg{filter:drop-shadow(0 4px 6px #0000002a)}
/* charts */
.chart14 svg.chart{height:160px}
.chart14 .hot14{filter:drop-shadow(0 4px 8px #0003)}
.glow14{stroke-width:4;filter:drop-shadow(0 4px 6px #2563eb55)}
/* level hero richer */
.card.lvl13{background:radial-gradient(60% 80% at 100% 0%,#be185d,transparent 65%),radial-gradient(60% 70% at 0% 100%,#4338ca,transparent 65%),linear-gradient(135deg,#6d28d9,#7e22ce)}
.card.fuel13{background:radial-gradient(60% 80% at 100% 0%,#0e7490,transparent 65%),radial-gradient(60% 70% at 0% 100%,#166534,transparent 70%),linear-gradient(135deg,#047857,#0f766e)}
.card.fuel13 .ring b{font-size:22px}
/* Plan / Support / Profile polish */
.chk.on{background:linear-gradient(135deg,#fdf2f8,#fff);border-color:#fbcfe8}.chk.on>span{background:linear-gradient(135deg,#fb7185,#be185d);color:#fff}
.phase{border-radius:20px}
.crisis{background:linear-gradient(135deg,#f5f3ff,#fdf2f8)!important;border:1px solid #ddd6fe!important}
.me14{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#eff6ff,#f5f3ff)!important;border:1px solid #c7d2fe!important}
.av14{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;color:#fff;font:800 28px 'Plus Jakarta Sans',Inter,system-ui;background:var(--brand);box-shadow:0 10px 20px -8px #4f46e5;flex:none}
.me14n{font:800 22px 'Plus Jakarta Sans',Inter,system-ui;letter-spacing:-.02em}.me14s{font-size:13px;color:var(--mute);margin-top:2px}
.e14food{background:linear-gradient(135deg,#f0fdf4,#fff)}
/* stagger: more cards, a touch more travel */
.anim13 #app>*{animation-duration:.55s}
.anim13 #app>*:nth-child(6){animation-delay:.24s}.anim13 #app>*:nth-child(7){animation-delay:.28s}.anim13 #app>*:nth-child(n+8){animation-delay:.32s}
@media (prefers-reduced-motion:reduce){.hero13::before,.fl14l svg{animation:none!important}}
.rd14{background:linear-gradient(160deg,#ecfeff,#fff 70%)!important;border-color:#a5f3fc!important}
.rd14 .seg{background:#cffafe80}
.ch14{background:linear-gradient(160deg,#eff6ff,#fff 70%)!important;border-color:#bfdbfe!important}.ch14 .bar{height:12px}
.btn.on,.btn.lime{background:linear-gradient(135deg,#047857,#15803d)}
.core14{background:linear-gradient(160deg,#fdf2f8,#fff 65%)!important;border-color:#fbcfe8!important}
.core14 .chk{background:#fff;border-color:#fbcfe8}.core14 .chk>span{border:2px solid #f472b6;border-radius:10px}
.core14 .tag{background:linear-gradient(135deg,#db2777,#9d174d);color:#fff}
.core14 h3{font-size:21px}
.fz14{background:linear-gradient(160deg,#f0fdf4,#fff 60%)!important;border-color:#bbf7d0!important}
.sym14{background:linear-gradient(160deg,#fff7ed,#fff 60%)!important;border-color:#fed7aa!important}