:root{color-scheme:light dark;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Sora", var(--font-sans);--shape-xs: 4px;--shape-s: 8px;--shape-m: 12px;--shape-l: 16px;--shape-xl: 28px;--shape-full: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--dur-fast: .12s;--dur-std: .24s}:root[data-theme=light]{--primary: #2563eb;--on-primary: #ffffff;--primary-container: #dbe6ff;--on-primary-container: #0a2a6b;--accent: #b4690e;--accent-container: #ffe3bf;--on-accent-container: #5a3300;--surface: #fdfcff;--surface-container-lowest: #ffffff;--surface-container-low: #f5f6fb;--surface-container: #eef0f7;--surface-container-high: #e7e9f3;--surface-container-highest: #e0e3ef;--on-surface: #1a1c1e;--on-surface-variant: #46474a;--outline: #c4c7cf;--outline-variant: #dfe1e9;--error: #ba1a1a;--hero-from: #2f6bff;--hero-to: #1d4ed8;--on-hero: #ffffff;--on-hero-variant: #d4e0ff;--shadow-1: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--shadow-2: 0 4px 8px rgba(16, 24, 40, .08), 0 2px 4px rgba(16, 24, 40, .06);--shadow-hero: 0 12px 28px rgba(29, 78, 216, .28)}:root[data-theme=dark]{--primary: #adc6ff;--on-primary: #002e6b;--primary-container: #1f3a78;--on-primary-container: #d9e2ff;--accent: #ffb968;--accent-container: #5e3c00;--on-accent-container: #ffddb3;--surface: #15171a;--surface-container-lowest: #0f1113;--surface-container-low: #1a1c20;--surface-container: #1e2024;--surface-container-high: #282a2f;--surface-container-highest: #33353a;--on-surface: #e3e2e6;--on-surface-variant: #c4c6cd;--outline: #8d909a;--outline-variant: #43464d;--error: #ffb4ab;--hero-from: #29427e;--hero-to: #1c2e5c;--on-hero: #eef2ff;--on-hero-variant: #b9c6ee;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 4px 10px rgba(0, 0, 0, .45);--shadow-hero: 0 14px 30px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface);color:var(--on-surface);font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--outline-variant)}.topbar__brand{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.topbar__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--shape-m);background:var(--primary-container);color:var(--on-primary-container)}.topbar__name{font-weight:600;font-size:1rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-toggle{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--outline-variant);border-radius:var(--shape-full);background:var(--surface-container);color:var(--on-surface-variant);cursor:pointer;position:relative;transition:background var(--dur-fast) var(--ease-emphasized),color var(--dur-fast) var(--ease-emphasized),border-color var(--dur-fast) var(--ease-emphasized)}.theme-toggle:hover{background:var(--surface-container-high);color:var(--on-surface)}.theme-toggle__icon{grid-area:1 / 1;display:grid;place-items:center;transition:opacity var(--dur-std) var(--ease-emphasized),transform var(--dur-std) var(--ease-emphasized)}:root[data-theme=light] .theme-toggle__icon--moon,:root[data-theme=dark] .theme-toggle__icon--sun{opacity:1;transform:rotate(0) scale(1)}:root[data-theme=light] .theme-toggle__icon--sun,:root[data-theme=dark] .theme-toggle__icon--moon{opacity:0;transform:rotate(-90deg) scale(.6)}.page{flex:1;width:100%;max-width:980px;margin:0 auto;padding:var(--sp-8) var(--sp-4) var(--sp-12)}.hero{margin-bottom:var(--sp-8);max-width:60ch}.hero__title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.7rem,4.5vw,2.5rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 var(--sp-3)}.hero__intro{color:var(--on-surface-variant);font-size:1rem;margin:0}.grid{display:grid;gap:var(--sp-4)}@media (min-width: 860px){.grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--sp-6);align-items:start}}.card{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--shape-l);padding:var(--sp-6);box-shadow:var(--shadow-1)}.card__head{margin-bottom:var(--sp-4)}.card__eyebrow{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:var(--sp-1)}.card__title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin:0}.fields{display:grid;gap:var(--sp-4)}@media (min-width: 540px){.fields{grid-template-columns:1fr 1fr}}.field{min-width:0}.field__head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.field__label{font-weight:500;font-size:.9rem;color:var(--on-surface-variant)}.field__control{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);background:var(--surface-container);border:1px solid var(--outline);border-radius:var(--shape-m);transition:border-color var(--dur-fast) var(--ease-emphasized),box-shadow var(--dur-fast) var(--ease-emphasized)}.field__control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 28%,transparent)}.field__prefix,.field__suffix{flex:none;font-size:.92rem;font-weight:500;color:var(--on-surface-variant)}.field input{width:100%;min-width:0;padding:var(--sp-3) 0;font-family:inherit;font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums;border:none;background:transparent;color:var(--on-surface)}.field input:focus{outline:none}.field input::-webkit-outer-spin-button,.field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.info-btn{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--shape-full);border:none;background:transparent;color:var(--on-surface-variant);cursor:pointer;transition:background var(--dur-fast) var(--ease-emphasized),color var(--dur-fast) var(--ease-emphasized)}.info-btn:hover{background:color-mix(in srgb,var(--on-surface) 8%,transparent);color:var(--primary)}.info-btn[aria-expanded=true]{background:var(--primary-container);color:var(--on-primary-container)}.info-btn--on-accent{color:var(--on-hero-variant)}.info-btn--on-accent:hover{background:color-mix(in srgb,#ffffff 16%,transparent);color:var(--on-hero)}.info-btn--on-accent[aria-expanded=true]{background:color-mix(in srgb,#ffffff 20%,transparent);color:var(--on-hero)}.field__def,.result__def,.note__def{margin:var(--sp-2) 0 0;padding:var(--sp-3);background:var(--surface-container-high);border-radius:var(--shape-s);border-left:3px solid var(--primary);font-size:.88rem;color:var(--on-surface-variant)}.field__def[hidden],.result__def[hidden],.note__def[hidden]{display:none}.card--result{background:var(--surface-container-low)}.hero-result{border-radius:var(--shape-l);padding:var(--sp-6);background:linear-gradient(135deg,var(--hero-from),var(--hero-to));color:var(--on-hero);box-shadow:var(--shadow-hero);margin-bottom:var(--sp-4)}.hero-result__head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1)}.hero-result__label{font-size:.9rem;font-weight:500;color:var(--on-hero-variant)}.hero-result__value,.result__value--big{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,8vw,3.2rem);line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.hero-result__cadence{display:block;margin-top:var(--sp-1);font-size:.88rem;color:var(--on-hero-variant)}.hero-result__def{background:color-mix(in srgb,#000000 22%,transparent);border-left-color:color-mix(in srgb,#ffffff 70%,transparent);color:var(--on-hero)}.breakdown{margin-bottom:var(--sp-4)}.breakdown__bar{display:flex;height:12px;border-radius:var(--shape-full);overflow:hidden;background:var(--surface-container-high)}.breakdown__seg{height:100%;transition:width var(--dur-std) var(--ease-emphasized)}.breakdown__seg--principal{background:var(--primary)}.breakdown__seg--juros{background:var(--accent)}.breakdown__legend{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-top:var(--sp-2)}.breakdown__key{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:.82rem;color:var(--on-surface-variant)}.breakdown__key:before{content:"";width:10px;height:10px;border-radius:var(--shape-full)}.breakdown__key--principal:before{background:var(--primary)}.breakdown__key--juros:before{background:var(--accent)}.results{margin:0;display:grid;gap:var(--sp-1)}.result{padding:var(--sp-3) 0;border-top:1px solid var(--outline-variant)}.result:first-child{border-top:none;padding-top:0}.result__head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:2px}.result__label{margin:0;font-size:.9rem;color:var(--on-surface-variant)}.result__value{margin:0;font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.note{margin-top:var(--sp-4);padding:var(--sp-4);border-radius:var(--shape-m);background:var(--accent-container);color:var(--on-accent-container)}.note__head{display:flex;align-items:center;gap:var(--sp-2)}.note__label{font-weight:600;font-size:.92rem}.note .info-btn{color:var(--on-accent-container)}.note .info-btn:hover{background:color-mix(in srgb,var(--on-accent-container) 12%,transparent)}.note__def{background:color-mix(in srgb,var(--on-accent-container) 8%,transparent);border-left-color:var(--accent);color:var(--on-accent-container)}.page-footer{padding:var(--sp-6) var(--sp-4) var(--sp-8);text-align:center;color:var(--on-surface-variant);font-size:.84rem}.page-footer p{margin:0 auto;max-width:52ch}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}