main[data-page=glass-weight-calculator]{--app-bg: radial-gradient(circle at top, #e8f0f4 0%, #f0f4f8 45%, #e4ecf0 100%);--app-text: #1a252e;--app-muted: #4a5c68;--app-accent: #2a6a8a;--app-card-bg: #ffffff;--app-card-border: rgba(26, 37, 46, .12);--app-header-bg: #d0e4f0;--app-row-alt: #f4f8fa;--app-total-bg: #c8e8c8;--app-input-bg: #ffffff;--app-input-border: rgba(26, 37, 46, .2)}:root[data-theme=dark] main[data-page=glass-weight-calculator]{--app-bg: radial-gradient(circle at top, #0a1014 0%, #101820 45%, #0c1418 100%);--app-text: #e4ecf0;--app-muted: #9aacb8;--app-accent: #6ac0e8;--app-card-bg: #141c22;--app-card-border: rgba(228, 236, 240, .15);--app-header-bg: #1a2830;--app-row-alt: #182028;--app-total-bg: #1c3024;--app-input-bg: #1a2228;--app-input-border: rgba(228, 236, 240, .2)}.calc-page.svelte-15kg6uv{width:min(900px,100%);display:flex;flex-direction:column;gap:1.5rem;font-family:Space Grotesk,system-ui,sans-serif;color:var(--app-text)}.breadcrumb.svelte-15kg6uv{text-decoration:none;color:var(--app-muted);font-weight:600;font-size:.9rem}.breadcrumb.svelte-15kg6uv:hover{color:var(--app-text)}.page-hero.svelte-15kg6uv{display:grid;gap:.5rem}h1.svelte-15kg6uv{font-size:clamp(1.5rem,3vw,2rem);margin:0;font-weight:700}.subhead.svelte-15kg6uv{margin:0;font-size:1rem;color:var(--app-muted)}.unit-toggle.svelte-15kg6uv{display:none}.tables-wrap.svelte-15kg6uv{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.table-panel.svelte-15kg6uv{background:var(--app-card-bg);border:2px solid var(--app-card-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.panel-header.svelte-15kg6uv{background:var(--app-header-bg);padding:1rem 1.25rem;text-align:center}.panel-header.svelte-15kg6uv h2:where(.svelte-15kg6uv){margin:0 0 .25rem;font-size:1.35rem;font-weight:700}.density.svelte-15kg6uv{margin:0;font-size:.85rem;font-style:italic;color:var(--app-muted)}.dimensions.svelte-15kg6uv{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem 1.25rem;background:var(--app-header-bg)}.dimensions.svelte-15kg6uv label:where(.svelte-15kg6uv){display:flex;flex-direction:column;gap:.25rem}.dimensions.svelte-15kg6uv span:where(.svelte-15kg6uv){font-size:.8rem;font-weight:600;color:var(--app-muted)}.dimensions.svelte-15kg6uv input:where(.svelte-15kg6uv){width:100%;padding:.5rem .75rem;border:1px solid var(--app-input-border);border-radius:6px;background:var(--app-input-bg);color:var(--app-text);font-size:1rem;font-family:inherit}.dimensions.svelte-15kg6uv input:where(.svelte-15kg6uv):focus{outline:2px solid var(--app-accent);outline-offset:1px}table.svelte-15kg6uv{width:100%;border-collapse:collapse;flex:1}thead.svelte-15kg6uv{background:var(--app-header-bg)}th.svelte-15kg6uv{padding:.6rem .5rem;font-size:.8rem;font-weight:600;text-align:center;border-bottom:1px solid var(--app-card-border)}tbody.svelte-15kg6uv tr:where(.svelte-15kg6uv):nth-child(2n){background:var(--app-row-alt)}td.svelte-15kg6uv{padding:.5rem;text-align:center;vertical-align:middle}.lite-num.svelte-15kg6uv{font-weight:600;width:50px}select.svelte-15kg6uv{width:100%;padding:.4rem .5rem;border:1px solid var(--app-input-border);border-radius:6px;background:var(--app-input-bg);color:var(--app-text);font-size:.95rem;font-family:inherit;cursor:pointer}select.svelte-15kg6uv:focus{outline:2px solid var(--app-accent);outline-offset:1px}.weight-cell.svelte-15kg6uv{font-weight:500;background:#c8e8c84d;min-width:70px}:root[data-theme=dark] .weight-cell.svelte-15kg6uv{background:#1c302480}tfoot.svelte-15kg6uv{background:var(--app-total-bg)}tfoot.svelte-15kg6uv tr:where(.svelte-15kg6uv){border-top:2px solid var(--app-card-border)}.total-label.svelte-15kg6uv{text-align:right;font-weight:600;font-style:italic;padding-right:1rem}.total-value.svelte-15kg6uv{font-weight:700;font-size:1.1rem}.clear-btn.svelte-15kg6uv{margin:1rem auto;padding:.5rem 1.5rem;border:1px solid var(--app-card-border);border-radius:6px;background:var(--app-card-bg);color:var(--app-text);font-family:inherit;font-size:.9rem;cursor:pointer;transition:background .15s}.clear-btn.svelte-15kg6uv:hover{background:var(--app-row-alt)}.clear-btn.svelte-15kg6uv:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}@media (max-width: 720px){.unit-toggle.svelte-15kg6uv{display:flex;gap:0;background:var(--app-card-bg);border:2px solid var(--app-card-border);border-radius:10px;overflow:hidden}.unit-toggle.svelte-15kg6uv button:where(.svelte-15kg6uv){flex:1;padding:.75rem 1rem;border:none;background:transparent;color:var(--app-muted);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.unit-toggle.svelte-15kg6uv button.active:where(.svelte-15kg6uv){background:var(--app-accent);color:#fff}.unit-toggle.svelte-15kg6uv button:where(.svelte-15kg6uv):focus-visible{outline:2px solid var(--app-accent);outline-offset:-2px}.tables-wrap.svelte-15kg6uv{grid-template-columns:1fr}.hidden-mobile.svelte-15kg6uv{display:none}}