:root{--color-primary:#0e6e52;--color-primary-strong:#0a5240;--color-primary-soft:#e6f4ef;--color-secondary:#1d3a8f;--color-bg:#f7f8fa;--color-surface:#fff;--color-surface-strong:#eef1f4;--color-text:#1f2937;--color-text-muted:#566070;--color-border:#e2e6ea;--color-on-primary:#fff;--color-success:#047857;--color-success-soft:#d9f0e6;--color-danger:#b3261e;--color-danger-soft:#fdecea;--color-warning:#b45309;--color-warning-soft:#fdf0dc;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 12px #10182814;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-title:1.75rem;--font-size-subtitle:1.25rem;--font-size-body:1rem;--font-size-caption:.85rem;--font-size-small:.78rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--focus-ring:0 0 0 3px #0e6e5240;--gradient-brand:linear-gradient(135deg, #0e6e52 0%, #1d3a8f 100%);--shadow-hero:0 18px 45px #0e6e5224}[data-theme=dark]{--color-primary:#5ec7a5;--color-primary-strong:#7fd6ba;--color-primary-soft:#123c30;--color-secondary:#8ea6e6;--color-bg:#14181f;--color-surface:#1d232c;--color-surface-strong:#2a323d;--color-text:#e7eaf0;--color-text-muted:#9aa4b2;--color-border:#333c48;--color-on-primary:#1d232c;--color-success:#4ade80;--color-success-soft:#123c2a;--color-danger:#f87171;--color-danger-soft:#3d1c1c;--color-warning:#fbbf24;--color-warning-soft:#3d2f12;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--focus-ring:0 0 0 3px #5ec7a559;--gradient-brand:linear-gradient(135deg, #123c30 0%, #1d2d5f 100%);--shadow-hero:0 18px 45px #00000047}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);background-image:radial-gradient(circle at 15% 0,#0e6e5214,#0000 34rem),radial-gradient(circle at 90% 12%,#1d3a8f12,#0000 30rem);min-height:100vh;line-height:1.5}button,input{font-family:inherit;font-size:inherit}h1{font-size:var(--font-size-title);font-weight:var(--font-weight-bold);line-height:1.2}h2{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-semibold);line-height:1.3}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.skip-link{left:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-semibold);transition:top .15s;position:absolute;top:-100px}.skip-link:focus{top:var(--space-4)}.app-shell{max-width:1120px;padding:var(--space-6) var(--space-4) var(--space-7);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.app-header{background:var(--gradient-brand);box-shadow:var(--shadow-hero);text-align:center;color:#fff;border:1px solid #0e6e5229;border-radius:24px;padding:clamp(1.5rem,4vw,2.75rem);position:relative;overflow:hidden}.app-header:after{content:"";background:#ffffff1f;border-radius:50%;width:18rem;height:18rem;position:absolute;top:-9rem;right:-7rem}.app-header h1,.app-header__subtitle,.header-actions{z-index:1;position:relative}.app-header h1{letter-spacing:-.04em;font-size:clamp(2rem,5vw,3.25rem)}.app-header__subtitle{color:#ffffffd1;margin:var(--space-2) auto 0;font-size:var(--font-size-body);max-width:38rem}.theme-toggle{margin-top:var(--space-3);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);color:#fff;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);cursor:pointer;background-color:#ffffff24;border-color:#ffffff4d;border-radius:999px;min-height:44px;transition:background-color .15s,color .15s,border-color .15s}.theme-toggle:hover{color:#fff;background-color:#ffffff38;border-color:#ffffffb3}.header-actions{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.header-actions .theme-toggle{margin-top:0}.lang-switch{gap:var(--space-1);padding:var(--space-1);background-color:#ffffff24;border-radius:999px;display:flex}.lang-switch__button{padding:var(--space-1) var(--space-3);min-height:44px;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:#ffffffc7;cursor:pointer;background:0 0;border:none;border-radius:999px;transition:background-color .15s,color .15s}.lang-switch__button:hover{color:#fff}.lang-switch__button[aria-pressed=true]{color:var(--color-primary-strong);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm);background-color:#fff}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card+.card{margin-top:var(--space-4)}.card__title{margin-bottom:var(--space-4)}.card__note{font-size:var(--font-size-caption);color:var(--color-text-muted);margin-top:var(--space-3)}.mode-switch{justify-content:center;gap:var(--space-2);width:fit-content;padding:var(--space-1);background-color:var(--color-surface-strong);border-radius:999px;margin:0 auto;display:flex}.mode-switch__button{padding:var(--space-2) var(--space-4);min-height:44px;font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;transition:background-color .15s,color .15s}.mode-switch__button:hover{color:var(--color-text)}.mode-switch__button[aria-pressed=true]{background-color:var(--color-surface);color:var(--color-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text)}.field__label--hint{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.field__input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);transition:border-color .15s}.field__input::placeholder{color:var(--color-text-muted)}.field__input[aria-invalid=true]{border-color:var(--color-danger)}.field__error{font-size:var(--font-size-small);color:var(--color-danger)}.field__unit{font-size:var(--font-size-small);color:var(--color-text-muted)}.form-actions{margin-top:var(--space-5);align-items:center;gap:var(--space-3);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;border:1px solid #0000;min-width:44px;min-height:44px;transition:background-color .15s,border-color .15s;display:inline-flex}.btn--primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover{background-color:var(--color-primary-strong)}.btn--secondary{background-color:var(--color-surface);color:var(--color-primary);border-color:var(--color-border)}.btn--secondary:hover{background-color:var(--color-surface-strong)}.btn:disabled{opacity:.6;cursor:not-allowed}.baseline{background-color:var(--color-primary-soft);border-left:4px solid var(--color-primary);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.baseline__amount{font-size:var(--font-size-title);font-weight:var(--font-weight-bold);color:var(--color-primary-strong)}.baseline__detail{font-size:var(--font-size-caption);color:var(--color-text-muted);margin-top:var(--space-1)}.ranking{border-collapse:collapse;width:100%;font-size:var(--font-size-body)}.ranking th,.ranking td{padding:var(--space-3);text-align:right;border-bottom:1px solid var(--color-border);white-space:nowrap}.ranking th{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.ranking th:first-child,.ranking td:first-child{text-align:left;white-space:normal}.ranking tr:last-child td{border-bottom:none}.ranking__name{font-weight:var(--font-weight-semibold)}.ranking__provider{font-size:var(--font-size-caption);color:var(--color-text-muted)}.ranking__savings--positive{color:var(--color-success);font-weight:var(--font-weight-semibold)}.ranking__savings--negative{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.ranking__missing{font-size:var(--font-size-caption);color:var(--color-text-muted)}.ranking__row--recommended{background-color:var(--color-primary-soft)}.ranking__row--recommended td:first-child{border-left:3px solid var(--color-primary)}.ranking__row{animation:.35s ease-out both ranking-enter}@keyframes ranking-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ranking__row{animation:none}}.recommendation{align-items:center;gap:var(--space-3);background-color:var(--color-primary-soft);border-left:4px solid var(--color-primary);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.recommendation__amount{font-weight:var(--font-weight-semibold);color:var(--color-primary-strong)}.status-box{border-radius:var(--radius-md);padding:var(--space-4);text-align:center;color:var(--color-text-muted);background-color:var(--color-surface);border:1px dashed var(--color-border)}.status-box--error{color:var(--color-danger);border-color:var(--color-danger);background-color:var(--color-danger-soft)}.chart__svg{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;height:auto;max-height:260px}.chart__label{fill:var(--color-text);font-family:var(--font-sans);font-weight:var(--font-weight-medium)}.chart__label--date{fill:var(--color-text-muted);font-weight:var(--font-weight-normal)}.chart-legend{gap:var(--space-3) var(--space-5);margin-top:var(--space-3);flex-wrap:wrap;list-style:none;display:flex}.chart-legend__item{align-items:center;gap:var(--space-2);font-size:var(--font-size-caption);color:var(--color-text-muted);display:inline-flex}.chart-legend__swatch{border-radius:3px;flex:none;width:12px;height:12px}.pill{padding:1px var(--space-2);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);border-radius:999px;display:inline-block}.pill--tag{background-color:var(--color-surface-strong);color:var(--color-text-muted)}.pill--recommended{background-color:var(--color-primary);color:var(--color-on-primary)}@media (width<=640px){.ranking th:nth-child(4),.ranking td:nth-child(4){display:none}}#main-content{gap:var(--space-5);display:grid}.card{transition:transform .18s,box-shadow .18s,border-color .18s}.card:hover{box-shadow:var(--shadow-md);border-color:#0e6e5247;transform:translateY(-2px)}.field__input{min-height:46px;box-shadow:inset 0 1px 2px #0f172a08}.field__input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.btn--primary{box-shadow:0 8px 18px #0e6e522e}.status-box,.baseline,.recommendation{box-shadow:var(--shadow-sm)}@media (width<=640px){.app-shell{padding:var(--space-4) var(--space-3) var(--space-6)}.app-header{border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4)}.header-actions,.form-actions{width:100%}.header-actions>*,.form-actions>.btn{flex:1}.card{padding:var(--space-4)}.form-grid{grid-template-columns:1fr}.mode-switch{width:100%}.mode-switch__button{flex:1}}