:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color:#e8edf6;background:#070b14}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%;background:#070b14}.app{min-height:100vh;max-width:820px;margin:0 auto;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom));background:radial-gradient(120% 120% at 70% 0%,#0f1a2e,#070b14 70%)}.app-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,#070b14 84%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px 10px;display:flex;align-items:center;justify-content:space-between}.app-content{padding:0 12px}.header-actions{position:relative}.icon-btn{min-height:40px;width:40px;border-radius:20px;padding:0;border:1px solid #1f2a3d;background:#0f1727;color:#f3f8ff;font-size:1.6rem;line-height:1}.quick-add-menu{position:absolute;top:46px;right:0;display:grid;gap:6px;min-width:170px;padding:8px;border:1px solid #22324b;border-radius:12px;background:#0d1626;box-shadow:0 8px 24px #04081280}.quick-add-menu button{min-height:38px;border:1px solid #273754;background:#101c30;color:#e8effc;text-align:left;padding:.45rem .55rem}.stack{display:flex;flex-direction:column;gap:.85rem}.stack.compact{gap:.65rem}.grid.two{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.grid.one{display:grid;gap:.75rem;grid-template-columns:1fr}.card{background:#0d1626;border-radius:16px;border:1px solid #22324b;padding:.95rem;box-shadow:0 1px 2px #02060e59}.chart-card{width:100%;height:210px}.label{margin:0;color:#9aa8be;font-size:.85rem}.value{margin:.3rem 0;font-size:1.55rem;font-weight:700;letter-spacing:-.01em}.hint{margin:0;color:#9aa8be;font-size:.82rem}.meta-line{margin:-.15rem 0 .2rem;color:#66758a;font-size:.82rem}.error-text{margin:0;color:#ff9aa6;font-size:.88rem}.pull-indicator{height:0;opacity:0;overflow:hidden;text-align:center;color:#0369a1;font-size:.84rem;transition:height .2s ease,opacity .2s ease}.pull-indicator.visible{height:1.2rem;opacity:1}.dashboard-screen{display:flex;flex-direction:column;gap:1rem;padding:10px 0 6px;color:#e8edf6}.hero-block{padding:4px 2px;text-align:center}.hero-balance{margin:0;font-size:clamp(2.1rem,8vw,3.1rem);font-weight:760;letter-spacing:-.03em;color:#f3f7ff}.hero-delta{margin:.3rem 0 0;font-size:1.1rem;font-weight:600}.hero-updated{margin:.25rem 0 0;font-size:.88rem;color:#9aa8be}.up{color:#95e3c1}.down{color:#fca5a5}.chart-shell{border:1px solid #1f2c43;border-radius:18px;padding:.85rem;background:radial-gradient(120% 80% at 60% 0%,#122237,#0b1220 75%)}.compact-segments{margin-bottom:.45rem;border-color:#2e3d57;background:#111a2a}.compact-segments button{color:#a9b5c8}.compact-segments button.active{background:#1f3551;color:#e8f3ff}.chart-shell .chart-card{height:250px}.assets-list-block,.allocation-block{border:1px solid #1f2c43;border-radius:18px;padding:.9rem;background:#0b1220}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;border:0;padding:0;background:#03070f73;opacity:0;pointer-events:none;transition:opacity .2s ease}.drawer-backdrop.visible{opacity:1;pointer-events:auto}.side-drawer{position:fixed;top:0;left:0;z-index:30;width:min(82vw,300px);height:100vh;background:#0d1626;border-right:1px solid #22324b;transform:translate(-100%);transition:transform .2s ease;padding:max(18px,env(safe-area-inset-top)) 14px 14px}.side-drawer.open{transform:translate(0)}.drawer-title{margin:0 0 12px;color:#f1f6ff;font-size:1.2rem;font-weight:700}.drawer-nav{display:grid;gap:8px}.drawer-link{border:1px solid #22324b;border-radius:12px;padding:.65rem;color:#c7d3e9;text-decoration:none}.drawer-link.active{border-color:#3d5c89;background:#14233a;color:#f2f8ff}.assets-list-block h2,.allocation-block h2{margin:0 0 .55rem;color:#f0f5ff}.asset-list-item{width:100%;border:1px solid #23334d;border-radius:14px;background:#121c2f;color:#e8effc;display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;margin-top:.45rem}.asset-icon{width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f9b13f;color:#122033;font-weight:700}.asset-main{display:grid;gap:.1rem;text-align:left}.ticker{font-size:1.15rem;font-weight:640}.amount{color:#9ca9be;font-size:.88rem}.asset-side{margin-left:auto;display:grid;text-align:right}.asset-value{color:#f2f8ff;font-size:1.1rem;font-weight:660}.asset-pct{font-size:.95rem;font-weight:620}.allocation-single{margin:.2rem 0;text-align:center;color:#aab6ca;font-size:1.45rem}.row{display:flex;align-items:center}.row.between{justify-content:space-between}.segmented{display:inline-flex;border:1px solid #d8e0ea;border-radius:12px;overflow:hidden;background:#f6f8fb}.segmented button{border:0;padding:.44rem .7rem;background:transparent;color:#3c4a5f;min-height:36px}.segmented button.active{background:#d9edff;color:#0c4a6e}.table{display:grid;gap:.35rem}.table-head,.table-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.45rem;text-align:left;border:1px solid #e4e8ee;border-radius:12px;padding:.6rem;background:#fff}.table-row{cursor:pointer}.table-row.static{cursor:default}.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.asset-row{color:#0f172a;background:#fff;border-color:#e4e8ee}.asset-row span:last-child{text-align:right}.form{max-width:620px}.form label{display:grid;gap:.35rem;font-size:.92rem;color:#d6e2f5}input,select,button{font:inherit}input,select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:100%;min-height:44px;padding:.62rem;border:1px solid #2b3d5b;border-radius:12px;background:#111d30;color:#f1f6ff}button{min-height:44px;border:1px solid #0a84ff;border-radius:12px;padding:.62rem .82rem;background:#0a84ff;color:#fff;font-weight:600}.submit-btn{width:100%}.checkbox-row{display:flex!important;align-items:center;gap:.55rem!important;color:#475569}.checkbox-row input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0}@media (max-width: 720px){.app-content{padding:0 10px}.grid.two{grid-template-columns:1fr}.table-head,.table-row{grid-template-columns:1fr 1fr 1fr;font-size:.95rem}.four-cols{grid-template-columns:1fr 1fr}.chart-card{height:170px}.chart-shell .chart-card{height:200px}.asset-list-item{padding:.58rem .64rem}.ticker{font-size:1.05rem}.asset-value{font-size:1rem}}