:root{--bg-app: #f5f1e6;--bg-panel: #fffdf8;--bg-panel-alt: #faf5e9;--bg-elevated: #f0e9d6;--border: #e2d8bf;--border-strong: #c9bb95;--text-primary: #2c2620;--text-secondary: #6d6250;--text-muted: #9c927c;--accent-green: #3f7d58;--accent-green-dim: #dbe9de;--accent-red: #a8543f;--accent-red-dim: #f0dcd4;--accent-blue: #3a5f7d;--accent-blue-dim: #dbe4ea;--accent-gold: #a3812f;--mono-font: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--sans-font: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Segoe UI", system-ui, sans-serif;--radius: 10px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-app: #1c1712;--bg-panel: #241e17;--bg-panel-alt: #2a2319;--bg-elevated: #332b1f;--border: #4a3f2e;--border-strong: #6b5c42;--text-primary: #f3ecdf;--text-secondary: #c9bea8;--text-muted: #8f8470;--accent-green: #5fae7f;--accent-green-dim: #23392c;--accent-red: #d97a63;--accent-red-dim: #3f2620;--accent-blue: #6a9bc2;--accent-blue-dim: #22323f;--accent-gold: #d1a53f;color-scheme:dark}}:root[data-theme=dark]{--bg-app: #1c1712;--bg-panel: #241e17;--bg-panel-alt: #2a2319;--bg-elevated: #332b1f;--border: #4a3f2e;--border-strong: #6b5c42;--text-primary: #f3ecdf;--text-secondary: #c9bea8;--text-muted: #8f8470;--accent-green: #5fae7f;--accent-green-dim: #23392c;--accent-red: #d97a63;--accent-red-dim: #3f2620;--accent-blue: #6a9bc2;--accent-blue-dim: #22323f;--accent-gold: #d1a53f;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-app);color:var(--text-primary);font-family:var(--sans-font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;color:inherit}.mono{font-family:var(--mono-font)}.app-shell{display:grid;grid-template-columns:220px 1fr;grid-template-rows:64px 1fr;grid-template-areas:"sidebar topbar" "sidebar main";height:100vh}.sidebar{grid-area:sidebar;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 12px;gap:4px}.sidebar-brand{display:flex;flex-direction:column;gap:2px;padding:0 10px 20px}.sidebar-brand-mark{color:var(--accent-green);font-weight:700;font-size:18px}.sidebar-brand-sub{color:var(--text-muted);font-size:11px;letter-spacing:.04em}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;font-size:14px;text-align:left;width:100%}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{background:var(--accent-green-dim);border-color:var(--accent-green);color:var(--accent-green)}.topbar{grid-area:topbar;background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar-title{font-size:13px;color:var(--text-muted);letter-spacing:.04em}.main{grid-area:main;overflow-y:auto;padding:24px}.page-title{font-size:20px;font-weight:600;margin:0 0 20px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.panel+.panel{margin-top:16px}.panel-title{font-size:13px;color:var(--text-secondary);margin:0 0 14px;letter-spacing:.02em}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.stat-tile{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat-tile-label{font-size:11px;color:var(--text-muted);margin-bottom:6px}.stat-tile-value{font-family:var(--mono-font);font-size:20px;font-weight:700}.up{color:var(--accent-green)}.down{color:var(--accent-red)}.neutral{color:var(--text-secondary)}.grid-2col{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}table.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:var(--text-muted);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--border);font-size:11px;letter-spacing:.03em}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--text-secondary)}.data-table td{padding:10px;border-bottom:1px solid var(--border)}.data-table tr:last-child td{border-bottom:none}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover{background:var(--bg-elevated)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid var(--border-strong);color:var(--text-secondary)}.badge.market-us{color:var(--accent-blue);border-color:var(--accent-blue)}.badge.market-jp{color:var(--accent-red);border-color:var(--accent-red)}.btn{border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-primary);border-radius:6px;padding:8px 14px;font-size:13px;white-space:nowrap;cursor:pointer}.btn:hover{border-color:var(--text-secondary)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-green-dim);border-color:var(--accent-green);color:var(--accent-green)}.form-row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.form-row-group{display:flex;flex-wrap:wrap;gap:16px}.form-row-group .form-row{min-width:160px}.form-row label{font-size:12px;color:var(--text-secondary)}.form-row input,.form-row select,.form-row textarea{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:13px}.form-row textarea{resize:vertical;min-height:60px;font-family:var(--sans-font)}.error-banner{background:var(--accent-red-dim);border:1px solid var(--accent-red);color:var(--accent-red);border-radius:6px;padding:10px 12px;font-size:13px;margin-bottom:12px}.loading-banner{background:var(--accent-blue-dim);border:1px solid var(--accent-blue);color:var(--accent-blue);border-radius:6px;padding:10px 12px;font-size:13px;margin-bottom:12px}.empty-state{color:var(--text-muted);font-size:13px;padding:24px 0;text-align:center}.review-card{border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;background:var(--bg-panel-alt)}.review-card+.review-card{margin-top:12px}.review-meta{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.login-gate{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-app)}.login-gate .panel{width:360px}.trend-bars{display:flex;align-items:flex-end;gap:6px;height:120px;padding-top:8px}.trend-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;height:100%;justify-content:flex-end}.trend-bar{width:60%;border-radius:2px 2px 0 0}.trend-bar.market-value{background:var(--accent-green)}.trend-bar.cash-flow{background:var(--accent-blue)}.sparkline{position:relative}.sparkline svg{display:block;overflow:visible}.sparkline-line{stroke-width:1.5}.sparkline-line.up{stroke:var(--accent-green)}.sparkline-line.down{stroke:var(--accent-red)}.sparkline-crosshair{stroke:var(--border-strong);stroke-width:1}.sparkline-dot.up{fill:var(--accent-green)}.sparkline-dot.down{fill:var(--accent-red)}.sparkline-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:4px;padding:4px 8px;background:var(--text-primary);color:var(--bg-panel);font-size:11px;line-height:1.4;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:10}.price-chart-header{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.price-chart-current{font-family:var(--mono-font);font-size:20px;font-weight:700}.price-chart-range{font-size:12px;color:var(--text-muted)}.price-chart-svg-wrap{position:relative}.price-chart-svg{display:block;width:100%;height:200px}.price-chart-area.up{fill:var(--accent-green-dim)}.price-chart-area.down{fill:var(--accent-red-dim)}.price-chart-line{stroke-width:2}.price-chart-line.up{stroke:var(--accent-green)}.price-chart-line.down{stroke:var(--accent-red)}.price-chart-crosshair{stroke:var(--border-strong);stroke-width:1}.price-chart-dot.up{fill:var(--accent-green)}.price-chart-dot.down{fill:var(--accent-red)}.price-chart-tooltip{position:absolute;top:8px;transform:translate(-50%);padding:6px 10px;background:var(--text-primary);color:var(--bg-panel);font-size:12px;line-height:1.4;border-radius:6px;white-space:nowrap;pointer-events:none}.price-chart-axis{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;color:var(--text-muted)}.trend-bar-date{font-size:10px;color:var(--text-muted);writing-mode:vertical-rl}