.shell{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.shell-main{padding:1.25rem 1.15rem calc(var(--bt-nav-h) + 1.5rem);flex:1}.shell-nav{width:min(480px,100%);height:calc(var(--bt-nav-h) + env(safe-area-inset-bottom,0px));padding:.35rem 1.25rem env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--bt-border);z-index:20;background:#fffffff0;grid-template-columns:repeat(4,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 28px #1a3b700f}.shell-nav a{color:var(--bt-text-muted);letter-spacing:.01em;justify-items:center;gap:.2rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:color .18s,transform .18s;display:grid}.shell-nav a:not(.nav-fab):active{transform:scale(.96)}.shell-nav a.active:not(.nav-fab){color:var(--bt-primary)}.nav-icon{width:1.35rem;height:1.35rem;display:block}.nav-fab{background:var(--bt-primary);border-radius:999px;place-self:start center;place-items:center;gap:0;width:3.5rem;height:3.5rem;margin-top:-1.55rem;display:grid;box-shadow:0 10px 24px #1a3b7059;color:#fff!important}.nav-fab.active{background:var(--bt-primary-dark);box-shadow:0 12px 28px #1a3b706b}.nav-icon-fab{width:1.55rem;height:1.55rem}.today-brand .eyebrow{color:var(--bt-primary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.today-brand h1{font-family:var(--font-display);color:var(--bt-text);margin:.15rem 0 1rem;font-size:clamp(2rem,6vw,2.4rem);font-weight:700}.hero{border-radius:calc(var(--bt-radius) + 4px);background:linear-gradient(145deg, #1a3b70fa, #152e5af2), var(--bt-primary);color:#fff;box-shadow:var(--bt-shadow);padding:1.35rem 1.25rem 1.5rem;animation:.48s both hero-in;position:relative;overflow:hidden}.hero.is-quiet{background:linear-gradient(145deg,#1a3b70,#0f2448)}.hero-kicker{opacity:.9;margin:0;font-size:.85rem}.hero-title{font-family:var(--font-display);margin:.35rem 0 .5rem;font-size:clamp(1.55rem,5vw,1.9rem);line-height:1.15}.hero-count{font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:0;font-size:clamp(2.4rem,10vw,3.2rem);font-weight:700;animation:2.4s ease-in-out infinite pulse-soft}.hero-next{opacity:.9;margin:.55rem 0 0}.panel{background:var(--bt-surface);border:1px solid var(--bt-border);border-radius:var(--bt-radius);box-shadow:var(--bt-shadow);margin-top:1rem;padding:1.1rem 1.1rem 1.15rem}.panel.soft{background:var(--bt-primary-soft);box-shadow:none;border-color:#0000}.panel h3{margin:0 0 .65rem;font-size:.95rem}.panel-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.panel-head h3{margin:0}.intention label{color:var(--bt-text-muted);margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.intention input{border:1px solid var(--bt-border);border-radius:var(--bt-radius-sm);background:var(--bt-bg);width:100%;padding:.75rem .9rem}.balance-row{text-align:center;grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.balance-row strong{font-variant-numeric:tabular-nums;color:var(--bt-primary-dark);font-size:1.25rem;display:block}.balance-row span{color:var(--bt-text-muted);font-size:.75rem}.muted{color:var(--bt-text-muted)}.small{margin:.65rem 0 0;font-size:.8rem}.file-btn{color:var(--bt-primary-dark);cursor:pointer;font-size:.78rem;font-weight:600}.timeline{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.timeline li{border-radius:var(--bt-radius-sm);background:var(--bt-primary-soft);border:1px solid #0000;gap:.35rem;padding:.75rem .85rem;display:grid}.timeline li.active{border-color:var(--bt-primary);background:var(--bt-primary-soft);box-shadow:inset 0 0 0 1px var(--bt-primary)}.tl-time{color:var(--bt-text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.tl-body{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.pill{background:var(--bt-primary-muted);color:var(--bt-primary-dark);border-radius:99px;padding:.15rem .45rem;font-size:.68rem;font-weight:600}.tl-actions{gap:.4rem;display:flex}.tl-actions button{border:1px solid var(--bt-border);cursor:pointer;background:#fff;border-radius:12px;padding:.28rem .55rem;font-size:.72rem;font-weight:600}.tl-actions button.on{background:var(--bt-primary);border-color:var(--bt-primary);color:#fff}.errors{color:var(--bt-danger);margin:0 0 .75rem;padding-left:1.1rem;font-size:.8rem}.quiet-banner{text-align:center;color:var(--bt-text-muted);margin-top:1rem;font-size:.85rem}.shutdown{z-index:40;background:#0f24488c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.shutdown-card{border-radius:var(--bt-radius);width:min(380px,100%);box-shadow:var(--bt-shadow);background:#fff;padding:1.25rem}.shutdown-card h3{font-family:var(--font-display);margin-top:0}.shutdown-card button{background:var(--bt-primary);color:#fff;border-radius:var(--bt-radius-sm);cursor:pointer;border:0;width:100%;margin-top:.75rem;padding:.75rem;font-weight:700}@keyframes hero-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.86}}.focus-page .eyebrow{color:var(--bt-primary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.focus-page h1{font-family:var(--font-display);color:var(--bt-text);margin:.15rem 0 1.25rem;font-size:clamp(2rem,6vw,2.4rem)}.focus-ring{text-align:center;aspect-ratio:1;background:radial-gradient(circle at 50% 40%, #1a3b7029, transparent 55%), var(--bt-surface);border:1px solid var(--bt-border);max-width:280px;box-shadow:var(--bt-shadow);border-radius:999px;place-content:center;margin:0 auto;padding:2rem 1rem;animation:.48s both hero-in;display:grid}.focus-ring .kind{text-transform:uppercase;letter-spacing:.1em;color:var(--bt-primary-dark);margin:0;font-size:.75rem;font-weight:700}.focus-ring .timer{font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--bt-text);margin:.35rem 0;font-size:3.2rem;font-weight:700}.focus-ring .streak{color:var(--bt-text-muted);margin:0;font-size:.85rem}.focus-actions{justify-content:center;margin-top:1.5rem;display:flex}.focus-actions .primary,.focus-actions .ghost{cursor:pointer;border-radius:999px;min-width:160px;padding:.85rem 1.25rem;font-weight:700}.focus-actions .primary{background:var(--bt-primary);color:#fff;border:0}.focus-actions .ghost{border:1px solid var(--bt-border);color:var(--bt-text);background:#fff}.center{text-align:center;margin-top:1.25rem}.stats-page .eyebrow{color:var(--bt-primary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.stats-page h1{font-family:var(--font-display);color:var(--bt-text);margin:.15rem 0 1rem;font-size:clamp(2rem,6vw,2.4rem)}.stat-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.stat-grid strong{color:var(--bt-primary-dark);font-size:1.35rem;display:block}.stat-grid span{color:var(--bt-text-muted);font-size:.75rem}.bars{align-items:flex-end;gap:2px;height:72px;margin-top:.75rem;display:flex}.bars div{background:var(--bt-primary-muted);border-radius:3px 3px 0 0;flex:1}.energy-row{gap:.45rem;margin:.75rem 0;display:flex}.energy-row button{border:1px solid var(--bt-border);border-radius:var(--bt-radius-sm);cursor:pointer;color:var(--bt-text);background:#fff;flex:1;padding:.7rem 0;font-weight:700}.energy-row button:hover{border-color:var(--bt-primary);background:var(--bt-primary-soft)}.energy-list{color:var(--bt-text-muted);margin:0;padding:0;font-size:.85rem;list-style:none}.energy-list li+li{margin-top:.25rem}.settings-page .eyebrow{color:var(--bt-primary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.settings-page h1{font-family:var(--font-display);color:var(--bt-text);margin:.15rem 0 1rem;font-size:clamp(2rem,6vw,2.4rem)}.settings-page label{color:var(--bt-text-muted);margin:.65rem 0 .35rem;font-size:.8rem;font-weight:600;display:block}.settings-page input{border:1px solid var(--bt-border);border-radius:var(--bt-radius-sm);background:var(--bt-bg);width:100%;margin-top:.25rem;padding:.65rem .75rem}.settings-page .primary,.settings-page button{border-radius:var(--bt-radius-sm);cursor:pointer;border:1px solid var(--bt-border);color:var(--bt-text);background:#fff;margin-top:.75rem;padding:.65rem .9rem;font-weight:700}.settings-page .primary{background:var(--bt-primary);color:#fff;border:0}.settings-page button:disabled{opacity:.45;cursor:not-allowed}.row{flex-wrap:wrap;gap:.45rem;display:flex}.install-hint{background:var(--bt-primary-soft);border-color:var(--bt-primary-muted)}.status{border-radius:var(--bt-radius-sm);background:var(--bt-surface);border:1px solid var(--bt-border);margin-top:1rem;padding:.75rem;font-size:.85rem}:root{--bt-primary:#1a3b70;--bt-primary-dark:#152e5a;--bt-primary-soft:#e8f0fe;--bt-primary-muted:#c5d4f0;--bt-surface:#fff;--bt-bg:#f8f9fb;--bt-bg-deep:#eef1f7;--bt-text:#1a3b70;--bt-text-muted:#6b7a90;--bt-border:#dce3f0;--bt-danger:#c62828;--bt-warn:#c77700;--bt-radius:24px;--bt-radius-sm:16px;--bt-shadow:0 10px 32px #1a3b701a;--bt-nav-h:72px;--font-ui:"Plus Jakarta Sans", system-ui, sans-serif;--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-ui);background:radial-gradient(1200px 600px at 10% -10%, #1a3b701a, transparent 55%), radial-gradient(900px 500px at 100% 0%, #1a3b700f, transparent 50%), var(--bt-bg);color:var(--bt-text);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}a{color:var(--bt-primary-dark)}
