:root{color-scheme:dark;--bg: #0b0e14;--panel: #131826;--panel-2: #1b2233;--border: #232b3d;--text: #e6e6e6;--muted: #8a93a6;--accent: #4f9dff;--up: #2ecc71;--down: #ff6b6b}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}.app{max-width:960px;margin:0 auto;padding:.75rem 1rem 2rem}.muted{color:var(--muted)}.error{color:var(--down)}.topbar{display:flex;align-items:center;gap:.75rem;padding:.25rem 0 .75rem}.brand{font-size:1.15rem;margin:0;white-space:nowrap}.icon-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;width:36px;height:36px;font-size:1rem;cursor:pointer;flex:none}.icon-btn:hover{background:var(--border)}.ticker-search{display:flex;gap:.4rem;margin-left:auto;min-width:0}.ticker-search input{background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.45rem .6rem;width:min(46vw,220px);min-width:0;font-size:.95rem}.ticker-search input:focus{outline:none;border-color:var(--accent)}.chart-panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1rem}.quote{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem}.quote-main{display:flex;align-items:baseline;gap:.5rem}.quote-symbol{font-size:1.4rem;font-weight:700}.quote-name{font-size:.9rem}.quote-price{display:flex;align-items:baseline;gap:.6rem}.price{font-size:1.25rem;font-weight:600}.change{font-size:.9rem;font-weight:600}.change.up{color:var(--up)}.change.down{color:var(--down)}.badge-stale{background:#5a4a1a;color:#ffd479;border-radius:6px;font-size:.7rem;padding:.1rem .4rem;text-transform:uppercase;letter-spacing:.04em}.list-actions{margin-left:auto;display:flex;gap:.4rem}.list-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.4rem .7rem;cursor:pointer;font-size:.85rem;white-space:nowrap}.list-btn:hover{background:var(--border)}.list-btn.active{color:#ffd479;border-color:#5a4a1a;background:#2a2410}.info-btn{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:.2rem .55rem;font-size:.8rem;cursor:pointer;white-space:nowrap}.info-btn:hover{color:var(--text);border-color:var(--accent)}.info-scrim{position:fixed;inset:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:12}.info-scrim.open{opacity:1;pointer-events:auto}.info-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-48%);width:min(560px,calc(100vw - 2rem));max-height:min(80vh,640px);background:var(--panel);border:1px solid var(--border);border-radius:14px;z-index:13;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.info-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.info-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem 1rem .5rem}.info-title{margin:0;font-size:1.1rem}.info-name{font-weight:400;font-size:.95rem}.info-body{padding:0 1rem 1rem;overflow-y:auto}.info-description{margin:.25rem 0 1rem;line-height:1.5;font-size:.92rem}.info-meta{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0;font-size:.88rem}.info-meta dt{color:var(--muted)}.info-meta dd{margin:0}.info-meta a{color:var(--accent)}.notes-label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:.5rem 0 .35rem}.notes-textarea{width:100%;min-height:7rem;resize:vertical;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.6rem;font:inherit;font-size:.92rem;line-height:1.45}.notes-textarea:focus{outline:none;border-color:var(--accent)}.notes-actions{display:flex;gap:.4rem;margin-top:.5rem}.notes-dropzone{display:flex;flex-direction:column;align-items:center;gap:.5rem;border:1px dashed var(--border);border-radius:10px;padding:1.25rem 1rem;text-align:center}.notes-image img{display:block;max-width:100%;border:1px solid var(--border);border-radius:10px}.swipe-surface{position:relative;user-select:none;cursor:grab;margin:0 -1rem}.swipe-surface:active{cursor:grabbing}.swipe-card{will-change:transform,opacity}.range-selector{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}.range-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:.4rem .7rem;cursor:pointer;font-size:.85rem;font-weight:600}.range-btn.active{background:var(--accent);border-color:var(--accent);color:#06101f}.swipe-hints{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.75rem;font-size:.8rem}.nav-btn{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.35rem .7rem;cursor:pointer}.nav-btn:disabled{opacity:.4;cursor:default}.source-selector{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.source-label{font-size:.8rem}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg-btn{background:var(--panel-2);border:none;border-left:1px solid var(--border);color:var(--muted);padding:.35rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer}.seg-btn:first-child{border-left:none}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:var(--accent);color:#06101f}.drawer-scrim{position:fixed;inset:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;left:0;bottom:0;width:min(300px,82vw);background:var(--panel);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .22s ease;z-index:11;display:flex;flex-direction:column;padding:1rem}.drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.drawer-head h2{margin:0;font-size:1.05rem}.drawer-body{display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.drawer-section-title{margin:0 0 .35rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.drawer-empty{font-size:.9rem}.collection-list{list-style:none;margin:0;padding:0}.collection-list li{display:flex;align-items:center;gap:.5rem}.collection-item{flex:1;display:flex;align-items:baseline;gap:.5rem;background:transparent;border:none;color:var(--text);text-align:left;padding:.55rem .4rem;cursor:pointer;border-radius:8px}.collection-item:hover{background:var(--panel-2)}.collection-item .sym{font-weight:600}.collection-item .name{font-size:.8rem}.pwa-toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.6rem;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:.6rem .9rem;z-index:20;font-size:.9rem;box-shadow:0 8px 24px #0006}@media(max-width:640px){.app{padding:.75rem .5rem 2rem}.chart-panel{padding:.75rem}.swipe-surface{margin:0 -.75rem}}