:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;background:#080b10;color:#f8fafc;--accent:#f59e0b}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0d1118,#080b10 45%,#06080c);min-height:100vh}.wrap{max-width:1000px;margin:auto;padding:18px}
.top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.hub{color:#f8fafc;text-decoration:none;display:inline-block;margin-bottom:12px}.eyebrow{color:var(--accent);font-weight:900;letter-spacing:.12em;font-size:.76rem;margin:0 0 6px}.top h1{margin:0;font-size:clamp(2rem,5vw,3.6rem)}.sub{color:#aeb7c5;max-width:680px;line-height:1.45}.pill{border:1px solid #7c4a08;color:#fbbf24;background:#1d1408;border-radius:999px;padding:8px 11px;font-weight:900;font-size:.75rem}
.notice{border:1px solid #3a4658;background:#111827;padding:12px 14px;border-radius:14px;color:#d7dfeb;margin:16px 0}.mode-row{display:flex;gap:10px;margin-bottom:14px}.mode{flex:1;padding:14px;border-radius:14px;border:1px solid #344054;background:#141922;color:#fff;font-weight:850}.mode.active{background:#2a1b06;border-color:#a85f08;color:#ffd28b}
.card{background:#11161f;border:1px solid #293241;border-radius:18px;padding:16px;margin:14px 0;box-shadow:0 12px 26px rgba(0,0,0,.2)}.card h2{margin:0 0 14px}.capture{display:block;border:1px dashed #596579;background:#0c1118;border-radius:14px;padding:18px;text-align:center;font-weight:850;cursor:pointer}.capture input{display:none}.progress{height:8px;background:#232a35;border-radius:999px;overflow:hidden;margin-top:12px}.progress div{height:100%;width:0;background:#f59e0b}.muted{color:#94a3b8}#preview{width:100%;max-height:340px;object-fit:contain;border-radius:12px;background:#07090c;margin:10px 0}textarea,input,select{width:100%;border:1px solid #374151;background:#0b1017;color:#fff;border-radius:10px;padding:11px;font:inherit}label{display:block;color:#cbd5e1;font-size:.9rem}label>input,label>select{margin-top:6px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.primary,.danger{border:0;border-radius:12px;padding:12px 16px;font-weight:900;margin-top:12px}.primary{background:#f59e0b;color:#241500}.danger{background:#3b1115;color:#fecaca;border:1px solid #7f1d1d}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.summary>div{background:#0c1118;border:1px solid #273244;border-radius:12px;padding:12px}.summary b{display:block;font-size:1.35rem;margin-top:4px}.ledger{display:grid;gap:10px}.entry{border:1px solid #2c3748;background:#0b1017;border-radius:13px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:8px}.entry small{color:#94a3b8}.entry strong{font-size:1.1rem}.entry button{grid-column:2;border:0;background:transparent;color:#fca5a5}.dim{opacity:.9}.connection{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #252e3a}.connection b{color:#fca5a5;font-size:.78rem}.connection:last-of-type{border-bottom:0}
@media(max-width:650px){.top{display:block}.pill{display:inline-block;margin-top:6px}.grid{grid-template-columns:1fr}.summary{grid-template-columns:1fr}.mode-row{flex-direction:column}}
.capture-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.capture-actions .capture{margin:0}.capture-actions span{display:block}.capture-actions .capture:nth-child(2){border-style:solid;background:#121923}@media(max-width:650px){.capture-actions{grid-template-columns:1fr}}