.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--topbar-border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;transition:background .4s,border-color .4s}.topbar .logo{font-size:18px;font-weight:600;letter-spacing:-.5px;color:var(--number-color);transition:color .4s}.topbar .logo span{color:#6366f1}.topbar-left{display:flex;align-items:center;gap:24px}.topbar-nav{display:flex;gap:4px}.nav-link{background:transparent;border:none;color:var(--text-dim);padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.nav-link:hover{color:var(--text);background:var(--hover-bg)}.nav-link.active{color:#a5b4fc;background:#6366f11a}.topbar-right{display:flex;gap:12px;align-items:center}.topbar-right button{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-color);padding:6px 14px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .3s}.topbar-right button:hover{border-color:#6366f14d}.theme-toggle{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-color);padding:6px 12px;border-radius:8px;font-size:15px;cursor:pointer;transition:all .3s;line-height:1}.theme-toggle:hover{border-color:#6366f14d}.hero-metric{text-align:center;padding:48px 0 40px;animation:fadeIn .7s ease-out both}.hero-metric .value{font-size:72px;font-weight:700;letter-spacing:-3px;background:linear-gradient(135deg,var(--hero-grad-start),var(--hero-grad-mid),var(--hero-grad-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-metric .label{font-size:16px;color:var(--text-muted);margin-top:8px;letter-spacing:2px;text-transform:uppercase;transition:color .4s}.hero-metric .sublabel{font-size:13px;color:var(--text-dim);margin-top:4px;transition:color .4s}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:24px;text-align:center;animation:fadeIn .7s ease-out both;transition:background .4s,border-color .4s}.stat-card .number{font-size:32px;font-weight:700;color:var(--number-color);letter-spacing:-1px;transition:color .4s}.stat-card .desc{font-size:12px;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:1px;transition:color .4s}.stat-card .trend{font-size:12px;color:var(--green);margin-top:8px;font-weight:500;transition:color .4s}.stat-card .trend.stable{color:var(--segment-val-color)}.illuminate{position:relative;overflow:hidden}.illuminate:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),var(--illuminate-color) 0%,transparent 50%);pointer-events:none;opacity:0;transition:opacity .4s}.illuminate:hover:after{opacity:1}.panel{background:var(--panel-bg);border:1px solid var(--card-border);border-radius:16px;margin-bottom:24px;overflow:hidden;animation:fadeIn .7s ease-out both;transition:background .4s,border-color .4s}.panel-header{padding:20px 24px;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center;transition:border-color .4s}.panel-header h3{font-size:14px;font-weight:600;letter-spacing:-.3px;color:var(--text);transition:color .4s}.panel-header .action{font-size:12px;color:#6366f1;cursor:pointer}.panel-body{padding:24px}.segment-row{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:4px 0;position:relative;overflow:hidden;transition:background .3s;border-radius:8px}.segment-row:last-child{margin-bottom:0}.segment-row:hover{background:var(--hover-bg)}.segment-row:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,var(--flare-color),transparent);transition:left .6s ease;pointer-events:none}.segment-row:hover:before{left:120%}.segment-name{width:180px;font-size:13px;font-weight:500;color:var(--segment-name-color);flex-shrink:0;transition:color .4s}.segment-bar-wrap{flex:1;height:28px;background:var(--bar-track);border-radius:6px;overflow:hidden;position:relative;transition:background .4s}.segment-bar{height:100%;border-radius:6px;animation:barGrow .8s ease-out both}.segment-val{width:60px;text-align:right;font-size:13px;font-weight:600;color:var(--segment-val-color);flex-shrink:0;transition:color .4s}.segment-lift{width:70px;text-align:right;font-size:13px;font-weight:600;color:var(--green);flex-shrink:0;transition:color .4s}.depth-section-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;margin-top:8px;transition:color .4s}.depth-layer{border-radius:16px;margin-bottom:24px;overflow:hidden;animation:fadeIn .7s ease-out both;transition:background .4s,border-color .4s}.layer-bg,.layer-mid{background:var(--layer-card-bg);border:1px solid var(--layer-card-border);padding:24px 28px}.layer-tag{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:2px;padding:3px 10px;border-radius:4px;margin-bottom:12px;font-weight:600;transition:background .4s,color .4s}.layer-bg .layer-tag{background:var(--layer-tag-bg-30d);color:var(--layer-tag-color-30d)}.layer-mid .layer-tag{background:var(--layer-tag-bg-week);color:var(--layer-tag-color-week)}.layer-title{font-size:14px;font-weight:600;color:var(--segment-name-color);margin-bottom:12px;transition:color .4s}.layer-stats{display:flex;gap:40px}.layer-stat .val{font-size:24px;font-weight:700;color:var(--number-color);letter-spacing:-1px;transition:color .4s}.layer-stat .desc{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px;transition:color .4s}.sparkline-row{display:flex;gap:20px;margin-top:14px}.sparkline-item{flex:1;background:var(--sparkline-bg);border-radius:12px;padding:14px;transition:background .4s}.sparkline-item .s-label{font-size:11px;color:var(--sparkline-label);text-transform:uppercase;letter-spacing:1px;transition:color .4s}.sparkline-item .s-val{font-size:20px;font-weight:700;color:var(--sparkline-val);margin:4px 0;transition:color .4s}.sparkline-item .s-trend{font-size:12px;color:var(--green);font-weight:500;transition:color .4s}.sparkline-bar-wrap{margin-top:8px;display:flex;gap:2px;height:28px;align-items:flex-end}.sparkline-bar-wrap .bar{flex:1;border-radius:2px 2px 0 0;min-height:3px}.timeline-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--timeline-border);font-size:13px;transition:background .3s,border-color .4s;border-radius:6px;position:relative;overflow:hidden}.timeline-row:last-child{border-bottom:none}.timeline-row:hover{background:var(--hover-bg)}.timeline-row:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,var(--flare-color),transparent);transition:left .6s ease;pointer-events:none}.timeline-row:hover:before{left:120%}.timeline-time{width:60px;color:var(--text-dim);font-size:12px;flex-shrink:0;transition:color .4s}.timeline-event{flex:1;color:var(--timeline-event);transition:color .4s}.timeline-event strong{color:var(--timeline-strong);font-weight:600;transition:color .4s}.timeline-segment{background:var(--badge-bg);color:var(--badge-color);padding:2px 10px;border-radius:20px;font-size:11px;font-weight:500;flex-shrink:0;transition:background .4s,color .4s}.timeline-value{font-weight:600;color:var(--green);flex-shrink:0;width:60px;text-align:right;transition:color .4s}.ring-bg{fill:none;stroke:var(--ring-stroke);stroke-width:5;transition:stroke .4s}.ring-fill{fill:none;stroke-width:5;stroke-linecap:round;transform-origin:center;transform:rotate(-90deg)}.usage-ring-section{display:flex;align-items:center;gap:24px;padding:8px 0}.usage-ring-wrap{width:80px;height:80px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.usage-ring-wrap svg{position:absolute;top:0;left:0;width:100%;height:100%}.usage-ring-val{font-size:14px;font-weight:700;color:var(--number-color);z-index:2;transition:color .4s}.usage-info{flex:1}.usage-info .usage-main{font-size:14px;color:var(--segment-name-color);font-weight:500;transition:color .4s}.usage-info .usage-main strong{color:var(--number-color);transition:color .4s}.usage-info .usage-sub{font-size:12px;color:var(--text-dim);margin-top:2px;transition:color .4s}.usage-bar-bg{flex:1;height:6px;background:var(--usage-bar-track);border-radius:3px;overflow:hidden;transition:background .4s}.usage-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:3px;width:0;animation:usageFill .8s ease-out 2.8s forwards}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px}.auth-card{width:100%;max-width:420px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:40px 32px;animation:fadeIn .4s ease}.auth-header{text-align:center;margin-bottom:28px}.auth-header h1{font-size:24px;font-weight:700;color:var(--number-color);margin-bottom:6px}.auth-header .brand{color:#6366f1}.auth-header p{color:var(--text-muted);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--text-muted)}.auth-form .optional{font-weight:400;color:var(--text-dim)}.auth-form input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text);padding:10px 14px;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.auth-form input:focus{border-color:#6366f1}.auth-btn{display:block;width:100%;padding:12px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.auth-btn.primary{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff}.auth-btn.primary:hover{opacity:.9}.auth-btn.primary:disabled{opacity:.5;cursor:not-allowed}.auth-btn.google{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text)}.auth-btn.google:hover{border-color:#6366f14d}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-dim);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--card-border)}.auth-error{color:#ef4444;font-size:13px;padding:8px 12px;background:#ef44441a;border-radius:8px}.auth-subtext{text-align:center;font-size:12px;color:var(--text-dim);margin-top:16px}.auth-footer{text-align:center;font-size:13px;color:var(--text-muted);margin-top:12px}.auth-footer a{color:#6366f1;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-subtext a{color:#6366f1;text-decoration:none;font-weight:500}.auth-subtext a:hover{text-decoration:underline}.onboarding-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px}.onboarding-card{width:100%;max-width:620px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:40px 32px;animation:fadeIn .4s ease}.step-bar{display:flex;justify-content:center;gap:40px;margin-bottom:32px}.step-dot{display:flex;flex-direction:column;align-items:center;gap:6px}.step-dot .dot{width:10px;height:10px;border-radius:50%;background:var(--card-border);transition:all .3s}.step-dot.active .dot{background:#6366f1;box-shadow:0 0 8px #6366f166}.step-dot.done .dot{background:#22c55e}.step-dot span{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.step-dot.active span{color:var(--text)}.step-content{text-align:center}.step-content h2{font-size:20px;font-weight:700;color:var(--number-color);margin-bottom:8px}.step-content p{color:var(--text-muted);font-size:14px;margin-bottom:20px}.domain-form{display:flex;flex-direction:column;gap:16px;max-width:380px;margin:0 auto}.domain-input-wrap{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;overflow:hidden}.domain-prefix{padding:10px 0 10px 14px;color:var(--text-dim);font-size:14px;flex-shrink:0}.domain-input-wrap input{background:transparent;border:none;color:var(--text);padding:10px 14px 10px 4px;font-size:14px;outline:none;flex:1;min-width:0}.scanning{padding:40px 0}.scan-spinner{width:40px;height:40px;border:3px solid var(--card-border);border-top-color:#6366f1;border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scan-summary{font-size:14px;color:var(--text-muted);margin-bottom:20px}.slot-section{text-align:left;margin-bottom:16px}.slot-section h3{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:8px;padding-left:4px}.slot-list{display:flex;flex-direction:column;gap:2px}.slot-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .15s}.slot-row:hover{background:var(--hover-bg)}.slot-check{color:#22c55e;font-size:14px;flex-shrink:0;width:18px}.slot-check.off{color:#71717a}.slot-role{font-size:12px;font-weight:600;color:var(--text-muted);min-width:80px;text-transform:capitalize}.slot-text{font-size:13px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-row.disabled{opacity:.5}.slot-hint{font-size:12px;color:var(--text-dim);margin:12px 0 20px}.slot-section.excluded{opacity:.7}.code-block{position:relative;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:16px 20px;margin:16px auto 20px;text-align:left;max-width:480px}.code-block pre{font-family:SF Mono,Fira Code,monospace;font-size:13px;color:var(--text);white-space:pre-wrap;word-break:break-all;line-height:1.6}.copy-btn{position:absolute;top:8px;right:8px;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.copy-btn:hover{border-color:#6366f14d}.install-hint{color:var(--text-dim);font-size:13px;margin-bottom:12px}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.platform-card{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:12px 8px;font-size:12px;color:var(--text-muted);text-align:center;cursor:pointer;transition:border-color .2s}.platform-card:hover{border-color:#6366f14d}.verify-checks{display:flex;flex-direction:column;gap:8px;margin:20px auto;max-width:280px;text-align:left}.check-ok{color:#22c55e;font-size:14px;font-weight:500}.verify-msg{color:var(--text);font-weight:500;margin-bottom:20px}.verify-actions{display:flex;flex-direction:column;gap:10px;max-width:300px;margin:0 auto}.page-content{padding-top:24px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:22px;font-weight:700;color:var(--number-color)}.page-loading,.page-empty{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:14px}.page-empty code{background:var(--input-bg);padding:2px 6px;border-radius:4px;font-size:13px}.page-empty a{color:#6366f1;text-decoration:none}.period-toggle{display:flex;gap:4px;background:var(--input-bg);border-radius:8px;padding:3px}.period-toggle button{background:transparent;border:none;color:var(--text-dim);padding:6px 14px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.period-toggle button.active{background:#6366f126;color:#a5b4fc}.data-table{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden}.data-table table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);padding:12px 16px;border-bottom:1px solid var(--card-border);font-weight:600}.data-table th.num{text-align:right}.data-table td{padding:12px 16px;font-size:13px;color:var(--text);border-bottom:1px solid var(--card-border)}.data-table td.num{text-align:right;font-variant-numeric:tabular-nums}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:var(--hover-bg)}.seg-name{font-weight:600;color:var(--segment-name-color);display:block}.seg-id{font-size:11px;color:var(--text-dim);font-family:SF Mono,Fira Code,monospace}.lift-positive{color:#22c55e;font-weight:600}.lift-negative{color:#ef4444;font-weight:600}.conv-badge{background:var(--badge-bg);color:var(--badge-color);padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.mono{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:var(--text-dim)}.page-url{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim);font-size:12px}.meta{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--text-dim);font-family:SF Mono,Fira Code,monospace}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.pagination button{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-muted);padding:6px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination button:hover:not(:disabled){border-color:#6366f14d}.page-num{font-size:13px;color:var(--text-dim)}.settings-tabs{display:flex;gap:4px;background:var(--input-bg);border-radius:10px;padding:3px;margin-bottom:24px;width:fit-content}.settings-tabs button{background:transparent;border:none;color:var(--text-dim);padding:8px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.settings-tabs button.active{background:#6366f126;color:#a5b4fc}.settings-section{animation:fadeIn .3s ease}.site-list{display:flex;flex-direction:column;gap:12px}.site-card{display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px 20px;transition:opacity .2s}.site-card.inactive{opacity:.5}.site-domain{font-size:16px;font-weight:600;color:var(--number-color);margin-bottom:4px}.site-meta{display:flex;gap:10px;align-items:center;margin-bottom:4px}.site-id-label{font-size:11px;font-family:SF Mono,Fira Code,monospace;color:var(--text-dim)}.site-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:8px}.site-status.active{background:#22c55e26;color:#22c55e}.site-status.paused{background:#71717a26;color:#71717a}.site-usage{font-size:12px;color:var(--text-dim)}.site-actions{display:flex;gap:8px}.site-actions button{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-muted);padding:6px 14px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s}.site-actions button:hover{border-color:#6366f14d}.current-plan{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px;margin-bottom:24px}.plan-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:8px}.plan-name{font-size:24px;font-weight:700;color:var(--number-color);text-transform:capitalize;margin-bottom:4px}.plan-price{font-size:16px;color:#6366f1;font-weight:600;margin-bottom:4px}.plan-limit{font-size:13px;color:var(--text-muted)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.plan-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px}.plan-card h3{font-size:18px;font-weight:700;color:var(--number-color);margin-bottom:4px}.plan-card-price{font-size:20px;color:#6366f1;font-weight:700;margin-bottom:2px}.plan-card-limit{font-size:13px;color:var(--text-muted);margin-bottom:12px}.plan-card ul{list-style:none;padding:0;margin:0 0 16px}.plan-card li{font-size:13px;color:var(--text-muted);padding:3px 0}.plan-card li:before{content:"✓";color:#22c55e;margin-right:6px}.manage-billing-btn{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-muted);padding:10px 20px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.manage-billing-btn:hover{border-color:#6366f14d}.holdout-desc{color:var(--text-muted);font-size:14px;margin-bottom:20px;line-height:1.6}.holdout-row{display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:14px 20px;margin-bottom:8px}.holdout-site{font-size:14px;font-weight:600;color:var(--number-color)}.holdout-control{display:flex;align-items:center;gap:12px}.holdout-control input[type=range]{width:160px;accent-color:#6366f1}.holdout-value{font-size:14px;font-weight:600;color:#6366f1;min-width:36px;text-align:right}.terms-page{display:flex;justify-content:center;min-height:100vh;padding:48px 24px}.terms-card{width:100%;max-width:640px}.terms-back{display:inline-block;color:#6366f1;text-decoration:none;font-size:13px;font-weight:500;margin-bottom:24px}.terms-back:hover{text-decoration:underline}.terms-card h1{font-size:28px;font-weight:700;color:var(--number-color);margin-bottom:4px}.terms-updated{color:var(--text-dim);font-size:13px;margin-bottom:32px}.terms-card section{margin-bottom:28px}.terms-card h2{font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px}.terms-card p{color:var(--text-muted);font-size:14px;line-height:1.7;margin-bottom:8px}.terms-card ul{color:var(--text-muted);font-size:14px;line-height:1.7;padding-left:20px;margin:8px 0}.terms-card li{margin-bottom:6px}.terms-card a{color:#6366f1;text-decoration:none}.terms-card a:hover{text-decoration:underline}:root{--bg: #0a0a0f;--text: #e4e4e7;--text-muted: #71717a;--text-dim: #52525b;--card-bg: rgba(255,255,255,.03);--card-border: rgba(255,255,255,.06);--panel-bg: rgba(255,255,255,.02);--topbar-bg: rgba(10,10,15,.9);--topbar-border: rgba(255,255,255,.06);--input-bg: rgba(255,255,255,.06);--input-border: rgba(255,255,255,.1);--input-color: #a1a1aa;--number-color: #fff;--segment-name-color: #d4d4d8;--segment-val-color: #a1a1aa;--bar-track: rgba(255,255,255,.04);--timeline-border: rgba(255,255,255,.04);--timeline-event: #d4d4d8;--timeline-strong: #fff;--badge-bg: rgba(99,102,241,.15);--badge-color: #a5b4fc;--ring-stroke: rgba(255,255,255,.06);--usage-bar-track: rgba(255,255,255,.06);--illuminate-color: rgba(99,102,241,.07);--hover-bg: rgba(99,102,241,.03);--flare-color: rgba(99,102,241,.04);--green: #22c55e;--hero-grad-start: #6366f1;--hero-grad-mid: #a78bfa;--hero-grad-end: #c4b5fd;--sparkline-label: #71717a;--sparkline-val: #fff;--sparkline-bg: rgba(255,255,255,.03);--layer-card-bg: rgba(255,255,255,.025);--layer-card-border: rgba(255,255,255,.06);--layer-tag-bg-30d: rgba(113,113,122,.2);--layer-tag-color-30d: #71717a;--layer-tag-bg-week: rgba(99,102,241,.15);--layer-tag-color-week: #a5b4fc}[data-theme=light]{--bg: #f8f8fc;--text: #1c1c23;--text-muted: #64646e;--text-dim: #78787f;--card-bg: rgba(255,255,255,.9);--card-border: rgba(0,0,0,.1);--panel-bg: rgba(255,255,255,.8);--topbar-bg: rgba(255,255,255,.95);--topbar-border: rgba(0,0,0,.08);--input-bg: rgba(0,0,0,.05);--input-border: rgba(0,0,0,.15);--input-color: #46464f;--number-color: #141419;--segment-name-color: #373741;--segment-val-color: #64646e;--bar-track: rgba(0,0,0,.06);--timeline-border: rgba(0,0,0,.06);--timeline-event: #373741;--timeline-strong: #141419;--badge-bg: rgba(99,102,241,.12);--badge-color: #4338ca;--ring-stroke: rgba(0,0,0,.1);--usage-bar-track: rgba(0,0,0,.1);--illuminate-color: rgba(99,102,241,.06);--hover-bg: rgba(99,102,241,.06);--flare-color: rgba(99,102,241,.07);--green: #15803d;--hero-grad-start: #4338ca;--hero-grad-mid: #6d28d9;--hero-grad-end: #7c3aed;--sparkline-label: #64646e;--sparkline-val: #141419;--sparkline-bg: rgba(0,0,0,.03);--layer-card-bg: rgba(255,255,255,.85);--layer-card-border: rgba(0,0,0,.1);--layer-tag-bg-30d: rgba(113,113,122,.12);--layer-tag-color-30d: #52525b;--layer-tag-bg-week: rgba(99,102,241,.1);--layer-tag-color-week: #4338ca}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;transition:background .4s,color .4s}.container{max-width:1200px;margin:0 auto;padding:32px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes barGrow{0%{opacity:0;width:0}to{opacity:1}}@keyframes ringIn{0%{stroke-dashoffset:220;opacity:0}to{stroke-dashoffset:var(--offset);opacity:1}}@keyframes usageFill{0%{width:0}to{width:var(--fill-width, 64%)}}