:root{--bg: #0f0e0d;--surface: #191815;--surface-raised: #211f1c;--surface-border: #2c2a26;--surface-hover: #282520;--text-primary: #e8e3da;--text-secondary: #9e9a91;--text-tertiary: #625f58;--text-link: #b8a882;--accent: #c9a84c;--accent-dim: rgba(201, 168, 76, .12);--accent-border: rgba(201, 168, 76, .25);--status-watchlist: #7c8fa8;--status-holding: #5a9e7f;--status-abandoned: #5a5750;--status-adding: #4a9db5;--status-reducing: #c97a3f;--sentiment-positive: #5a8f5a;--sentiment-negative: #a85454;--sentiment-neutral: #7c8490;--danger: #a85454;--success: #5a8f5a;--warning: #c9a020;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "Menlo", monospace}*{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);min-height:100vh;min-height:100dvh;line-height:1.6;overflow-x:hidden}img,svg,video,canvas,iframe{max-width:100%}h1,h2,h3,h4{font-weight:500;letter-spacing:-.01em;line-height:1.3}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}.mono{font-family:var(--font-mono);font-size:.875em}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.app-shell{display:flex;min-height:100vh;min-height:100dvh}.sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--surface-border);padding:var(--space-xl) 0 var(--space-lg);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.main-content{margin-left:220px;flex:1;min-width:0;min-height:100vh;min-height:100dvh;padding:var(--space-xl) var(--space-2xl);max-width:960px;overflow-wrap:break-word;word-break:break-word}.sidebar-logo{padding:0 var(--space-lg) var(--space-xl);font-family:var(--font-mono);font-size:.9rem;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.sidebar-logo small{display:block;color:var(--text-tertiary);font-size:.7rem;margin-top:2px;letter-spacing:0;font-family:var(--font-sans);text-transform:none}.nav-section{padding:0 var(--space-md) var(--space-lg)}.nav-section-label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);padding:0 var(--space-sm) var(--space-xs);margin-bottom:var(--space-xs)}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:7px var(--space-sm);border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:400;transition:color .15s,background .15s;cursor:pointer}.nav-item:hover{color:var(--text-primary);background:var(--surface-hover)}.nav-item.active{color:var(--text-primary);background:var(--accent-dim)}.nav-item .nav-icon{width:16px;flex-shrink:0;opacity:.6}.nav-item.active .nav-icon{opacity:1}.sidebar-bottom{margin-top:auto;padding:var(--space-md);border-top:1px solid var(--surface-border)}.card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-lg)}.card-sm{padding:var(--space-md)}.card+.card{margin-top:var(--space-md)}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;border:none;outline:none;text-decoration:none}.btn-primary{background:var(--accent);color:#0f0e0d}.btn-primary:hover{background:#d9b858}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--surface-border)}.btn-ghost:hover{color:var(--text-primary);background:var(--surface-hover)}.btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(168,84,84,.3)}.btn-danger:hover{background:#a854541a}.btn-sm{padding:5px 10px;font-size:.8rem}.btn-xs{padding:3px 8px;font-size:.75rem}.btn:disabled{opacity:.4;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.form-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.form-input,.form-textarea,.form-select{background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:.9rem;padding:8px 12px;width:100%;outline:none;transition:border-color .15s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-border)}.form-textarea{resize:vertical;min-height:80px;line-height:1.6}.form-select option{background:var(--surface-raised)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:.75rem;font-weight:500;white-space:nowrap}.badge-watchlist{background:#7c8fa826;color:var(--status-watchlist)}.badge-holding{background:#5a9e7f26;color:var(--status-holding)}.badge-abandoned{background:#5a575033;color:var(--status-abandoned)}.badge-adding{background:#4a9db526;color:var(--status-adding)}.badge-reducing{background:#c97a3f26;color:var(--status-reducing)}.badge-small_position{background:#6b8cba26;color:#6b8cba}.badge-positive{background:#5a8f5a26;color:var(--sentiment-positive)}.badge-negative{background:#a8545426;color:var(--sentiment-negative)}.badge-neutral{background:#7c849026;color:var(--sentiment-neutral)}.divider{border:none;border-top:1px solid var(--surface-border);margin:var(--space-lg) 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.section-header h2{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);font-weight:500}.loading-text{color:var(--text-tertiary);font-size:.875rem;padding:var(--space-xl) 0;text-align:center}.empty-state{text-align:center;padding:var(--space-2xl) 0;color:var(--text-tertiary)}.empty-state p{font-size:.875rem;margin-top:var(--space-sm)}.ai-output{background:var(--surface-raised);border:1px solid var(--accent-border);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md)}.ai-output-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm)}.ai-section{margin-bottom:var(--space-md)}.ai-section h4{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-xs)}.ai-insufficient{background:#c97a3f1a;border:1px solid rgba(201,122,63,.25);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--status-reducing);font-size:.85rem}.news-item{padding:var(--space-md) 0;border-bottom:1px solid var(--surface-border);display:flex;gap:var(--space-md)}.news-item:last-child{border-bottom:none}.news-item.read{opacity:.5}.news-item-content{flex:1;min-width:0}.news-title{font-size:.9rem;color:var(--text-primary);text-decoration:none;display:block;line-height:1.4}.news-title-inline{display:inline;vertical-align:middle}@media (max-width: 768px){.news-title{font-size:.95rem}.news-meta{flex-wrap:wrap;gap:var(--space-sm)}}.news-title:hover{color:var(--accent)}.news-meta{display:flex;gap:var(--space-md);margin-top:4px;font-size:.75rem;color:var(--text-tertiary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.fade-enter-active,.fade-leave-active{transition:opacity .15s}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0;padding:var(--space-md);padding-top:max(var(--space-md),env(safe-area-inset-top));padding-bottom:calc(72px + env(safe-area-inset-bottom));padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right));max-width:100%}.grid-2,.grid-3{grid-template-columns:1fr}.btn{min-height:44px}.btn-sm{min-height:36px}.news-title,.news-item-content,.card,.ai-output{overflow-wrap:break-word;word-break:break-word}.section-header{flex-wrap:wrap;gap:var(--space-sm)}h1{font-size:1.25rem}}.mobile-bottom-nav{display:none}@media (max-width: 768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--surface-border);z-index:200;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-tertiary);text-decoration:none;font-size:.65rem;position:relative;transition:color .15s}.mobile-nav-item svg{width:20px;height:20px}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-badge{position:absolute;top:6px;right:calc(50% - 14px);width:14px;height:14px;background:var(--danger);color:#fff;border-radius:50%;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center}.ticker-tag{font-family:var(--font-mono);font-size:.8rem;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-border);padding:2px 8px;border-radius:var(--radius-sm)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-md)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.justify-between{justify-content:space-between}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}