:root{--bg: #0d1424;--bg-raised: #141d33;--bg-input: #0a1120;--border: #253046;--text: #e6ebf4;--text-dim: #8b96ab;--accent: #5b8def;--accent-strong: #2f6fdb;--gain: #34d399;--loss: #f87171;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root{max-width:960px;margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.skip-link{position:fixed;top:-60px;left:12px;z-index:50;padding:10px 14px;border-radius:8px;background:var(--accent-strong);color:#fff;font-weight:600;text-decoration:none}.skip-link:focus{top:calc(8px + env(safe-area-inset-top))}h1{font-size:1.25rem;font-weight:600;margin:0}h2{font-size:1.05rem;font-weight:600;margin:0 0 12px}header.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));background:#0d1424eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:baseline;gap:10px}.brand small{color:var(--text-dim);font-size:.75rem}main{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom));scroll-padding-bottom:16px}nav.tabbar{position:relative;flex:0 0 auto;z-index:10;display:flex;background:var(--bg-raised);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}nav.tabbar button{flex:1;position:relative;background:none;border:none;color:var(--text-dim);font:inherit;font-size:.72rem;padding:10px 4px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:color .15s ease}nav.tabbar button .tab-icon{font-size:1.1rem;line-height:1}nav.tabbar button.active{color:var(--accent)}nav.tabbar button.active:before{content:"";position:absolute;top:0;width:22px;height:2px;border-radius:0 0 2px 2px;background:var(--accent)}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:14px;transition:border-color .2s ease}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.card-head h2{margin-bottom:4px}.card-head .hint{margin:0;max-width:60ch}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0%,rgba(91,141,239,.18),transparent 52%),linear-gradient(160deg,#17223c,#121a2d);border:1px solid #2f3d5c;border-radius:18px;padding:18px;margin-bottom:14px}.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.hero-label{margin:0 0 2px;color:var(--text-dim);font-size:.78rem;letter-spacing:.02em}.hero-value{margin:0;font-size:clamp(2.1rem,9vw,3rem);line-height:1.05;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.hero-total{min-width:0}.hero-day{display:grid;justify-items:end;gap:3px;min-width:124px;padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:#0a11208c;font-variant-numeric:tabular-nums}.hero-day strong{font-size:1.02rem}.trend-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;background:#8b96ab1f;color:var(--text-dim);font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.trend-pill.pos{color:var(--gain);background:#34d3991f}.trend-pill.neg{color:var(--loss);background:#f871711f}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:14px 18px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(139,150,171,.22)}.hero-metric{display:grid;gap:2px;min-width:0}.hero-metric-label{color:var(--text-dim);font-size:.72rem}.hero-metric strong{font-size:1.02rem;font-weight:600;font-variant-numeric:tabular-nums}.hero-metric-sub{color:var(--text-dim);font-size:.72rem;font-variant-numeric:tabular-nums}.hero-metric-sub.pos{color:var(--gain)}.hero-metric-sub.neg{color:var(--loss)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.metric{display:grid;align-content:start;gap:3px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-input)}.metric-label{color:var(--text-dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;cursor:help}.metric strong{font-size:1.2rem;font-weight:600;font-variant-numeric:tabular-nums}.metric-note{color:var(--text-dim);font-size:.72rem;font-variant-numeric:tabular-nums}.hero-hint{margin:12px 0 0;color:var(--text-dim);font-size:.78rem}.goal{margin-top:16px;padding-top:14px;border-top:1px solid rgba(139,150,171,.22)}.goal-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px;color:var(--text-dim);font-size:.76rem;font-variant-numeric:tabular-nums}.goal-head strong{color:var(--text);font-weight:600}.goal-track{height:8px;margin-top:8px;overflow:hidden;border-radius:999px;background:#8b96ab33}.goal-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--gain));transition:width .3s ease}.goal-note{margin:6px 0 0;color:var(--text-dim);font-size:.73rem;font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.pos{color:var(--gain)}.neg{color:var(--loss)}table.data{width:100%;border-collapse:collapse;font-size:.85rem}table.data th{text-align:left;color:var(--text-dim);font-weight:500;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:6px 8px;border-bottom:1px solid var(--border)}table.data td{padding:8px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}table.data th.num,table.data td.num{text-align:right}table.data tr:last-child td{border-bottom:none}.position-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.position-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"avatar main value" "spark spark spark";align-items:start;gap:6px 10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-input)}.position-card.closed{opacity:.72}.asset-avatar{grid-area:avatar;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-size:.72rem;font-weight:700;letter-spacing:.02em;background:#5b8def24;color:var(--accent)}.asset-avatar.etf{background:#34d39924;color:var(--gain)}.asset-avatar.fund{background:#a78bfa24;color:#a78bfa}.asset-avatar.crypto{background:#fbbf2424;color:#fbbf24}.asset-avatar.index{background:#22d3ee24;color:#22d3ee}.position-main{grid-area:main;display:grid;gap:2px;min-width:0}.position-title{display:flex;align-items:baseline;gap:6px;min-width:0}.position-title strong{font-size:.92rem;font-weight:650;letter-spacing:.01em}.position-name{min-width:0;overflow:hidden;color:var(--text-dim);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.position-class{flex:0 0 auto;padding:1px 6px;border:1px solid var(--border);border-radius:999px;color:var(--text-dim);font-size:.62rem;white-space:nowrap}.position-meta{margin:0;color:var(--text-dim);font-size:.72rem;font-variant-numeric:tabular-nums;line-height:1.3;overflow-wrap:anywhere}.position-tags{display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:2px}.mini-trend{color:var(--text-dim);font-size:.7rem;font-variant-numeric:tabular-nums;white-space:nowrap}.mini-trend.pos{color:var(--gain)}.mini-trend.neg{color:var(--loss)}.position-spark{grid-area:spark;display:flex;align-items:center;min-width:0;height:32px}.sparkline{display:block;width:100%;height:32px}.spark-empty{color:var(--text-dim);font-size:.8rem}.position-value{grid-area:value;display:grid;justify-items:end;gap:3px;text-align:right;font-variant-numeric:tabular-nums}.position-value strong{font-size:.95rem;font-weight:600;white-space:nowrap}.position-pnl{color:var(--text-dim);font-size:.7rem;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.subheading{margin:18px 0 6px;font-size:.82rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.cash-total{display:grid;justify-items:end;gap:1px;flex:0 0 auto;font-variant-numeric:tabular-nums}.cash-total span{color:var(--text-dim);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.cash-total strong{font-size:1rem}.cash-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.cash-list li{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:10px 0;border-top:1px solid var(--border)}.cash-icon{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;font-weight:700;line-height:1}.cash-icon.deposit{background:#34d3991f;color:var(--gain)}.cash-icon.withdrawal{background:#f871711f;color:var(--loss)}.cash-icon.dividend{background:#a78bfa24;color:#a78bfa}.cash-filter{margin:0 0 10px;width:100%}.cash-filter button{flex:1;min-height:36px}.cash-main{display:grid;flex:1 1 150px;min-width:0}.cash-main strong{font-size:.86rem;font-weight:600}.cash-main span{font-size:.74rem;overflow-wrap:anywhere}.cash-amount{margin-left:auto;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.cash-amount.deposit{color:var(--gain)}.cash-amount.withdrawal{color:var(--loss)}.cash-amount.dividend{color:var(--gain)}.field-wide{grid-column:1 / -1}.field-optional{font-size:.72rem;font-weight:400;color:var(--text-dim)}fieldset.resolver{display:grid;gap:8px;min-width:0;margin:0;padding:10px;border:1px solid var(--border);border-radius:8px}fieldset.resolver legend{padding:0 4px;font-size:.8rem;color:var(--text-dim)}.listing-list{display:grid;gap:6px}.listing-option{display:flex;gap:8px;align-items:flex-start;font-size:.85rem;color:var(--text)}.listing-option input{width:auto;margin-top:2px}.row-actions{display:flex;gap:8px;justify-content:flex-end}button.btn{background:var(--accent-strong);border:none;color:#fff;font:inherit;font-weight:600;padding:9px 16px;border-radius:8px;cursor:pointer;transition:filter .15s ease,transform .15s ease,background .15s ease}button.btn:hover{filter:brightness(1.08)}button.btn:active{transform:translateY(1px)}button.btn.secondary{background:var(--bg-input);border:1px solid var(--border);color:var(--text)}button.btn.small{padding:4px 10px;font-size:.78rem;font-weight:500}button.btn:disabled{opacity:.5;cursor:not-allowed}.link-btn{background:none;border:none;color:var(--accent);font:inherit;cursor:pointer;padding:0}form.stack{display:grid;gap:10px}label.field{display:grid;gap:4px;min-width:0;font-size:.8rem;color:var(--text-dim)}input,select{width:100%;min-width:0;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;padding:8px 10px;font-variant-numeric:tabular-nums;transition:border-color .15s ease}input:focus,select:focus{outline:none;border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.hint{color:var(--text-dim);font-size:.8rem}.error-text{color:var(--loss);font-size:.85rem}.ok-text{color:var(--gain);font-size:.85rem}.badge{display:inline-block;font-size:.68rem;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim);background:var(--bg-input);overflow-wrap:anywhere}code{padding:1px 4px;border-radius:4px;background:var(--bg-input);color:var(--text);font-size:.86em;overflow-wrap:anywhere}.proxy-help{margin-top:14px;color:var(--text-dim);font-size:.8rem}.proxy-help summary{color:var(--text);font-weight:600;cursor:pointer}.proxy-help ol{display:grid;gap:6px;margin:10px 0;padding-left:20px}.proxy-help p{margin:8px 0 0}.source-errors{margin:10px 0 0;padding-left:18px;display:grid;gap:4px;color:var(--loss);font-size:.8rem;overflow-wrap:anywhere}.notice{display:flex;gap:10px;align-items:flex-start;border:1px solid #3b5bdb55;background:#1a2340;border-radius:12px;padding:12px 14px;margin-bottom:16px;font-size:.85rem}.notice .notice-icon{font-size:1.1rem}.muted{color:var(--text-dim)}.chart-head{flex-wrap:wrap}.chart-wrap{width:100%;height:260px}.range-tabs{display:flex;flex:0 0 auto;align-items:center;gap:2px;margin-left:auto;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--bg-input)}.range-tabs button{min-height:32px;border:none;border-radius:999px;background:none;color:var(--text-dim);font:inherit;font-size:.72rem;font-weight:600;padding:4px 9px;cursor:pointer}.range-tabs button.active{background:var(--accent-strong);color:#fff}.allocation{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center}.view-tabs{display:flex;gap:2px;margin-bottom:14px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--bg-input)}.view-tabs button{flex:1;min-height:34px;border:none;border-radius:999px;background:none;color:var(--text-dim);font:inherit;font-size:.76rem;font-weight:600;cursor:pointer}.view-tabs button.active{background:var(--accent-strong);color:#fff}.stacked{margin-bottom:14px}.stacked-track{display:flex;height:14px;overflow:hidden;border-radius:999px;background:var(--border)}.stacked-track span{display:block;min-width:2px}.donut{position:relative;justify-self:center;width:140px;height:140px}.donut svg{display:block;width:100%;height:100%}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:1px;text-align:center;pointer-events:none}.donut-center strong{font-size:.82rem;font-variant-numeric:tabular-nums}.donut-center span{color:var(--text-dim);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase}.allocation-legend{list-style:none;margin:0;padding:0;display:grid;gap:7px;min-width:0}.allocation-legend li{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;align-items:baseline;gap:8px}.alloc-dot{width:8px;height:8px;border-radius:50%}.alloc-label{overflow:hidden;font-size:.8rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.alloc-pct{color:var(--text-dim);font-size:.75rem;font-variant-numeric:tabular-nums}.alloc-value{color:var(--text-dim);font-size:.72rem;font-variant-numeric:tabular-nums;white-space:nowrap}.empty{color:var(--text-dim);text-align:center;padding:24px 0}.empty-state{display:grid;justify-items:center;gap:8px;padding:24px 10px;text-align:center}.empty-state p{margin:0;max-width:38ch;color:var(--text-dim);font-size:.85rem}.empty-icon{font-size:1.5rem;line-height:1}@media(min-width:721px){.position-card{grid-template-columns:40px minmax(0,1fr) 130px 150px;grid-template-areas:"avatar main spark value";align-items:center}.position-spark{height:36px}}@media(max-width:720px){table.data.responsive{display:block;width:100%;font-size:.86rem}table.data.responsive thead{display:none}table.data.responsive tbody{display:grid;gap:10px}table.data.responsive tr{display:block;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-input)}table.data.responsive td{display:flex;align-items:baseline;justify-content:space-between;gap:14px;width:100%;padding:5px 0;border:none;text-align:right;min-width:0}table.data.responsive td:before{content:attr(data-label);flex:0 0 auto;color:var(--text-dim);font-size:.74rem;text-align:left}table.data.responsive td.asset-cell{display:block;padding:0 0 8px;margin-bottom:4px;border-bottom:1px solid var(--border);text-align:left}table.data.responsive td.asset-cell:before{display:none}table.data.responsive tr:last-child td{border-bottom:none}}@media(max-width:520px){main{padding:12px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.allocation{grid-template-columns:1fr}.hero-day{justify-items:start}.card{padding:14px;border-radius:12px}.hero{padding:16px;border-radius:16px}.card-head{flex-wrap:wrap}.chart-wrap{height:240px}.range-tabs{flex:1 1 100%;justify-content:space-between;margin-left:0}.range-tabs button{flex:1;min-height:44px;padding:6px 0}nav.tabbar button{min-height:52px}button.btn{min-height:44px}button.btn.small{min-height:40px;padding:8px 12px}input,select,.view-tabs button,.cash-filter button{min-height:44px}.toast-close{min-width:40px;min-height:40px}.link-btn{padding:6px 0}.form-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.error-boundary{display:grid;justify-items:start;gap:10px;margin:16px;padding:20px;border:1px solid #5a2a2f;border-radius:14px;background:var(--bg-raised)}.error-boundary h2{margin:0}.error-boundary p{margin:0;max-width:52ch;color:var(--text-dim)}.error-boundary-icon{font-size:1.6rem;line-height:1}.error-boundary-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.error-boundary-details{width:100%;color:var(--text-dim);font-size:.78rem}.error-boundary-details pre{margin:8px 0 0;padding:10px;border-radius:8px;background:var(--bg-input);color:var(--text-dim);font-size:.72rem;white-space:pre-wrap;overflow-wrap:anywhere}.onboarding-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}.onboarding-steps li{display:flex;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-input)}.onboarding-steps li.done{border-color:#34d39966}.onboarding-steps li.locked{opacity:.62}.step-marker{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:999px;background:#5b8def29;color:var(--accent);font-size:.8rem;font-weight:700}.onboarding-steps li.done .step-marker{background:#34d39929;color:var(--gain)}.step-body{display:grid;justify-items:start;gap:4px;min-width:0}.step-body strong{font-size:.9rem}.step-body p{margin:0;color:var(--text-dim);font-size:.8rem}.step-body .btn{margin-top:4px}.sync-progress{margin-top:12px}.skeleton-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.skeleton-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-input)}.skeleton{border-radius:6px;background:linear-gradient(90deg,var(--bg-input) 25%,var(--border) 50%,var(--bg-input) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.3s linear infinite}.skeleton-avatar{flex:0 0 auto;width:32px;height:32px;border-radius:9px}.skeleton-lines{display:grid;flex:1;gap:6px}.skeleton-line{width:100%;height:10px}.skeleton-line.short{width:55%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-stack{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:30;display:grid;gap:8px;width:min(420px,calc(100% - 24px));transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border);border-left:3px solid var(--gain);border-radius:10px;background:var(--bg-raised);color:var(--text);font-size:.84rem;box-shadow:0 8px 24px #00000059;pointer-events:auto;animation:toast-in .18s ease-out}.toast.error{border-left-color:var(--loss)}.toast.info{border-left-color:var(--accent)}.toast-close{flex:0 0 auto;min-width:32px;min-height:32px;border:none;border-radius:6px;background:none;color:var(--text-dim);font:inherit;font-size:1.1rem;cursor:pointer}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:light){:root{--bg: #f3f6fb;--bg-raised: #ffffff;--bg-input: #f7f9fc;--border: #d8dfea;--text: #111827;--text-dim: #4b5563;--accent: #1d4ed8;--accent-strong: #1d4ed8;--gain: #047857;--loss: #b91c1c;color-scheme:light}header.app-header{background:#ffffffeb}.hero{background:radial-gradient(circle at 100% 0%,rgba(29,78,216,.12),transparent 52%),linear-gradient(160deg,#eef4ff,#f9fbff);border-color:#cfd9ea}.hero-day{background:#ffffffb3}.notice{background:#eef4ff;border-color:#bfd0f5}.asset-avatar.fund{background:#6d28d91a;color:#6d28d9}.asset-avatar.crypto{background:#b453091a;color:#b45309}.asset-avatar.index{background:#0e74901a;color:#0e7490}.cash-icon.dividend{background:#6d28d91a;color:#6d28d9}.trend-pill{background:#4b556314}.error-boundary{border-color:#efc4c4}.toast{box-shadow:0 8px 24px #0f172a24}}