:root{color:#f5f5f6;background:#1a1a1b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #1a1a1b;--panel: #202023;--panel-2: #242428;--panel-3: #19191b;--line: rgba(148, 163, 184, .18);--line-soft: rgba(148, 163, 184, .12);--line-strong: rgba(139, 92, 246, .46);--text: #f5f5f6;--muted: #8f9098;--soft: #d2d3d8;--violet: #8b5cf6;--violet-strong: #a78bfa;--cyan: #67e8f9;--amber: #f8c96a;--magenta: #f07a92}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}h1,h2,p{margin:0}.app-shell{min-height:100vh;min-height:100dvh;background:var(--bg);display:grid;place-items:center;padding:24px}.workspace{width:min(100%,430px);height:min(900px,calc(100vh - 48px));height:min(900px,calc(100dvh - 48px));min-height:0;border:1px solid var(--line);border-radius:22px;background:#1d1d1f;box-shadow:0 32px 80px #0000006b;display:flex;flex-direction:column;overflow:hidden;padding:calc(20px + env(safe-area-inset-top,0px)) 18px 0}.topbar{align-items:flex-start;display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;flex:0 0 auto}.topbar-actions{align-items:flex-end;display:grid;flex:0 0 auto;gap:10px;justify-items:end}.tab-content{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:24px;scroll-padding-bottom:112px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.tab-content::-webkit-scrollbar{display:none}.eyebrow,.topbar-subtitle{color:var(--muted);font-size:.76rem;line-height:1.35}.eyebrow{font-weight:700;letter-spacing:0;margin-bottom:6px}.topbar h1{color:var(--text);font-size:2.2rem;letter-spacing:0;line-height:1}.topbar-subtitle{margin-top:8px}.live-indicator{align-items:center;border:1px solid var(--line);border-radius:999px;color:var(--soft);display:inline-flex;flex:0 0 auto;font-size:.76rem;gap:6px;padding:7px 10px;white-space:nowrap}.summary-grid,.summary-row,.status-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.summary-grid div,.summary-row,.create-panel,.alert-row,.activity-row,.decision-row,.discover-row,.diagnostics-grid div,.notice-panel,.status-card{background:var(--panel);border:1px solid var(--line);border-radius:8px}.summary-grid div{padding:14px}.summary-row{align-items:center;display:flex;gap:0;overflow:hidden;padding:0}.summary-stat{flex:1 1 0;min-width:0;padding:13px 14px}.summary-stat+.summary-stat{border-left:1px solid var(--line-soft)}.summary-grid span,.summary-row span,.diagnostics-grid span,.notice-panel span,.status-card span{color:var(--muted);display:block;font-size:.76rem;margin-bottom:6px}.summary-grid strong,.summary-row strong{color:var(--text);font-size:1.8rem;line-height:1}.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.refresh-action,.primary-action,.header-icon-action,.modal-close,.segmented-control button,.bottom-nav button,.list-toolbar button{align-items:center;border-radius:8px;display:inline-flex;gap:8px;justify-content:center;min-height:42px}.refresh-action,.header-icon-action,.modal-close,.segmented-control button,.bottom-nav button,.list-toolbar button{border:1px solid var(--line);background:var(--panel-2);color:var(--soft)}.refresh-action.secondary{border-color:#8b5cf657;background:#8b5cf614;color:#ddd6fe}.header-icon-action,.modal-close{border-radius:999px;height:42px;min-height:42px;width:42px}.header-icon-action,.header-icon-action--primary{border-color:#8b5cf670;background:#8b5cf61f;box-shadow:0 0 22px #8b5cf629;color:#ddd6fe}.header-icon-action--primary{margin-top:2px}.modal-backdrop{align-items:end;background:#08080aad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;inset:0;padding:18px;position:fixed;z-index:50}.create-modal{margin:0 auto;max-height:min(760px,calc(100dvh - 36px));overflow-y:auto;scrollbar-width:none;width:min(100%,430px);-webkit-overflow-scrolling:touch}.create-modal::-webkit-scrollbar{display:none}.create-modal-card{border-color:#8b5cf652;box-shadow:0 26px 80px #0000008a,0 0 36px #8b5cf61f;margin-bottom:0}.modal-heading-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.modal-close{flex:0 0 auto}.create-modal-card .primary-action{bottom:0;position:sticky;z-index:2}.primary-action{border:1px solid var(--violet);background:#8b5cf614;color:#ede9fe;font-weight:760;padding:0 14px;width:100%}.primary-action:hover{background:#8b5cf624;border-color:var(--violet-strong);color:var(--text)}.bottom-nav{display:grid;z-index:20;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid var(--line);background:#1d1d1ffa;box-shadow:0 -18px 36px #00000042;margin:0 -18px;padding:8px 18px calc(8px + env(safe-area-inset-bottom,0px))}.bottom-nav button{flex-direction:column;font-size:.72rem;gap:4px;min-height:50px}.bottom-nav button.selected{border-color:var(--line-strong);background:#8b5cf61f;color:var(--text);font-weight:760}.create-panel,.diagnostics-panel,.discover-panel{display:grid;gap:14px}.create-panel{margin-bottom:16px;padding:18px}.panel-heading{align-items:center;color:var(--text);display:flex;gap:10px}.panel-heading h2,.list-toolbar h2{color:var(--text);font-size:1rem}.panel-heading p{color:var(--muted);font-size:.78rem;margin-top:3px}label,fieldset{border:0;display:grid;gap:7px;margin:0;min-inline-size:0;padding:0}label span,legend{color:var(--muted);font-size:.78rem}input,select{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--panel-3);color:var(--text);outline:0;padding:12px}input:focus,select:focus{border-color:var(--violet-strong);box-shadow:0 0 0 3px #8b5cf624}.ticker-field{display:grid;gap:8px}.ticker-suggestions{background:#19191beb;border:1px solid var(--line);border-radius:10px;display:grid;gap:4px;padding:5px}.ticker-suggestions button{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--soft);display:flex;gap:10px;justify-content:flex-start;min-height:38px;padding:8px 10px;text-align:left;width:100%}.ticker-suggestions button:hover,.ticker-suggestions button:focus-visible{background:#8b5cf61a;outline:1px solid rgba(139,92,246,.34)}.ticker-suggestions strong{color:var(--text);font-size:.9rem;letter-spacing:.01em;min-width:48px}.ticker-suggestions span{color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-line{border-left:1px solid rgba(139,92,246,.5);color:#d8d4e4;font-size:.84rem;padding-left:10px}.segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.segmented-control button.selected{border-color:var(--line-strong);background:#8b5cf61f;color:var(--text)}.notification-panel{align-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:auto 1fr;padding:12px}.notification-panel strong{color:var(--text);display:block;font-size:.9rem;margin-bottom:4px}.notification-panel p{color:var(--muted);font-size:.78rem;line-height:1.35}.notification-warning{border-left:2px solid rgba(139,92,246,.75);color:var(--muted);font-size:.8rem;line-height:1.4;margin:-2px 0 0;padding-left:10px}.notification-panel button{grid-column:1 / -1;border:1px solid rgba(139,92,246,.38);border-radius:8px;background:#8b5cf614;color:var(--text);min-height:40px;padding:8px 10px}.form-error{color:var(--magenta);font-size:.84rem}.alert-list,.activity-list,.decision-list,.discover-list{display:grid;gap:10px}.decision-list{gap:0}.activity-toolbar,.decisions-toolbar{margin-top:16px}.list-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.list-toolbar button{font-size:.78rem;min-height:34px;padding:0 10px}.alert-row{align-items:flex-start;display:flex;justify-content:space-between;gap:12px;padding:14px}.activity-row{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:12px 13px}.decision-row{background:transparent;border-width:0 0 1px;border-color:var(--line-soft);border-radius:0;display:grid;gap:10px;padding:14px 2px}.discover-search{display:grid;gap:12px}.discover-row{display:grid;gap:18px;min-height:238px;padding:20px}.discover-copy{display:grid;gap:14px;min-width:0}.discover-copy>p{color:var(--text);font-size:1.72rem;font-weight:780;letter-spacing:0}.discover-topline{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.sparkline{align-items:end;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);height:64px;overflow:hidden}.sparkline span{border-radius:3px 3px 0 0;background:linear-gradient(180deg,#a78bfaf2,#8b5cf670);min-height:12px}.sparkline.up span:nth-child(1){height:28%}.sparkline.up span:nth-child(2){height:42%}.sparkline.up span:nth-child(3){height:58%}.sparkline.up span:nth-child(4){height:86%}.sparkline.down span:nth-child(1){height:84%}.sparkline.down span:nth-child(2){height:62%}.sparkline.down span:nth-child(3){height:44%}.sparkline.down span:nth-child(4){height:30%}.quote-meta{display:grid;gap:7px;margin:0}.quote-meta div{align-items:baseline;display:flex;gap:8px;justify-content:space-between;min-width:0}.quote-meta .quote-updated-row{align-items:start;display:grid;gap:3px;justify-content:start;margin-top:2px}.quote-meta dt{color:var(--muted);flex:0 0 auto;font-size:.74rem}.quote-meta dd{color:var(--soft);font-size:.78rem;margin:0;min-width:0;overflow-wrap:anywhere;text-align:right}.quote-meta .quote-updated{color:var(--muted);font-family:SFMono-Regular,SF Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-align:left}.result-action{margin-bottom:0;min-height:40px}.alert-copy{min-width:0}.alert-title{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px 10px;margin-bottom:6px}.alert-title strong{color:var(--text);font-size:1.02rem;font-weight:780}.alert-title span,.alert-row p,.activity-row span,.decision-row span,.empty-activity,.alert-metadata span{color:var(--muted);font-size:.84rem}.activity-row p,.decision-row p{color:var(--text);font-size:.84rem}.activity-row span{flex:0 0 auto;font-size:.78rem}.alert-metadata{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.alert-metadata span{border:1px solid var(--line-soft);border-radius:999px;padding:4px 7px}.decision-meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.decision-meta .status{font-size:.72rem}.decision-time{color:#a5a6ad;font-family:SFMono-Regular,SF Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;letter-spacing:0}.price-change,.status{border-radius:999px;flex:0 0 auto;font-size:.72rem;font-weight:760;padding:5px 8px}.price-change.positive{background:#67e8f914;color:#b7f4fb}.price-change.negative{background:#f07a921a;color:#f7a8b8}.alert-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px}.status.triggered{background:#8b5cf624;color:#ddd6fe}.status.quiet{background:#94a3b81a;color:#cbd5e1}.icon-action{align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--muted);display:inline-flex;height:34px;justify-content:center;width:34px}.icon-action:hover,.list-toolbar button:hover,.refresh-action:hover{border-color:var(--violet-strong);color:var(--text)}.diagnostics-grid{display:grid;gap:10px}.diagnostics-grid div,.notice-panel{padding:14px}.diagnostics-grid strong,.notice-panel strong,.status-card strong{color:var(--text);display:block;font-size:.95rem;font-weight:760;line-height:1.35;overflow-wrap:anywhere}.notice-panel{color:var(--soft);font-size:.9rem;line-height:1.45}.notice-panel.warning{border-color:#f8c96a57;background:#f8c96a14}.status-card{align-items:center;display:flex;gap:12px;padding:14px}.status-card svg{align-items:center;background:radial-gradient(circle,rgba(139,92,246,.24),rgba(139,92,246,.08) 52%,transparent 70%);border:1px solid rgba(139,92,246,.34);border-radius:999px;box-shadow:0 0 18px #8b5cf62e;color:#c4b5fd;flex:0 0 auto;height:34px;padding:7px;width:34px}@media(max-width:520px){html,body,#root{min-height:100%}body{overflow-y:auto}.app-shell{align-items:stretch;display:block;min-height:100vh;min-height:100dvh;padding:0}.workspace{height:auto;min-height:0;min-height:100vh;min-height:100dvh;width:100%;border:0;border-radius:0;box-shadow:none;overflow:visible;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.tab-content{flex:initial;min-height:0;overflow:visible;padding-bottom:24px;scroll-padding-bottom:120px}.bottom-nav{position:fixed;right:0;bottom:0;left:0;width:100%;border-right:0;border-bottom:0;border-left:0;border-radius:18px 18px 0 0}}@media(max-width:360px){.action-row,.summary-grid,.status-card-grid{grid-template-columns:1fr}.topbar h1{font-size:2.08rem}}
