:root{color-scheme:dark;--ink:#0b141e;--panel:#14212c;--well:#0e1a24;--text:#edf5fa;--muted:#b7c9d6;--mint:#9de0ce;--line:#38505d;--amber:#ffd58e;font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-width:0}[hidden]{display:none!important}a{color:var(--mint);text-underline-offset:.22em}h1,h2,h3,p{margin-block:0 .65rem}h1{font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.04;letter-spacing:-.055em}h2{font-size:clamp(1.35rem,2.6vw,1.65rem);line-height:1.2;letter-spacing:-.025em}h3{font-size:1rem}button,input,select{font:inherit}input,select,button,summary{min-height:44px}button,summary,select{cursor:pointer}button{background:#21323d;border:1px solid #4e6771;color:var(--text);border-radius:.45rem;padding:.45rem .84rem;font-weight:620;text-align:center}button:hover:not(:disabled),summary:hover{border-color:var(--mint)}button.primary{background:var(--mint);border-color:var(--mint);color:#112523}button:disabled{opacity:.47;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.skip{position:absolute;left:.8rem;top:-5rem;z-index:3;background:var(--ink);padding:.65rem 1rem}.skip:focus{top:.5rem}
.top{border-bottom:1px solid var(--line)}.top nav,main,footer{width:min(100% - 2.5rem,77rem);margin-inline:auto}.top nav{display:flex;align-items:center;gap:.65rem;min-height:4rem;color:var(--muted);font-size:.91rem}.top a,footer a{min-height:44px;display:inline-flex;align-items:center;gap:.5rem}.top a{text-decoration:none;color:var(--text);font-weight:650}.slash{color:var(--muted);font-weight:400}.emblem{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:.4rem;color:var(--mint);border:1px solid #577e7b;font-size:.65rem;letter-spacing:.08em}.intro{padding:clamp(2.4rem,6vw,5rem) 0 1.65rem}.intro>p:last-child{max-width:44rem;color:var(--muted);font-size:clamp(1rem,2vw,1.2rem)}.eyebrow{text-transform:uppercase;font-weight:750;letter-spacing:.12em;font-size:.7rem;color:var(--mint);margin-bottom:.5rem}.layout{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(0,1fr);gap:1rem;align-items:start}.column{display:grid;gap:1rem;min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:.8rem;padding:clamp(1rem,2.6vw,1.55rem);min-width:0}.heading,.foot,.actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.heading,.foot{justify-content:space-between}.heading{align-items:flex-start}.tag{font-size:.76rem;color:var(--muted);border:1px solid var(--line);border-radius:2rem;padding:.18rem .56rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.hint,label span,.panel>p:not(.eyebrow){color:var(--muted)}.hint{font-size:.87rem}.actions{margin-top:.6rem}.hint:last-child{margin-bottom:0}form{margin:.8rem 0 .65rem}form>.grid+button{margin-top:.72rem}label{display:grid;align-content:start;gap:.26rem;font-size:.9rem;font-weight:620}label span{display:contents;font-size:.79rem;font-weight:400}input,select{border:1px solid #526773;border-radius:.4rem;background:var(--well);color:var(--text);padding:.5rem .62rem;width:100%;min-width:0}input::placeholder{color:#a3b6c3}input[readonly]{color:var(--muted)}fieldset{min-width:0;margin:.8rem 0 0;border:1px solid var(--line);border-radius:.5rem;padding:.8rem}legend{padding:0 .35rem;color:var(--mint);font-weight:650}form .hint,fieldset .hint{margin:.7rem 0}details{border-top:1px solid var(--line);margin-top:.85rem;padding-top:.35rem}summary{color:var(--mint);padding:.55rem .15rem;font-weight:650}.records,.preview-list{list-style:none;margin:.9rem 0;padding:0}.records li,.preview-list li{border-top:1px solid var(--line);padding:.76rem 0;overflow-wrap:anywhere}.records li:first-child{border-top:0}.records h3{margin:0}.records p,.preview-list p{color:var(--muted);font-size:.9rem;margin:.16rem 0}.records .actions button{font-size:.86rem}.records .hold,.hold{color:var(--amber)}.total{display:grid;gap:.2rem;border-left:3px solid var(--mint);padding:.8rem .95rem;background:var(--well);margin-top:.85rem;overflow-wrap:anywhere}.total strong{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.16;font-variant-numeric:tabular-nums;letter-spacing:-.045em}.total span:first-child{color:var(--mint);font-weight:650}.total span:last-child{color:var(--muted);font-size:.87rem}.empty{color:var(--muted);font-size:.9rem}.file,#share-box{margin-top:1rem}.file input{margin-top:.15rem;font-size:.82rem}.foot{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.incoming{border-color:var(--mint);margin-bottom:1rem}#alert,.notice{background:#372c23;border:1px solid #866641;border-radius:.5rem;padding:.7rem 1rem;color:var(--amber)}.feedback{min-height:1.5rem;padding:.6rem 0;overflow-wrap:anywhere;color:var(--mint)}footer{border-top:1px solid var(--line);padding:.7rem 0 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;color:var(--muted);font-size:.85rem}
.intro .lead{max-width:44rem;color:var(--muted);font-size:clamp(1rem,2vw,1.2rem)}#practice{margin-top:.3rem}
@media(max-width:760px){.layout{grid-template-columns:1fr}.top nav,main,footer{width:min(100% - 1.35rem,48rem)}.top nav{gap:.4rem}.intro{padding:2rem 0 1rem}}
@media(max-width:480px){.grid{grid-template-columns:1fr}.actions button{flex:1 1 auto}.top nav{font-size:.83rem}.panel{padding:1rem}.foot{align-items:start;flex-direction:column}.total strong{font-size:2rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}