:root,[data-theme=light]{--opora-bg-canvas:#dbebf8;--opora-bg-canvas-alt:#bdd9f0;--opora-bg-surface:#fff;--opora-bg-glass:#ffffffbf;--opora-bg-glass-strong:#fff;--opora-bg-nav:#ffffffbf;--opora-bg-accent:#134278;--opora-bg-accent-soft:#bdd9f0;--opora-bg-inverse:#0b1e3b;--opora-bg-danger:#bf3e2b;--opora-bg-danger-soft:#ffe6e1;--opora-bg-warning:#f2c94c;--opora-bg-success:#3cc79a;--opora-text-primary:#091831;--opora-text-secondary:#3d5a7a;--opora-text-tertiary:#4a6c90;--opora-text-accent:#134278;--opora-text-on-accent:#fff;--opora-text-on-inverse:#fff;--opora-text-danger:#bf3e2b;--opora-text-on-warning:#050d1a;--opora-border-glass:#fff9;--opora-border-default:#bdd9f0;--opora-border-strong:#134278;--opora-border-danger:#bf3e2b;--opora-icon-primary:#091831;--opora-icon-secondary:#6884a4;--opora-icon-accent:#134278;--opora-icon-on-accent:#fff;--opora-icon-danger:#bf3e2b;--opora-bg-knob:#fff;--opora-space-2:2px;--opora-space-4:4px;--opora-space-8:8px;--opora-space-12:12px;--opora-space-16:16px;--opora-space-20:20px;--opora-space-24:24px;--opora-space-32:32px;--opora-space-40:40px;--opora-space-48:48px;--opora-radius-xs:8px;--opora-radius-sm:12px;--opora-radius-md:16px;--opora-radius-lg:20px;--opora-radius-xl:28px;--opora-radius-full:999px;--opora-size-touch:44px;--opora-stroke-hairline:1px;--opora-font:"Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--opora-shadow-glass-card:0 8px 32px -4px #0b1e3b2e;--opora-shadow-glass-nav:0 12px 40px -6px #0b1e3b47;--opora-shadow-floating:0 12px 32px -6px #0b1e3b4d;--opora-glow-accent:0 0 16px 0 #61a8df8c;--opora-blur-card:32px;--opora-blur-nav:40px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--opora-bg-canvas:#050d1a;--opora-bg-canvas-alt:#0b1e3b;--opora-bg-surface:#0b2c54;--opora-bg-glass:#ffffff14;--opora-bg-glass-strong:#ffffff24;--opora-bg-nav:#0b1e3b;--opora-bg-accent:#61a8df;--opora-bg-accent-soft:#0b2c54;--opora-bg-inverse:#fff;--opora-bg-danger:#ff7a66;--opora-bg-danger-soft:#3a1c22;--opora-bg-warning:#f2c94c;--opora-bg-success:#3cc79a;--opora-text-primary:#fff;--opora-text-secondary:#b0c6e1;--opora-text-tertiary:#90afc8;--opora-text-accent:#61a8df;--opora-text-on-accent:#050d1a;--opora-text-on-inverse:#050d1a;--opora-text-danger:#ff7a66;--opora-text-on-warning:#050d1a;--opora-border-glass:#ffffff24;--opora-border-default:#ffffff24;--opora-border-strong:#fff9;--opora-border-danger:#ff7a66;--opora-icon-primary:#fff;--opora-icon-secondary:#90afc8;--opora-icon-accent:#61a8df;--opora-icon-on-accent:#050d1a;--opora-icon-danger:#ff7a66;--opora-bg-knob:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.t-display-number-l{font-family:var(--opora-font);letter-spacing:-1.5px;font-size:56px;font-weight:300;line-height:60px}.t-display-number-m{font-family:var(--opora-font);letter-spacing:-.8px;font-size:36px;font-weight:400;line-height:40px}.t-heading-h1{font-family:var(--opora-font);letter-spacing:-.4px;font-size:28px;font-weight:600;line-height:34px}.t-heading-h2{font-family:var(--opora-font);letter-spacing:-.2px;font-size:22px;font-weight:600;line-height:28px}.t-heading-h3{font-family:var(--opora-font);letter-spacing:0;font-size:18px;font-weight:600;line-height:24px}.t-body-l{font-family:var(--opora-font);letter-spacing:0;font-size:16px;font-weight:400;line-height:24px}.t-body-m{font-family:var(--opora-font);letter-spacing:0;font-size:15px;font-weight:400;line-height:22px}.t-body-s{font-family:var(--opora-font);letter-spacing:0;font-size:13px;font-weight:400;line-height:18px}.t-label-l{font-family:var(--opora-font);letter-spacing:0;font-size:15px;font-weight:500;line-height:20px}.t-label-m{font-family:var(--opora-font);letter-spacing:.1px;font-size:13px;font-weight:500;line-height:16px}.t-caption{font-family:var(--opora-font);letter-spacing:.2px;font-size:11px;font-weight:400;line-height:14px}.glass{background:var(--opora-bg-glass);border:1px solid var(--opora-border-glass);-webkit-backdrop-filter:blur(var(--opora-blur-card));box-shadow:var(--opora-shadow-glass-card)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--opora-bg-surface)}}@font-face{font-family:Onest;src:url(/fonts/Onest-wght.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--opora-font);color:var(--opora-text-primary);background:var(--opora-bg-canvas);background-image:linear-gradient(180deg, var(--opora-bg-canvas-alt) 0%, var(--opora-bg-canvas) 45%);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums;background-attachment:fixed}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.muted{color:var(--opora-text-secondary)}.tertiary{color:var(--opora-text-tertiary)}.app{max-width:480px;min-height:100vh;padding:var(--opora-space-16) var(--opora-space-16) var(--opora-space-24);padding-top:max(var(--opora-space-16), env(safe-area-inset-top));gap:var(--opora-space-16);flex-direction:column;margin:0 auto;display:flex}.stack{gap:var(--opora-space-12);flex-direction:column;display:flex}.grid2{gap:var(--opora-space-12);grid-template-columns:1fr 1fr;display:grid}.section-title{margin-top:var(--opora-space-8)}.header{align-items:center;gap:var(--opora-space-12);min-height:var(--opora-size-touch);display:flex}.header-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.icon-btn{width:var(--opora-size-touch);height:var(--opora-size-touch);border-radius:var(--opora-radius-full);color:var(--opora-icon-primary);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.sos{min-height:var(--opora-size-touch);min-width:var(--opora-size-touch);padding:0 var(--opora-space-16);align-items:center;gap:var(--opora-space-8);border-radius:var(--opora-radius-full);background:var(--opora-bg-danger-soft);border:var(--opora-stroke-hairline) solid var(--opora-border-danger);color:var(--opora-text-danger);cursor:pointer;flex:none;display:inline-flex}.card{border-radius:var(--opora-radius-lg);padding:var(--opora-space-20)}.card-tight{padding:var(--opora-space-8) var(--opora-space-16)}.btn{border-radius:var(--opora-radius-full);border:var(--opora-stroke-hairline) solid transparent;cursor:pointer;padding:0 var(--opora-space-20);justify-content:center;align-items:center;gap:var(--opora-space-8);font-weight:500;display:inline-flex}.btn-m{min-height:var(--opora-size-touch);font-size:13px}.btn-l{min-height:52px;font-size:15px}.btn-wide{width:100%}.btn-primary{background:var(--opora-bg-accent);color:var(--opora-text-on-accent)}.btn-glass{background:var(--opora-bg-glass-strong);border-color:var(--opora-border-glass);color:var(--opora-text-primary)}.btn-outline{border-color:var(--opora-border-strong);color:var(--opora-text-accent);background:0 0}.btn-danger{background:var(--opora-bg-danger);color:var(--opora-text-on-accent)}.btn-inverse{background:var(--opora-bg-inverse);color:var(--opora-text-on-inverse)}.btn:disabled{opacity:.5;cursor:default}.btn-link{cursor:pointer;padding:0 var(--opora-space-8);min-height:var(--opora-size-touch);color:var(--opora-text-secondary);background:0 0;border:none}.tag{padding:var(--opora-space-4) var(--opora-space-12);border-radius:var(--opora-radius-full);align-items:center;font-size:11px;font-weight:500;line-height:14px;display:inline-flex}.tag-glass{background:var(--opora-bg-glass-strong);color:var(--opora-text-primary);border:var(--opora-stroke-hairline) solid var(--opora-border-glass)}.tag-accent{background:var(--opora-bg-accent-soft);color:var(--opora-text-accent)}.tag-selected{background:var(--opora-bg-accent);color:var(--opora-text-on-accent)}.tag-danger{background:var(--opora-bg-danger-soft);color:var(--opora-text-danger)}.toggle{width:52px;height:var(--opora-size-touch);cursor:pointer;background:0 0;border:none;flex:none;padding:0;position:relative}.toggle:before{content:"";border-radius:var(--opora-radius-full);background:var(--opora-bg-accent-soft);border:var(--opora-stroke-hairline) solid var(--opora-border-default);position:absolute;top:6px;bottom:6px;left:0;right:0}.toggle-on:before{background:var(--opora-bg-accent);border-color:var(--opora-bg-accent)}.toggle-knob{border-radius:var(--opora-radius-full);background:var(--opora-bg-knob);width:24px;height:24px;box-shadow:var(--opora-shadow-floating);transition:transform .16s;position:absolute;top:10px;left:4px}.toggle-on .toggle-knob{transform:translate(20px)}.ring{flex:none;display:inline-flex;position:relative}.ring-track{stroke:var(--opora-bg-accent-soft)}.ring-value{stroke:var(--opora-bg-accent)}.ring-label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.ring-caption{color:var(--opora-text-secondary)}.bar{width:100%}.bar-svg{width:100%;height:8px;display:block}.bar-track{fill:var(--opora-bg-accent-soft)}.bar-value{fill:var(--opora-bg-accent)}.stat{gap:var(--opora-space-8);padding:var(--opora-space-16);flex-direction:column;display:flex}.stat-title,.stat-caption{color:var(--opora-text-secondary)}.card.list{padding:var(--opora-space-4) 0}.figure{margin:0}.row{align-items:center;gap:var(--opora-space-12);width:100%;min-height:56px;padding:var(--opora-space-12) var(--opora-space-16);text-align:left;background:0 0;border:none;display:flex}.row+.row{border-top:var(--opora-stroke-hairline) solid var(--opora-border-default)}.row-button{cursor:pointer}.row-text{gap:var(--opora-space-2);flex-direction:column;flex:1;min-width:0;display:flex}.row-title{overflow-wrap:anywhere}.row-subtitle,.row-value{color:var(--opora-text-secondary)}.row-value{text-align:right}.row-chevron{color:var(--opora-icon-secondary);display:inline-flex}.segmented{padding:var(--opora-space-4);border-radius:var(--opora-radius-full);gap:var(--opora-space-2);display:flex}.seg{min-width:0;min-height:var(--opora-size-touch);cursor:pointer;border-radius:var(--opora-radius-full);justify-content:center;align-items:center;gap:var(--opora-space-4);color:var(--opora-text-secondary);padding:0 var(--opora-space-4);background:0 0;border:none;flex:1;display:flex}.seg-on{background:var(--opora-bg-accent);color:var(--opora-text-on-accent)}.seg-count{opacity:.8}.field{gap:var(--opora-space-8);flex-direction:column;display:flex}.field-label{color:var(--opora-text-secondary)}.input{min-height:var(--opora-size-touch);border-radius:var(--opora-radius-sm);border:var(--opora-stroke-hairline) solid var(--opora-border-default);background:var(--opora-bg-surface);color:var(--opora-text-primary);padding:0 var(--opora-space-12);font-family:var(--opora-font)}.input:focus{border-color:var(--opora-border-strong);outline:none}.input-error{border-color:var(--opora-border-danger)}.field-error{color:var(--opora-text-danger)}.chips{gap:var(--opora-space-8);flex-wrap:wrap;display:flex}.chip{min-height:var(--opora-size-touch);min-width:var(--opora-size-touch);padding:0 var(--opora-space-16);border-radius:var(--opora-radius-full);border:var(--opora-stroke-hairline) solid var(--opora-border-glass);background:var(--opora-bg-glass-strong);cursor:pointer}.chip-on{background:var(--opora-bg-accent);color:var(--opora-text-on-accent);border-color:var(--opora-bg-accent)}.tabbar-spacer{flex:none;height:88px}.tabbar{z-index:10;left:var(--opora-space-16);right:var(--opora-space-16);bottom:max(var(--opora-space-12), env(safe-area-inset-bottom));gap:var(--opora-space-4);max-width:448px;padding:var(--opora-space-8);border-radius:var(--opora-radius-xl);background:var(--opora-bg-nav);box-shadow:var(--opora-shadow-glass-nav);-webkit-backdrop-filter:blur(var(--opora-blur-nav));margin:0 auto;display:flex;position:fixed}.tab{cursor:pointer;border-radius:var(--opora-radius-lg);justify-content:center;align-items:center;gap:var(--opora-space-2);min-height:56px;color:var(--opora-text-secondary);background:0 0;border:none;flex-direction:column;flex:1;display:flex}.tab-on{background:var(--opora-bg-accent-soft);color:var(--opora-text-accent)}.sheet-layer{z-index:20;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet-scrim{background:var(--opora-bg-inverse);opacity:.45;border:none;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.sheet{background:var(--opora-bg-surface);border-radius:var(--opora-radius-xl) var(--opora-radius-xl) 0 0;width:100%;max-width:480px;padding:var(--opora-space-12) var(--opora-space-20) max(var(--opora-space-24), env(safe-area-inset-bottom));gap:var(--opora-space-12);box-shadow:var(--opora-shadow-floating);outline:none;flex-direction:column;max-height:90vh;display:flex;position:relative;overflow-y:auto}.sheet-grip{border-radius:var(--opora-radius-full);background:var(--opora-border-default);align-self:center;width:40px;height:4px}.hero{gap:var(--opora-space-16);flex-direction:column;display:flex}.hero-top{align-items:center;gap:var(--opora-space-16);display:flex}.hero-text{gap:var(--opora-space-8);flex-direction:column;min-width:0;display:flex}.chart{width:100%;height:120px;display:block;overflow:visible}.chart-line{stroke:var(--opora-bg-accent);fill:none;stroke-width:2.5px}.chart-dot{fill:var(--opora-bg-accent)}.chart-labels{justify-content:space-between;gap:var(--opora-space-8);color:var(--opora-text-secondary);display:flex}.chart-label{flex-direction:column;align-items:center;display:flex}.chart-label:first-child{align-items:flex-start}.chart-label:last-child{align-items:flex-end}.kv{justify-content:space-between;gap:var(--opora-space-12);display:flex}.kv>:first-child{color:var(--opora-text-secondary)}.kv>:last-child{text-align:right}.center{justify-content:center;gap:var(--opora-space-16);text-align:center;padding:var(--opora-space-24) 0;flex-direction:column;flex:1;display:flex}.center-icon{color:var(--opora-icon-accent);align-self:center}.big-number{color:var(--opora-text-danger)}.empty{gap:var(--opora-space-8);flex-direction:column;display:flex}.notice{color:var(--opora-text-accent)}.error-text{color:var(--opora-text-danger)}.skeleton{gap:var(--opora-space-12);flex-direction:column;display:flex}.skeleton-block{gap:var(--opora-space-12);flex-direction:column;min-height:96px;display:flex}.skeleton-tall{min-height:180px}.skeleton-line{border-radius:var(--opora-radius-full);background:var(--opora-bg-accent-soft);width:70%;height:14px;animation:1.4s ease-in-out infinite opora-pulse;display:block}.skeleton-short{width:40%}@keyframes opora-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.skeleton-line{animation:none}.toggle-knob{transition:none}}.demo-banner{z-index:15;padding:var(--opora-space-8) var(--opora-space-16);padding-top:max(var(--opora-space-8), env(safe-area-inset-top));background:var(--opora-bg-warning);color:var(--opora-text-on-warning);text-align:center;position:sticky;top:0}