:root{--bg:#0e0b08;--panel:#171210;--panel-2:#211a16;--border:#2d241e;--border-2:#3d3128;--fg:#efe6d6;--fg-dim:#a99c88;--fg-faint:#6f6454;--gold:#d4a24c;--gold-soft:#8a6a2e;--good:#8fbf6a;--bad:#d96b5a;--font-display:"Cormorant Garamond", "Times New Roman", serif;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;--text-lg:24px;--text-xl:30px;--space-xs:6px;--space-sm:12px;--space-md:18px;--space-lg:28px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--control-h:44px;--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg) radial-gradient(1200px 600px at 50% -200px, #2a1d12 0%, var(--bg) 70%) no-repeat;color:var(--fg);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;line-height:24px}button,input,select{font:inherit;color:inherit}.page{gap:var(--space-sm);min-height:100dvh;padding:var(--space-md);padding-left:max(var(--space-md), env(safe-area-inset-left));padding-right:max(var(--space-md), env(safe-area-inset-right));padding-top:max(var(--space-sm), env(safe-area-inset-top));padding-bottom:max(var(--space-md), env(safe-area-inset-bottom));flex-direction:column;width:100%;max-width:960px;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-sm);min-height:40px;padding:var(--space-xs) 0;display:flex}.brand .emblem{color:var(--gold);flex:none}.brand .product{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.01em;color:var(--gold);flex:none;font-weight:600;line-height:1}.who{min-width:0;font-family:var(--font-display);font-size:var(--text-lg);text-align:right;overflow-wrap:anywhere;color:var(--fg);flex:1;font-weight:500}.icon-btn{border:1px solid var(--border-2);width:40px;height:40px;color:var(--fg-dim);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--gold);border-color:var(--gold-soft)}.actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.actions .btn{min-height:var(--control-h);flex:160px}.tiles{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}@media (width>=600px){.tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.col{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);gap:var(--space-sm);animation:arrive .32s var(--ease) both;flex-direction:column;display:flex}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.card{animation:none}}.card-head{justify-content:space-between;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border);display:flex}.card-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--fg);font-weight:600;line-height:1.1}.card-meta{color:var(--fg-dim);font-size:var(--text-sm);line-height:20px}.kicker{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft)}.badge{height:26px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;white-space:nowrap;border:1px solid var(--border-2);color:var(--fg-dim);background:var(--panel-2);border-radius:13px;align-items:center;padding:0 10px;display:inline-flex}.badge.good{color:var(--good);border-color:color-mix(in srgb, var(--good) 45%, transparent)}.badge.bad{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 45%, transparent)}.badge.off{color:var(--fg-faint)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--control-h);padding:0 var(--space-md);border-radius:var(--radius-md);background:var(--panel-2);border:1px solid var(--border-2);color:var(--fg);cursor:pointer;font-size:var(--text-sm);letter-spacing:.02em;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.btn:hover{border-color:var(--gold-soft)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--gold);border-color:var(--gold);color:#1a1208;font-weight:600}.btn-primary:hover{background:#e2b45e}.btn-ghost{color:var(--fg-dim);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--fg);border-color:var(--border-2)}.btn-danger{border-color:color-mix(in srgb, var(--bad) 50%, transparent);color:var(--bad);background:0 0}.btn-sm{min-height:32px;padding:0 var(--space-sm);font-size:var(--text-xs)}.row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;min-width:0;display:flex}.row.tight{gap:var(--space-xs);flex-wrap:nowrap}.check{cursor:pointer}.check input{width:20px;height:20px;accent-color:var(--gold)}.list{flex-direction:column;list-style:none;display:flex}.list-row{justify-content:space-between;align-items:center;gap:var(--space-sm);width:100%;min-height:var(--control-h);padding:var(--space-xs) 0;text-align:left;border:0;border-bottom:1px solid var(--border);cursor:pointer;color:var(--fg);background:0 0;display:flex}.list li:last-child .list-row{border-bottom:0}.list-row:not(.static):hover .list-title{color:var(--gold)}.list-row.static{cursor:default}.list-main{flex-direction:column;flex:1;min-width:0;display:flex}.list-title{overflow-wrap:anywhere;font-size:var(--text-md)}.list-side{flex:none;justify-content:flex-end;display:flex}.nets{gap:var(--space-xs);flex-direction:column;align-items:flex-end;display:flex}.amount{font-family:var(--font-mono);white-space:nowrap;font-weight:600}.amount.good{color:var(--good)}.amount.bad{color:var(--bad)}.amount.dim{color:var(--fg-dim);font-weight:400}.bad-text{color:var(--bad)}.bal-block{gap:var(--space-xs);flex-direction:column;display:flex}.bal-block+.bal-block{margin-top:var(--space-sm)}.form{gap:var(--space-sm);padding-bottom:var(--space-xs);flex-direction:column;display:flex}.form-row{gap:var(--space-xs);flex-direction:column;display:flex}.field-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint)}.field{width:100%;min-height:var(--control-h);padding:0 var(--space-sm);border-radius:var(--radius-md);background:var(--panel-2);border:1px solid var(--border-2);color:var(--fg);outline:none}.field:focus{border-color:var(--gold-soft)}.field-select{flex:1;min-width:0;display:inline-flex;position:relative}.field-select select{appearance:none;width:100%;padding-right:32px}.field-select:after{content:"";border-right:1.5px solid var(--fg-dim);border-bottom:1.5px solid var(--fg-dim);pointer-events:none;width:8px;height:8px;position:absolute;top:50%;right:14px;transform:translateY(-70%)rotate(45deg)}.field.num{text-align:right;font-family:var(--font-mono)}.row.tight .field.num{flex:auto;width:auto;min-width:0}.form .row.tight .field-select{flex:none}.form .row.tight .field-select .field{width:auto;min-width:96px}.field.num.short{flex:none;width:110px}.field.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.link-box{gap:var(--space-xs);flex-direction:column;display:flex}.seg{border-radius:var(--radius-md);background:var(--panel-2);border:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.seg-item{min-height:36px;padding:0 var(--space-sm);border-radius:var(--radius-sm);color:var(--fg-dim);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000}.seg-item.active{color:var(--gold);border-color:var(--gold-soft);background:var(--panel)}.state{color:var(--fg-dim);padding:var(--space-sm) 0}.state.error{color:var(--bad)}.skeleton{gap:var(--space-xs);flex-direction:column;display:flex}.skeleton-row{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--panel-2) 0%, var(--border) 50%, var(--panel-2) 100%);background-size:200% 100%;height:20px;animation:1.4s linear infinite shimmer}.skeleton-row:nth-child(2){width:85%}.skeleton-row:nth-child(3){width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton-row{animation:none}}.page.shell{padding-bottom:calc(64px + max(var(--space-md), env(safe-area-inset-bottom)))}.main{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.nav{z-index:5;padding:6px max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:color-mix(in srgb, var(--panel) 92%, transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-around;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{border-radius:var(--radius-sm);min-width:0;color:var(--fg-dim);cursor:pointer;letter-spacing:.02em;background:0 0;border:0;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;padding:4px 2px;font-size:11px;display:flex}.nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.nav-item.active{color:var(--gold)}.nav-item:hover{color:var(--fg)}@media (width>=700px){.page.shell{padding-bottom:max(var(--space-md), env(safe-area-inset-bottom))}.nav{justify-content:flex-start;gap:var(--space-xs);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-bottom:1px solid var(--border);background:0 0;padding:0;position:static}.nav-item{gap:var(--space-xs);padding:10px var(--space-sm);font-size:var(--text-sm);border-bottom:2px solid #0000;border-radius:0;flex-direction:row;flex:none;margin-bottom:-1px}.nav-item.active{border-bottom-color:var(--gold)}}.subhead{align-items:center;gap:var(--space-sm);min-height:40px;display:flex}.subhead-title{min-width:0;font-family:var(--font-display);font-size:var(--text-lg);overflow-wrap:anywhere;flex:1;font-weight:600}.page.door{justify-content:flex-start;max-width:520px}.door-card{margin-top:var(--space-lg)}.list-row.tall{align-items:flex-start}.list-row.small{min-height:36px;font-size:var(--text-sm)}.list-row.col-start{align-items:stretch;gap:var(--space-xs);flex-direction:column}.list-main .progress{margin-top:6px}.col-right{flex-direction:column;align-items:flex-end;gap:2px}.reasons{padding:0 0 var(--space-sm) var(--space-sm);border-left:2px solid var(--border-2);margin:0 0 var(--space-xs) 4px;gap:var(--space-xs);flex-direction:column;display:flex}.row.between{justify-content:space-between}.row.wide{width:100%}.row.toggles{gap:var(--space-sm) var(--space-md)}.check.small{font-size:var(--text-sm)}.check.small input{width:16px;height:16px}.static-field{width:auto;min-width:72px;font-family:var(--font-mono);color:var(--fg-dim);flex:none;justify-content:center;align-items:center;display:inline-flex}.badge.warn{color:var(--gold);border-color:color-mix(in srgb, var(--gold) 45%, transparent)}.progress{background:var(--panel-2);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--gold);height:100%;transition:width .3s var(--ease);border-radius:3px}.pot{gap:var(--space-xs);flex-direction:column;display:flex}.pot-row{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.toggle{cursor:pointer;font-size:var(--text-sm);color:var(--fg-dim);align-items:center;gap:8px;display:inline-flex}.toggle.off{opacity:.5;cursor:default}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--border-2);border-radius:10px;flex:none;width:36px;height:20px;transition:background .15s;position:relative}.toggle-knob{background:var(--fg-dim);width:16px;height:16px;transition:transform .15s var(--ease), background .15s;border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-track{background:var(--gold-soft)}.toggle input:checked+.toggle-track .toggle-knob{background:var(--gold);transform:translate(16px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--gold-soft);outline-offset:2px}
