@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{color-scheme:dark;--ink:#f5f3ee;--muted:#b7b2a8;--surface:#12110e;--surface-strong:#191714;--accent:#49d2a4;--accent-bright:#ff8a4d;--line:#2e2a24;--shadow:0 24px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:#0d0c0a}.page,body{min-height:100vh}.page{padding:48px 6vw 64px}.page,main{position:relative}main{z-index:1;max-width:1200px;margin:0 auto;flex-direction:column;gap:32px;animation:float-in .7s ease both}.hero,main{display:flex}.hero{align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;color:var(--muted);margin:0 0 12px}h1{font-family:Fraunces,Times New Roman,serif;font-size:clamp(2.4rem,2.2vw + 1.6rem,3.6rem);line-height:1.05;margin:0 0 16px}.subhead{margin:0;font-size:1.1rem;color:var(--muted);max-width:560px}.hero-card{background:var(--surface-strong);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:22px 26px;min-width:220px;box-shadow:var(--shadow);display:grid;grid-gap:10px;gap:10px;animation:float-in .7s ease .15s both}.hero-label{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--muted)}.hero-value{font-size:1.6rem;font-weight:600;color:var(--accent)}.hero-meta{font-size:.95rem;color:var(--muted)}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:rgba(25,23,20,.9);color:var(--ink);padding:10px 18px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border .2s ease;box-shadow:0 10px 20px rgba(31,30,28,.08)}button:hover{transform:translateY(-2px);border-color:hsla(0,0%,100%,.18);box-shadow:0 14px 28px rgba(0,0,0,.35)}button.primary{background:var(--accent);color:#0b1612;border-color:transparent}button.ghost{background:transparent;border-style:dashed}.content{background:rgba(18,17,14,.8);border:1px solid hsla(0,0%,100%,.08);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.table-shell{overflow:auto;border-radius:18px;border:1px solid var(--line);background:var(--surface-strong);max-height:65vh}table{width:100%;border-collapse:collapse;min-width:720px}td,th{border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:none}.cell-input{width:100%;border:none;background:transparent;padding:12px 14px;font-family:inherit;font-size:.95rem;color:var(--ink)}.cell-input.read-only{color:var(--muted);background:rgba(30,28,24,.6);cursor:default}.cell-input:focus{outline:2px solid rgba(73,210,164,.45);outline-offset:-2px;border-radius:10px;background:rgba(26,56,46,.45)}.header-label{display:block;padding:12px 14px;font-weight:600;color:var(--accent)}.state{padding:40px 20px;text-align:center;color:var(--muted);font-size:1rem}.state.error{color:#ff8a7a}@keyframes float-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.hero{align-items:flex-start}.hero-card{width:100%}}@media (max-width:640px){.page{padding:32px 6vw 48px}table{min-width:560px}button{width:100%;justify-content:center}.controls{flex-direction:column;align-items:stretch}}