:root{--bg: #0a0a0b;--surface: #111113;--border: #1a1a1c;--text: #e4e4e7;--muted: #71717a;--dim: #52525b;--subtle: #27272a;--yellow: #facc15;--green: #22c55e;--red: #ef4444;--amber: #fbbf24;--blue: #3b82f6}*{margin:0;padding:0;box-sizing:border-box}.hidden{display:none!important}.sync-spin{display:inline-block;width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--yellow);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body{background:var(--bg);color:var(--text);font-family:-apple-system,system-ui,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;max-width:540px;margin:0 auto}.topbar-logo{display:flex;align-items:center;flex-shrink:0}.topbar-domain{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--muted);background:none;border:none;cursor:pointer;font-family:inherit;padding:4px 8px;border-radius:4px;-webkit-tap-highlight-color:transparent;transition:color .1s}.topbar-domain:hover,.topbar-domain:active{color:var(--text)}.topbar-menu{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--muted);cursor:pointer;border-radius:6px;-webkit-tap-highlight-color:transparent;flex-shrink:0}.topbar-menu:active{background:var(--surface)}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:200;opacity:0;pointer-events:none;transition:opacity .15s}.modal-overlay.open{opacity:1;pointer-events:auto}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.95);z-index:201;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:calc(100% - 48px);max-width:320px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.modal-title{font-size:.6rem;color:var(--dim);text-transform:uppercase;letter-spacing:.1em;padding:14px 16px 8px}.modal-list{display:flex;flex-direction:column;padding:0 8px 8px}.modal-item{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;font-size:.8rem;color:var(--text);text-decoration:none;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background 80ms}.modal-item:active{background:var(--border)}.modal-item.active{color:var(--yellow)}.app-container{max-width:540px;margin:0 auto;padding:0 16px 32px}.time-range{display:flex;gap:4px;background:var(--surface);border-radius:8px;padding:3px;margin-bottom:16px}.time-range button{flex:1;padding:6px 0;font-size:.65rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:none;border:none;border-radius:6px;cursor:pointer;transition:all .1s;font-family:inherit;-webkit-tap-highlight-color:transparent}.time-range button.active{background:var(--subtle);color:var(--text);font-weight:600}.time-range button:active{opacity:.7}.date-picker{display:none;gap:8px;padding:8px 0;margin-bottom:8px}.date-picker.open{display:flex}.date-picker input{flex:1;padding:6px 8px;font-size:.7rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit}.date-picker button{padding:6px 14px;font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:var(--yellow);color:var(--bg);border:none;border-radius:6px;cursor:pointer;font-family:inherit}.hero{text-align:center;padding:12px 0}.hero-wl{font-size:2rem;font-weight:300;letter-spacing:-.02em}.chips{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:10px}.chip{background:var(--surface);border-radius:8px;padding:8px 12px;text-align:center;min-width:64px}.chip-v{font-size:1rem;font-weight:600}.chip-l{font-size:.5rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.section{margin-top:20px}.section-t{font-size:.6rem;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;padding-bottom:6px}.list{display:flex;flex-direction:column;gap:3px}.row{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border-radius:6px;padding:8px 10px;font-size:.75rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background 80ms;text-decoration:none;color:inherit}.row:active{background:var(--border)}.row.static{cursor:default}.row-left{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.row-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{font-size:.6rem;color:var(--muted)}.row-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.learn-bar{display:flex;align-items:center;gap:8px}.learn-name{font-size:.7rem;width:80px;flex-shrink:0;color:#a1a1aa}.learn-track{flex:1;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.learn-fill{height:100%;border-radius:2px}.learn-pct{font-size:.6rem;width:28px;text-align:right;flex-shrink:0}.toggle-track{position:absolute;inset:0;cursor:pointer;background:var(--border);border-radius:11px;transition:background .2s}.toggle-track:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:var(--muted);border-radius:50%;transition:transform .2s,background .2s}input:checked+.toggle-track{background:var(--yellow)}input:checked+.toggle-track:after{transform:translate(18px);background:var(--bg)}.tabs{display:flex;gap:3px;background:var(--surface);border-radius:8px;padding:3px;margin-bottom:16px}.tab-btn{flex:1;padding:8px 0;font-size:.65rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:none;border:none;border-radius:6px;cursor:pointer;transition:all .1s;font-family:inherit;-webkit-tap-highlight-color:transparent}.tab-btn.active{background:var(--subtle);color:var(--text);font-weight:600}.tab-btn:active{opacity:.7}.tab-panel{display:none}.tab-panel.active{display:block}.dim-row{border-bottom:1px solid var(--border)}.dim-row:last-child{border-bottom:none}.dim-arrow{transition:transform .15s ease;flex-shrink:0}.dim-detail-inner{padding:4px 10px 10px;display:flex;flex-direction:column;gap:3px}.dim-kv{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--muted);padding:3px 0}.dim-kv span:first-child{color:var(--text)}.journey{display:flex;flex-direction:column;gap:0;padding:4px 0}.j-step{display:flex;align-items:center;gap:8px;padding:3px 0}.j-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.j-page{font-size:.7rem;color:#a1a1aa;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-time{font-size:.65rem;color:var(--dim);flex-shrink:0}.j-line{width:1px;height:8px;background:var(--subtle);margin-left:2.5px}.pos{color:var(--green)}.neg{color:var(--red)}.warn{color:var(--amber)}.yl{color:var(--yellow)}.mut{color:var(--muted)}.back-btn{font-size:.7rem;color:var(--muted);margin-bottom:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:none;border:none;font-family:inherit;padding:0}.back-btn:hover{color:var(--yellow)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:3px}