:root{color-scheme:light dark;--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-muted: #f0f2f5;--color-border: #dfe3e8;--color-text: #14181f;--color-text-muted: #5b6472;--color-accent: #0b6bcb;--color-accent-hover: #0a5ba9;--color-accent-soft: #e7f0fb;--color-success: #1f7a4d;--color-warning: #9a6400;--color-warning-soft: #fff4dd;--color-danger: #b3261e;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--leading-tight: 1.25;--leading-normal: 1.5;--weight-regular: 400;--weight-medium: 500;--weight-bold: 600;--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 rgba(20, 24, 31, .06);--shadow-md: 0 4px 16px rgba(20, 24, 31, .08);--container-max: 1180px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #0f1216;--color-surface: #171b21;--color-surface-muted: #1e242b;--color-border: #2a313a;--color-text: #eef1f5;--color-text-muted: #9aa4b2;--color-accent: #4c9dfa;--color-accent-hover: #6db0fb;--color-accent-soft: #16283d;--color-success: #4ec98a;--color-warning: #e0a938;--color-warning-soft: #2e2513;--color-danger: #f1746c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45)}}:root[data-theme=dark]{--color-bg: #0f1216;--color-surface: #171b21;--color-surface-muted: #1e242b;--color-border: #2a313a;--color-text: #eef1f5;--color-text-muted: #9aa4b2;--color-accent: #4c9dfa;--color-accent-hover: #6db0fb;--color-accent-soft: #16283d;--color-success: #4ec98a;--color-warning: #e0a938;--color-warning-soft: #2e2513;--color-danger: #f1746c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:var(--leading-tight);font-weight:var(--weight-bold)}.app{min-height:100vh;display:flex;flex-direction:column}.app__header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.app__header-inner,.app__main,.app__footer-inner{width:100%;max-width:var(--container-max);margin:0 auto;padding-inline:var(--space-4)}.app__header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4)}.app__brand{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.app__brand strong{font-size:var(--text-lg)}.app__main{flex:1;padding-block:var(--space-5) var(--space-7);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:var(--space-5);align-items:start}@media(max-width:900px){.app__main{grid-template-columns:minmax(0,1fr)}}.app__footer{border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm)}.app__footer-inner{padding-block:var(--space-4)}.card{background: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{font-size:var(--text-lg);margin-bottom:var(--space-1)}.card__subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.input,.select{width:100%;padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}.input:focus-visible,.select:focus-visible,.button:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding-top:var(--space-5)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.button:hover{border-color:var(--color-accent)}.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.button--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.button--ghost{border-color:transparent;background:transparent;color:var(--color-text-muted)}.button--danger:hover{border-color:var(--color-danger);color:var(--color-danger)}.result__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1.1}.result__unit{font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--color-text-muted);margin-left:var(--space-1)}.metrics{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:var(--space-4)}.metric{background:var(--color-surface-muted);border-radius:var(--radius-md);padding:var(--space-3)}.metric__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.metric__value{font-size:var(--text-lg);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin-top:var(--space-3)}.table th,.table td{text-align:left;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.table td:last-child,.table th:last-child{text-align:right;font-variant-numeric:tabular-nums}.table tfoot td{font-weight:var(--weight-bold);border-bottom:none}.badge{display:inline-block;padding:2px var(--space-2);border-radius:999px;font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--color-accent-soft);color:var(--color-accent)}.alert{background:var(--color-warning-soft);border:1px solid var(--color-warning);color:var(--color-warning);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);margin-top:var(--space-4)}.alert ul{margin:0;padding-left:var(--space-4)}.room-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.room-tab{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer}.room-tab[aria-selected=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent);font-weight:var(--weight-medium)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.muted{color:var(--color-text-muted);font-size:var(--text-sm)}