:root{--bg: #0a0a14;--bg-elev-1: #12121f;--bg-elev-2: #1a1a2a;--bg-elev-3: #222235;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--text: #f0f0f5;--text-soft: #b4b4c5;--text-quiet: #7a7a8e;--text-whisper: #4a4a5e;--violet: #8b5cf6;--violet-strong: #a78bfa;--violet-soft: rgba(139, 92, 246, .12);--good: #6fb58a;--good-soft: rgba(111, 181, 138, .08);--whisper-up: rgba(111, 181, 138, .55);--attention: #d4a659;--attention-soft: rgba(212, 166, 89, .1);--whisper-down: rgba(212, 166, 89, .55);--bad: #e08860;--bad-soft: rgba(224, 136, 96, .1);--banner-calm: linear-gradient(135deg, #f5c451 0%, #e8a93d 100%);--banner-difficult: linear-gradient(135deg, #3d4758 0%, #2c3544 100%);--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 100px;--ease-calm: cubic-bezier(.16, 1, .3, 1);--ease-quick: ease;--dur-fade: .3s;--dur-expand: .5s;--dur-settle: 1s;--dur-stagger: .15s}[data-theme=light]{--bg: #ffffff;--bg-elev-1: #f5f6f8;--bg-elev-2: #ebedf0;--bg-elev-3: #e0e2e6;--border: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .2);--text: #0a0a0f;--text-soft: #2a2a3a;--text-quiet: #4a4a5a;--text-whisper: #7a7a8a;--good: #2d8659;--good-soft: rgba(45, 134, 89, .12);--whisper-up: rgba(45, 134, 89, .65);--attention: #b8881f;--attention-soft: rgba(184, 136, 31, .12);--whisper-down: rgba(184, 136, 31, .65);--bad: #c8643a;--bad-soft: rgba(200, 100, 58, .12);--banner-calm: linear-gradient(135deg, #f5c451 0%, #e8a93d 100%);--banner-difficult: linear-gradient(135deg, #e0e2e6 0%, #d0d2d6 100%)}.num,[data-num]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.calm-daily-brief{font-family:var(--font-body);color:var(--text)}.greeting-banner{background:var(--banner-calm);border-radius:12px;padding:28px 32px;color:#1a1405;position:relative;overflow:hidden;margin-bottom:28px;opacity:0;animation:rise .7s .1s var(--ease-calm) forwards}.greeting-banner:before{content:"";position:absolute;top:-20px;right:-20px;width:120px;height:120px;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 70%);border-radius:50%}.greeting-banner.difficult{background:var(--banner-difficult);color:#e8ecf2}.greeting-title{font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.greeting-meta{font-size:12px;opacity:.75;font-weight:500}.greeting-status{position:absolute;top:20px;right:24px;display:flex;gap:6px}.greeting-pill{font-size:10px;padding:4px 10px;border-radius:100px;background:#1a140526;color:#1a1405;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.greeting-pill.calm{background:#1a14051a}.greeting-pill.attn{background:#d4825940;color:#ffb488}.account-row{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}.account-name{font-size:20px;font-weight:600;letter-spacing:-.01em}.account-tag{font-size:10px;padding:3px 8px;border-radius:4px;background:var(--good-soft);color:var(--good);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.summary{font-size:15px;color:var(--text-soft);line-height:1.6;margin-bottom:36px}.summary strong{color:var(--text);font-weight:500}.summary .emph{color:var(--good);font-weight:500}.view-mode-toggle-container{display:flex;align-items:center;gap:14px;padding:12px 20px;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:8px;margin-bottom:0}.view-mode-label{font-size:11px;font-weight:600;color:var(--text-quiet);letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-mono)}.view-mode-toggle{display:flex;gap:4px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:100px;padding:3px}.toggle-option{padding:6px 14px;border-radius:100px;background:transparent;border:none;color:var(--text-quiet);font-size:12px;font-weight:500;cursor:pointer;font-family:var(--font-body);transition:all .25s ease;display:flex;align-items:center;gap:6px}.toggle-option:hover{color:var(--text-soft)}.toggle-option.active{background:var(--violet);color:#fff}.toggle-icon{font-size:14px;line-height:1}.toggle-text{line-height:1}.view-mode-description{font-size:11px;color:var(--text-whisper);font-style:italic;margin-left:auto}.horizon-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:12px}.horizon-tabs{display:flex;gap:4px;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:100px;padding:3px}.horizon-tabs button{padding:6px 14px;border-radius:100px;background:transparent;border:none;color:var(--text-quiet);font-size:12px;font-weight:500;cursor:pointer;font-family:var(--font-body);transition:all .25s ease}.horizon-tabs button.active{background:var(--violet);color:#fff}.horizon-label{font-size:11px;color:var(--text-quiet);font-family:var(--font-mono);letter-spacing:.05em}.metric-card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:28px}.metric-banner{padding:14px 20px;background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:10px;font-size:12px;color:var(--text-soft)}.metric-banner .h{font-weight:600;color:var(--text);font-size:13px}.metric-banner .dates{font-family:var(--font-mono);font-size:10px;color:var(--text-quiet);margin-left:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}.metric{padding:0 24px;border-right:1px solid var(--border)}.metric:last-child{border-right:none}.metric-label{font-size:11px;color:var(--text-quiet);margin-bottom:10px;letter-spacing:.02em;font-weight:500}.metric-value{font-size:26px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-bottom:8px;line-height:1}.metric-delta{font-size:11px;font-family:var(--font-mono);color:var(--text-whisper);display:flex;align-items:center;gap:4px}.metric-delta.up{color:var(--whisper-up)}.metric-delta.down{color:var(--whisper-down)}.metric.headline .metric-delta.up{color:var(--good);font-weight:500}.metric.headline .metric-delta.down{color:var(--attention);font-weight:500}.metric.headline .metric-value{color:var(--text)}.context-line{padding:0 20px 20px;font-size:12px;color:var(--text-quiet);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);margin-bottom:0}.context-line .ctx-text{flex:1;font-style:italic}.context-line .ctx-text strong{color:var(--text-soft);font-weight:500;font-style:normal}.context-line .ctx-text .ctx-good{color:var(--good);font-weight:500;font-style:normal}.context-line .ctx-text .ctx-neutral{color:var(--text-soft);font-weight:500;font-style:normal}.compare-toggle{background:transparent;border:1px solid var(--border);color:var(--text-quiet);font-size:11px;font-family:var(--font-body);font-weight:500;padding:5px 11px;border-radius:100px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s ease;white-space:nowrap}.compare-toggle:hover{color:var(--text-soft);border-color:var(--border-strong)}.compare-toggle .chev{font-size:9px}.section{margin-bottom:32px;opacity:0;animation:rise .7s var(--ease-calm) forwards}.section:nth-of-type(1){animation-delay:.25s}.section:nth-of-type(2){animation-delay:.35s}.section:nth-of-type(3){animation-delay:.45s}.section:nth-of-type(4){animation-delay:.55s}.section-head{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px}.section-head.win{color:var(--good)}.section-head.look{color:var(--attention)}.section-head.rec{color:var(--violet-strong)}.section-head .count{font-family:var(--font-mono);color:var(--text-whisper);font-weight:400;letter-spacing:.04em}.entry{padding:14px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.entry:last-child{border-bottom:none}.entry-text{font-size:14px;color:var(--text-soft);line-height:1.5}.entry-text strong{color:var(--text);font-weight:500}.entry-figure{font-family:var(--font-mono);font-size:11px;color:var(--text-quiet);white-space:nowrap}.rec-card{background:var(--bg-elev-1);border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:22px 24px;position:relative;overflow:hidden}.rec-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--violet)}.rec-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.rec-priority{font-size:9px;padding:3px 8px;border-radius:4px;background:var(--violet-soft);color:var(--violet-strong);font-weight:600;letter-spacing:.08em}.rec-effort{font-size:11px;color:var(--text-quiet);font-family:var(--font-mono)}.rec-title{font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px}.rec-why{font-size:13px;color:var(--text-soft);margin-bottom:18px;max-width:580px;line-height:1.55}.rec-actions{display:flex;gap:8px;align-items:center}.rec-actions .btn{padding:8px 14px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);font-family:var(--font-body)}.rec-actions .btn.primary{background:var(--violet);border-color:var(--violet);color:#fff}.rec-actions .btn.ghost{background:transparent;border-color:transparent;color:var(--text-quiet)}.show-more{background:none;border:none;color:var(--text-quiet);font-size:12px;cursor:pointer;margin-top:14px;padding:6px 0;font-family:var(--font-body);letter-spacing:.02em}.show-more:hover{color:var(--text-soft)}.hidden-recs{margin-top:14px}.mini-rec{padding:12px 16px;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.mini-rec-text{font-size:13px;color:var(--text-soft)}.mini-rec-meta{font-size:11px;color:var(--text-whisper);font-family:var(--font-mono)}.close-footer{margin-top:48px;padding:24px;text-align:center;border-top:1px solid var(--border)}.close-note{font-size:12px;color:var(--text-whisper);margin-bottom:14px;font-style:italic}.close-btn{padding:10px 22px;border-radius:100px;background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text-soft);font-size:12px;font-weight:500;cursor:pointer;font-family:var(--font-body);transition:all .3s ease}.close-btn:hover{background:var(--violet-soft);border-color:#8b5cf64d;color:var(--violet-strong)}.closed-msg{color:var(--text-soft);font-size:14px}.closed-msg .check{color:var(--good);margin-right:6px}.closed-sub{font-size:11px;color:var(--text-whisper);margin-top:6px;font-family:var(--font-mono);letter-spacing:.05em}.yoy-layer{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,1,.3,1);border-bottom:1px solid var(--border)}.yoy-layer.open{max-height:400px}.yoy-inner{padding:20px 0;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-lg)}.yoy-header{display:flex;padding:0 24px 14px;font-size:10px;color:var(--text-whisper);letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-mono)}.yoy-header .yoy-metric-col{flex:1.2}.yoy-header .yoy-period-col{flex:1;text-align:right}.yoy-row{display:flex;padding:10px 24px;align-items:center;border-top:1px solid rgba(255,255,255,.03)}.yoy-row:first-of-type{border-top:none}.yoy-row-label{flex:1.2;font-size:12px;color:var(--text-soft);display:flex;align-items:center;gap:10px}.yoy-row-label.headline{color:var(--text);font-weight:500}.yoy-spark{width:52px;height:18px;opacity:.7}.yoy-cell{flex:1;text-align:right;font-family:var(--font-mono);font-size:11px;color:var(--text-whisper);line-height:1.4}.yoy-cell .yoy-val{color:var(--text-quiet)}.yoy-cell .yoy-delta{display:block;font-size:10px;margin-top:2px}.yoy-cell .yoy-delta.up{color:var(--whisper-up)}.yoy-cell .yoy-delta.down{color:var(--whisper-down)}.yoy-row.headline .yoy-cell .yoy-delta.up{color:var(--good);font-weight:500}.yoy-row.headline .yoy-cell .yoy-delta.down{color:var(--attention);font-weight:500}.yoy-row.headline .yoy-cell .yoy-val{color:var(--text-soft)}.yoy-footnote{padding:14px 24px 0;font-size:11px;color:var(--text-whisper);font-style:italic;border-top:1px solid var(--border);margin-top:12px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.metric-grid{grid-template-columns:repeat(2,1fr);gap:20px 0;padding:20px 0}.metric{padding:0 16px 16px;border-bottom:1px solid var(--border)}.metric:nth-child(-n+2){border-bottom:1px solid var(--border)}.metric:nth-child(2n){border-right:none}.greeting-title{font-size:26px}.greeting-status{top:16px;right:16px}}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-inverse: #ffffff;--text-placeholder: #94a3b8;--ui-primary: #3b82f6;--ui-secondary: #6366f1;--ui-accent: #f59e0b;--ui-border: #e2e8f0;--ui-divider: #f1f5f9;--ui-hover: #f8fafc;--ui-active: #e2e8f0;--status-success: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--gradient-start: #fef3c7;--gradient-end: #fcd34d;--shadow-color: rgba(0, 0, 0, .1);--accent-color: #3b82f6;--accent-bg: rgba(59, 130, 246, .1);--border-light: #f3f4f6;--bg-hover: #f8fafc;--bg-subtle: #f3f4f6;--text-muted: #6b7280;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-inverse: #0f172a;--text-placeholder: #475569;--ui-primary: #60a5fa;--ui-secondary: #818cf8;--ui-accent: #fbbf24;--ui-border: #334155;--ui-divider: #1e293b;--ui-hover: #334155;--ui-active: #475569;--status-success: #34d399;--status-warning: #fbbf24;--status-error: #f87171;--status-info: #60a5fa;--gradient-start: #1e293b;--gradient-end: #334155;--shadow-color: rgba(0, 0, 0, .5);--accent-color: #60a5fa;--accent-bg: rgba(96, 165, 250, .15);--border-light: #334155;--bg-hover: #334155;--bg-subtle: #1e293b;--text-muted: #94a3b8;--success-color: #34d399;--error-color: #f87171;--warning-color: #fbbf24}.greeting-hero[data-time=morning]{--gradient-start: #fef3c7;--gradient-end: #fcd34d}.greeting-hero[data-time=afternoon]{--gradient-start: #dbeafe;--gradient-end: #93c5fd}.greeting-hero[data-time=evening]{--gradient-start: #fce7f3;--gradient-end: #f9a8d4}.greeting-hero[data-time=night]{--gradient-start: #ddd6fe;--gradient-end: #c4b5fd}[data-theme=dark] .greeting-hero[data-time=morning]{--gradient-start: #1e293b;--gradient-end: #334155}[data-theme=dark] .greeting-hero[data-time=afternoon]{--gradient-start: #0c4a6e;--gradient-end: #075985}[data-theme=dark] .greeting-hero[data-time=evening]{--gradient-start: #701a75;--gradient-end: #86198f}[data-theme=dark] .greeting-hero[data-time=night]{--gradient-start: #4c1d95;--gradient-end: #5b21b6}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.card{background-color:var(--bg-card);border:1px solid var(--ui-border);border-radius:8px;padding:16px}.button-primary{background-color:var(--ui-primary);color:var(--text-inverse);border:none;border-radius:6px;padding:8px 16px;transition:background-color .2s ease}.button-primary:hover{background-color:color-mix(in srgb,var(--ui-primary) 90%,black)}.input-field{background-color:var(--bg-card);border:1px solid var(--ui-border);color:var(--text-primary);border-radius:6px;padding:8px 12px}.input-field::placeholder{color:var(--text-placeholder)}.metric-card{background:var(--bg-card);border:1px solid var(--ui-border);border-radius:12px;padding:20px}.trend-line{stroke:var(--ui-primary)}.funnel-segment-1{fill:var(--ui-primary)}.funnel-segment-2{fill:var(--ui-secondary)}.funnel-segment-3{fill:#8b5cf6}.keyword-table{background:var(--bg-card);border:1px solid var(--ui-border)}.keyword-table-header{background:var(--bg-secondary);color:var(--text-primary)}.keyword-table-row:nth-child(2n){background:var(--bg-secondary)}.keyword-table-row:hover{background:var(--ui-hover)}.volume-high{color:var(--status-error)}.volume-medium{color:var(--status-warning)}.volume-low{color:var(--status-success)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 2s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 3s linear infinite}.animate-spin-reverse{animation:spin-reverse 2s linear infinite}.animate-slide-up{animation:slide-up .4s ease-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .4s ease-out forwards}.animate-gradient{animation:gradient 3s ease infinite}.shimmer-animation{animation:shimmer 2s infinite}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:8px}.progressive-reveal{animation:slide-up .5s ease-out forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}::-webkit-scrollbar-thumb{background:#ff45004d;border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#ff450080}::-webkit-scrollbar-thumb:active{background:#ff4500b3}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-tertiary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ff450066}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ff450099}*{scroll-behavior:smooth}