:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--bg-base: #0a0c0f;--bg-deep: #07080a;--surface-1: #11151b;--surface-2: #161b23;--surface-3: #1d242e;--line: #232c38;--line-soft: #1a2129;--text-hi: #eef2f6;--text-mid: #9fb0c0;--text-lo: #5e6f80;--text-faint: #3d4a57;--gain: #4ade8a;--gain-dim: #1f6b44;--loss: #ff6b6b;--loss-dim: #7a2e2e;--accent: #f4b860;--accent-deep: #c98a2e;--cool: #5cc5d6;--warn: #f0a500;--alarm: #ff4d4d;--glow-accent: 0 0 0 1px rgba(244, 184, 96, .18), 0 8px 30px -12px rgba(244, 184, 96, .25);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--bg-base);background-image:radial-gradient(1200px 600px at 78% -8%,rgba(244,184,96,.06),transparent 60%),radial-gradient(900px 500px at 8% 0%,rgba(92,197,214,.05),transparent 55%),linear-gradient(180deg,var(--bg-base),var(--bg-deep));background-attachment:fixed;color:var(--text-hi);font-family:var(--font-mono);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3{margin:0;font-weight:500}a{color:var(--accent)}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"zero" 1}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app{min-height:100%;display:flex;flex-direction:column;max-width:1320px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-8)}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.brand{display:flex;flex-direction:column;gap:var(--space-1)}.brand__eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--text-lo)}.brand__title{font-family:var(--font-display);font-size:30px;letter-spacing:-.01em;line-height:1;color:var(--text-hi)}.brand__title em{font-style:italic;color:var(--accent)}.topbar__meta{display:flex;align-items:center;gap:var(--space-5)}.status-pill{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:999px;border:1px solid var(--line);background:var(--surface-1);position:relative}.status-pill__dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--text-lo);box-shadow:0 0 #0000}.status-pill__text{display:flex;flex-direction:column;line-height:1.15}.status-pill__label{font-size:13px;font-weight:600;letter-spacing:.02em}.status-pill__hint{font-size:11px;color:var(--text-lo)}.status-pill[data-tone=ok]{border-color:var(--gain-dim)}.status-pill[data-tone=ok] .status-pill__dot{background:var(--gain);box-shadow:0 0 12px 1px #4ade8a8c;animation:breathe 3.2s ease-in-out infinite}.status-pill[data-tone=warn]{border-color:#f0a50066}.status-pill[data-tone=warn] .status-pill__dot{background:var(--warn);box-shadow:0 0 12px 1px #f0a50080;animation:blink 1.1s steps(2,jump-none) infinite}.status-pill[data-tone=alarm]{border-color:var(--alarm);background:linear-gradient(180deg,rgba(255,77,77,.12),var(--surface-1))}.status-pill[data-tone=alarm] .status-pill__label{color:var(--alarm)}.status-pill[data-tone=alarm] .status-pill__dot{background:var(--alarm);box-shadow:0 0 14px 2px #ff4d4d99;animation:blink .7s steps(2,jump-none) infinite}.status-pill[data-tone=idle] .status-pill__dot{background:var(--text-lo)}.status-pill[data-tone=unknown]{border-style:dashed}@keyframes breathe{0%,to{opacity:1}50%{opacity:.45}}@keyframes blink{0%{opacity:1}to{opacity:.25}}.main{display:grid;grid-template-columns:1fr;gap:var(--space-5);padding-top:var(--space-6)}.grid-2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--space-5)}@media (max-width: 920px){.grid-2{grid-template-columns:1fr}.app{padding:var(--space-5) var(--space-4) var(--space-7)}}.panel{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:var(--radius-lg);overflow:hidden}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line-soft)}.panel__title{display:flex;align-items:center;gap:var(--space-3);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mid)}.panel__title-mark{width:6px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--accent),var(--accent-deep))}.panel__aside{font-size:11px;color:var(--text-lo)}.panel__body{padding:var(--space-5)}.panel__body--flush{padding:0}.wallet{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-6);align-items:end}@media (max-width: 560px){.wallet{grid-template-columns:1fr}}.wallet__label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-lo);margin-bottom:var(--space-2)}.wallet__value{font-family:var(--font-mono);font-weight:600;font-size:clamp(34px,5vw,52px);line-height:1;letter-spacing:-.02em;color:var(--text-hi)}.wallet__value .unit{font-size:.5em;color:var(--text-lo);margin-left:var(--space-2);letter-spacing:0}.wallet__pnl{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-5);border-left:1px solid var(--line)}.wallet__pnl-value{font-size:clamp(20px,2.6vw,28px);font-weight:600}.wallet__rate{font-size:11px;color:var(--text-lo);margin-top:var(--space-4)}.tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tbl thead th{text-align:right;font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-lo);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line-soft);background:var(--surface-2)}.tbl thead th:first-child{text-align:left}.tbl tbody td{padding:var(--space-4) var(--space-5);text-align:right;border-bottom:1px solid var(--line-soft);color:var(--text-mid)}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody td:first-child{text-align:left}.tbl tbody tr:hover td{background:var(--surface-2)}.sym{font-weight:600;color:var(--text-hi);letter-spacing:.02em}.sym__quote{color:var(--text-lo)}.num{color:var(--text-hi)}.pnl-pos{color:var(--gain)}.pnl-neg{color:var(--loss)}.pnl-zero{color:var(--text-mid)}.ticker{display:grid;gap:var(--space-2)}.tick{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--surface-2)}.tick__sym{font-weight:600;color:var(--text-hi)}.tick__price{display:inline-flex;align-items:baseline;gap:var(--space-2);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600;border-radius:var(--radius-sm);padding:2px var(--space-2);transition:background-color .48s ease}.tick__arrow{font-size:11px;width:1em;display:inline-block}.tick__price[data-dir=up]{color:var(--gain);animation:flash-up .6s ease-out}.tick__price[data-dir=down]{color:var(--loss);animation:flash-down .6s ease-out}.tick__price[data-dir=flat]{color:var(--text-hi)}@keyframes flash-up{0%{background-color:#4ade8a38}to{background-color:#4ade8a00}}@keyframes flash-down{0%{background-color:#ff6b6b38}to{background-color:#ff6b6b00}}.live-dot{display:inline-flex;align-items:center;gap:var(--space-2);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-lo)}.live-dot__led{width:7px;height:7px;border-radius:50%;background:var(--text-faint)}.live-dot[data-status=open] .live-dot__led{background:var(--cool);box-shadow:0 0 9px 1px #5cc5d699;animation:breathe 2.4s ease-in-out infinite}.live-dot[data-status=open]{color:var(--cool)}.live-dot[data-status=connecting] .live-dot__led{background:var(--warn);animation:blink .9s steps(2,jump-none) infinite}.live-dot[data-status=error] .live-dot__led{background:var(--loss)}.state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);text-align:center;color:var(--text-lo)}.state__title{color:var(--text-mid);font-size:13px;letter-spacing:.02em}.state__detail{font-size:12px;color:var(--text-faint);max-width:46ch}.state--error .state__title{color:var(--loss)}.badge-unavailable{display:inline-flex;align-items:center;gap:var(--space-2);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--warn);border:1px dashed rgba(240,165,0,.4);border-radius:999px;padding:2px var(--space-3)}.skeleton{display:grid;gap:var(--space-3);padding:var(--space-2) 0}.skeleton__row{height:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton__row:nth-child(2){width:82%}.skeleton__row:nth-child(3){width:64%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:11px;color:var(--text-faint);flex-wrap:wrap}.auth-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);border:1px solid var(--loss-dim);border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,107,107,.1),var(--surface-1));color:var(--loss);font-size:12px}.view-switch{display:inline-flex;padding:3px;gap:2px;border-radius:999px;border:1px solid var(--line);background:var(--surface-1)}.view-switch__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-lo);font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;padding:var(--space-2) var(--space-4);border-radius:999px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.view-switch__btn:hover{color:var(--text-mid)}.view-switch__btn--on{background:var(--surface-3);color:var(--text-hi);box-shadow:inset 0 0 0 1px var(--line)}.seg{display:inline-flex;gap:2px;padding:2px;border-radius:var(--radius-sm);border:1px solid var(--line-soft);background:var(--surface-2)}.seg__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-lo);font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.04em;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .18s ease,color .18s ease}.seg__btn:hover{color:var(--text-mid)}.seg__btn--on{background:var(--surface-3);color:var(--accent)}.realized{display:flex;flex-direction:column;gap:var(--space-2)}.realized__label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-lo)}.realized__value{font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}@media (max-width: 720px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 460px){.stat-grid{grid-template-columns:1fr}}.stat-tile{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--surface-2)}.stat-tile__label{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-lo)}.stat-tile__value{font-size:22px;font-weight:600;line-height:1.1}.stat-tile__sub{font-size:11px;color:var(--text-faint)}.eq{display:flex;flex-direction:column;gap:var(--space-3)}.eq__svg{width:100%;height:240px;display:block;overflow:visible}.eq__zero{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.eq__line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.eq--pos .eq__line{stroke:var(--gain)}.eq--neg .eq__line{stroke:var(--loss)}.eq--zero .eq__line{stroke:var(--text-mid)}.eq--pos .eq__grad-top{stop-color:#4ade8a47}.eq--neg .eq__grad-top{stop-color:#ff6b6b47}.eq--zero .eq__grad-top{stop-color:#9fb0c033}.eq__grad-bot{stop-color:#0000}.eq__axis{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-faint)}.eq__axis-mid{letter-spacing:.12em;text-transform:uppercase}.risk-kind{display:inline-flex;align-items:center;font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px var(--space-3);border-radius:999px;border:1px solid transparent}.risk-kind--alarm{color:var(--alarm);border-color:var(--alarm);background:#ff4d4d1a}.risk-kind--warn{color:var(--warn);border-color:#f0a50066;background:#f0a50014}.risk__ago{color:var(--text-faint)}.risk__msg{color:var(--text-mid);text-align:left!important}.reveal{opacity:0;transform:translateY(8px);animation:reveal .56s cubic-bezier(.16,1,.3,1) forwards}.reveal[data-delay="1"]{animation-delay:70ms}.reveal[data-delay="2"]{animation-delay:.14s}.reveal[data-delay="3"]{animation-delay:.21s}.reveal[data-delay="4"]{animation-delay:.28s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.app--booting{min-height:100vh}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.login__card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--surface-2),var(--surface-1));box-shadow:0 24px 60px #00000073}.login__brand{display:flex;flex-direction:column;gap:var(--space-2)}.login__title{margin:0;font-size:22px;font-weight:600;letter-spacing:.01em;color:var(--text-hi)}.login__field{display:flex;flex-direction:column;gap:6px}.login__label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-lo)}.login__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;box-sizing:border-box;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-hi);font-family:inherit;font-size:14px;transition:border-color .16s ease,box-shadow .16s ease}.login__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #f4b8602e}.login__error{padding:var(--space-3) var(--space-4);border:1px solid var(--loss-dim);border-radius:var(--radius-sm);background:#ff6b6b1a;color:var(--loss);font-size:12px}.login__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;margin-top:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--accent);color:#1a1205;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background-color .16s ease,opacity .16s ease}.login__submit:hover:not(:disabled){background:var(--accent-deep)}.login__submit:disabled{opacity:.6;cursor:progress}.login__hint{margin:0;text-align:center;font-size:11px;color:var(--text-lo)}.logout-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--surface-1);color:var(--text-lo);font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;padding:var(--space-2) var(--space-4);border-radius:999px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.logout-btn:hover{color:var(--text-hi);background:var(--surface-3)}.mode-badge{display:inline-flex;align-items:center;gap:6px;padding:5px var(--space-3);border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid var(--line)}.mode-badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.mode-badge--paper{color:var(--accent);background:#f4b8601a;border-color:#f4b86059}.mode-badge--live{color:var(--loss);background:#ff6b6b1f;border-color:var(--loss-dim);animation:mode-badge-pulse 2s ease-in-out infinite}@keyframes mode-badge-pulse{0%,to{box-shadow:0 0 #ff6b6b00}50%{box-shadow:0 0 0 3px #ff6b6b2e}}