.splash{width:100%;max-width:var(--app-max-width);min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6)}.splash__mark{font-size:22px;font-weight:var(--fw-bold);letter-spacing:.42em;padding-left:.42em;color:var(--text);opacity:.9}.splash__spinner{width:26px;height:26px;border-radius:50%;border:2px solid rgb(var(--overlay-rgb) / .12);border-top-color:var(--good);animation:spin .8s linear infinite}.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--card-shadow);overflow:hidden;isolation:isolate;flex-shrink:0}.card--raised{background:var(--card-raised)}.card--tap{cursor:pointer;transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);-webkit-tap-highlight-color:transparent}.card--tap:active{transform:scale(.985);border-color:var(--border-strong)}.card__inner{position:relative;z-index:1;padding:var(--sp-6)}.card__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(80% 70% at 100% 0%,var(--card-glow),transparent 60%);pointer-events:none}.ring{position:relative;display:grid;place-items:center;flex-shrink:0}.ring__svg{display:block}.ring__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.progress{width:100%;height:8px;border-radius:var(--r-pill);background:rgb(var(--overlay-rgb) / .06);overflow:hidden}.progress__fill{height:100%;border-radius:var(--r-pill);transition:width var(--t-slow) var(--ease)}.pill{display:inline-flex;align-items:center;gap:var(--sp-2);padding:7px 12px;border-radius:var(--r-chip);font-size:13px;font-weight:var(--fw-medium);white-space:nowrap}.pill--raised{background:var(--raised);border:1px solid var(--border)}.pill--tap{cursor:pointer;transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);-webkit-tap-highlight-color:transparent}.pill--tap:active{transform:scale(.96);border-color:var(--border-strong)}.pill__dot{width:7px;height:7px;border-radius:50%;box-shadow:0 0 6px currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:50px;padding:0 var(--sp-5);border-radius:14px;font-size:15px;font-weight:var(--fw-semibold);letter-spacing:.01em;transition:transform var(--t-fast) var(--ease),filter var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease);-webkit-tap-highlight-color:transparent}.btn--full{width:100%}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,var(--good-hi),var(--good-lo));color:var(--on-good);box-shadow:0 0 0 1px rgb(var(--good-rgb) / .4),0 8px 24px -8px rgb(var(--good-rgb) / .5)}.btn--primary:hover:not(:disabled){filter:brightness(1.05)}.btn--ghost{background:var(--raised);border:1px solid var(--border);color:var(--text)}.btn--ghost:hover:not(:disabled){border-color:var(--border-strong)}.btn--danger{background:var(--raised);border:1px solid rgb(var(--bad-rgb) / .4);color:var(--bad)}.btn--danger:hover:not(:disabled){border-color:var(--bad);background:rgb(var(--bad-rgb) / .08)}.btn--danger .btn__spinner{border-color:rgb(var(--bad-rgb) / .3);border-top-color:var(--bad)}.btn__spinner{width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,var(--on-good) 35%,transparent);border-top-color:var(--on-good);animation:spin .7s linear infinite}.btn--ghost .btn__spinner{border-color:rgb(var(--text-rgb) / .3);border-top-color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}.section-label{display:flex;align-items:center;gap:var(--sp-2)}.section-label__dot{width:7px;height:7px;border-radius:50%;box-shadow:0 0 6px currentColor}.icon-circle{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--good);color:var(--good);box-shadow:0 0 0 4px rgb(var(--good-rgb) / .08);flex-shrink:0;transition:background var(--t-fast) var(--ease)}.icon-circle:active{background:rgb(var(--good-rgb) / .12)}.toggle{position:relative;width:46px;height:28px;flex-shrink:0;border-radius:var(--r-pill);background:var(--raised);border:1px solid var(--border);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.toggle--on{background:linear-gradient(180deg,var(--good-hi),var(--good-lo));border-color:transparent}.toggle:disabled{opacity:.5}.toggle__thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(var(--shadow-rgb) / calc(.3 * var(--shadow-k)));transition:transform var(--t-fast) var(--ease)}.toggle--on .toggle__thumb{transform:translate(18px)}.toggle-list{display:flex;flex-direction:column;gap:var(--sp-3)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);background:var(--card);border:1px solid var(--border);border-radius:14px}.toggle-row__left{display:flex;align-items:center;gap:var(--sp-3);font-size:15px;font-weight:var(--fw-medium);color:var(--text)}.bottom-nav{position:fixed;bottom:var(--screen-bottom);left:0;right:0;display:flex;justify-content:center;padding-bottom:calc(var(--safe-bottom) + var(--nav-float-gap));z-index:50;pointer-events:none;transform:translateY(0);transition:transform var(--t-slow) var(--ease)}.bottom-nav--hidden{transform:translateY(140%)}.bottom-nav__bar{pointer-events:auto;width:calc(100% - var(--sp-4) * 2);max-width:calc(var(--app-max-width) - var(--sp-4) * 2);height:var(--nav-height);display:flex;align-items:center;justify-content:space-around;gap:clamp(2px,calc(6px - var(--nav-shrink) * .7px),6px);padding:0 var(--sp-2);border-radius:var(--r-pill);background:linear-gradient(180deg,var(--raised),var(--card));border:1px solid var(--border);box-shadow:0 10px 30px rgb(var(--shadow-rgb) / calc(.45 * var(--shadow-k)));transform:scale(1);transition:transform var(--t-base) var(--ease);--tab-count: 5;--nav-shrink: max(0, var(--tab-count) - 5)}.bottom-nav--condensed .bottom-nav__bar,.bottom-nav--hidden .bottom-nav__bar{transform:scale(.86)}.bottom-nav__tab{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,calc(5px - var(--nav-shrink) * .6px),5px);color:var(--text-faint);transition:color var(--t-base) var(--ease),transform var(--t-fast) var(--ease);-webkit-tap-highlight-color:transparent}.bottom-nav__tab:active{transform:scale(.92)}.bottom-nav__icon{display:grid;place-items:center;transition:filter var(--t-base) var(--ease),transform var(--t-base) var(--ease)}.bottom-nav__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(8px,calc(9.5px - var(--nav-shrink) * .5px),9.5px);font-weight:var(--fw-semibold);letter-spacing:clamp(.02em,calc(.1em - var(--nav-shrink) * .02em),.1em);text-transform:uppercase}.bottom-nav__tab--active{color:var(--good)}.bottom-nav__tab--active .bottom-nav__icon{filter:drop-shadow(0 0 7px var(--good-glow));transform:translateY(-1px)}.bottom-nav__tab--active .bottom-nav__label{color:var(--text)}.tab-pane{display:none}.tab-pane--active{display:contents}