:root{color-scheme:light;--page: #f9f9f7;--surface: #fcfcfb;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--border: rgba(11, 11, 11, .1);--gridline: #e1e0d9;--accent: #2a78d6;--accent-ink: #ffffff;--success: #006300;--error: #d03b3b}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--page: #0d0d0d;--surface: #1a1a19;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--border: rgba(255, 255, 255, .1);--gridline: #2c2c2a;--accent: #3987e5;--accent-ink: #ffffff;--success: #0ca30c;--error: #e66767}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--page);color:var(--text-primary);line-height:1.5}.container{max-width:680px;margin:0 auto;padding:0 16px}.site-header{border-bottom:1px solid var(--border);background:var(--surface)}.site-header .container{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;padding-top:12px;padding-bottom:12px}.brand{font-weight:700;font-size:20px;text-decoration:none;color:var(--text-primary);margin-right:auto}.brand span{color:var(--accent)}.site-nav{display:flex;gap:4px}.site-nav a{text-decoration:none;color:var(--text-secondary);padding:6px 10px;border-radius:8px;font-size:15px}.site-nav a.active{color:var(--accent);font-weight:600}.site-nav a:hover{background:var(--page)}.lang-switch{display:flex;gap:2px;border:1px solid var(--border);border-radius:8px;padding:2px}.lang-switch button{border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;padding:4px 7px;border-radius:6px;cursor:pointer}.lang-switch button.active{background:var(--accent);color:var(--accent-ink)}main.container{padding-top:24px;padding-bottom:48px}h1{font-size:26px;margin:0 0 8px}.lead{color:var(--text-secondary);margin:0 0 24px;font-size:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.field{margin-bottom:16px}.field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.field .hint{font-size:13px;color:var(--text-muted);margin-top:4px}input[type=text],input[type=number],select{width:100%;font-size:16px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--page);color:var(--text-primary)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}.btn{display:inline-block;width:100%;padding:12px 20px;font-size:16px;font-weight:600;border:none;border-radius:8px;background:var(--accent);color:var(--accent-ink);cursor:pointer;text-align:center;text-decoration:none}.btn:disabled{opacity:.6;cursor:default}.btn-secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-error{color:var(--error);font-size:14px;margin-bottom:12px}.form-row{display:grid;grid-template-columns:1fr;gap:0 12px}@media(min-width:480px){.form-row{grid-template-columns:1fr 1fr}}.result-highlight{font-size:18px}.stat-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.stat-tile.hero{grid-column:1 / -1}.stat-tile .label{font-size:13px;color:var(--text-secondary)}.stat-tile .value{font-size:22px;font-weight:700}.stat-tile.hero .value{font-size:32px}.stat-tile .unit{font-size:14px;font-weight:400;color:var(--text-muted)}.slice-table{width:100%;border-collapse:collapse;font-size:15px}.slice-table th{text-align:left;font-size:13px;color:var(--text-muted);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--gridline)}.slice-table td{padding:8px;border-bottom:1px solid var(--gridline);font-variant-numeric:tabular-nums}.slice-table td.num,.slice-table th.num{text-align:right}.muted{color:var(--text-muted);font-size:14px}.chart-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px;box-shadow:0 4px 12px #00000014}.site-footer{border-top:1px solid var(--border);padding:16px 0 32px}.site-footer p{font-size:13px;color:var(--text-muted);margin:4px 0}.about h2{font-size:19px;margin:24px 0 8px}.about p,.about li{color:var(--text-secondary);font-size:15px}.position-picker{position:relative}.position-selected{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border, #d7dbe0);border-radius:8px;background:#f7f8fa}.link-btn{border:none;background:none;padding:0;color:var(--accent, #3b6fd4);cursor:pointer;font-size:14px;text-decoration:underline}.position-options{position:absolute;z-index:20;top:100%;left:0;right:0;margin:4px 0 0;padding:4px;list-style:none;max-height:280px;overflow-y:auto;background:#fff;border:1px solid var(--border, #d7dbe0);border-radius:8px;box-shadow:0 8px 24px #0000001a}.position-options li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer}.position-options li.active{background:#eef3fd}.position-options small{color:var(--muted, #6b7280);font-size:12px;white-space:nowrap}.position-empty{padding:10px;color:var(--muted, #6b7280);cursor:default}.position-other{margin-top:8px}.position-other small{display:block;margin-top:4px;color:var(--muted, #6b7280);font-size:13px}.fallback-note{margin:0 0 16px;padding:10px 12px;border-left:3px solid #e0a800;background:#fff8e6;border-radius:4px;font-size:14px}