/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/inter-0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/inter-1.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/inter-2.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/inter-3.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/inter-4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/inter-5.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/inter-6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{--bg:#f7f8fc;--paper:#fff;--ink:#20212d;--muted:#8c8d9f;--green:#595bfa;--line:#ececf4;--pale:#f0efff;--accent:#6260f8;--coral:#ff6478}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b9b7ff;outline-offset:3px}svg.icon{width:20px;height:20px;display:block;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}button svg,a svg{pointer-events:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;padding:33px 20px 0;z-index:20}.brand{display:flex;align-items:center;font-size:35px;font-weight:750;letter-spacing:-1.8px;width:fit-content;margin:0 11px;line-height:1}.brand-mark{display:grid;place-items:center;background:var(--coral);width:34px;height:37px;border-radius:11px;box-shadow:0 4px 10px #ff647825;margin-right:10px}.brand-mark i{width:18px;height:22px;position:relative}.brand-mark i:before,.brand-mark i:after{content:'';position:absolute;left:2px;border-left:7px solid transparent;border-right:7px solid transparent}.brand-mark i:before{top:2px;border-top:9px solid white}.brand-mark i:after{bottom:2px;border-bottom:9px solid white}.brand-period{color:var(--green)}.workspace-label{font-size:10px;letter-spacing:1.6px;color:#b1b0c1;font-weight:650;margin:43px 15px 18px}nav{display:grid;gap:8px}nav a{display:flex;align-items:center;gap:13px;padding:14px 15px;color:#89899c;font-size:13px;font-weight:550;border-radius:10px;transition:background .2s,color .2s}nav a:hover{background:#f6f6fc;color:#5556c5}nav a.active{background:#eeedff;color:#5c58e8}nav .icon{width:19px;height:19px}.nav-count{margin-left:auto;background:#dedbff;color:#726ae6;padding:3px 7px;border-radius:6px;font-size:10px;font-weight:600}.sidebar-bottom{margin-top:auto;padding-top:45px}.focus-tip{background:linear-gradient(130deg,#f2ecff,#f4f4ff);border:1px solid #eee8fb;border-radius:16px;padding:20px;margin:10px 2px 24px;position:relative;overflow:hidden}.focus-tip>span{display:block;font-size:25px;color:#8c6fe1;margin-bottom:12px}.focus-tip strong{font-size:18px;line-height:1.4;color:#4e4776;font-weight:700;letter-spacing:-.4px}.focus-tip p{font-size:10px;line-height:1.8;color:#a29bb7;margin:11px 0}.focus-tip>a{font-size:10px;color:#8a72ce;font-weight:650;display:flex;justify-content:space-between;align-items:center;margin-top:17px}.focus-tip:after{content:'';position:absolute;right:-25px;top:20px;width:85px;height:85px;border:1px solid #ded4f477;border-radius:50%;box-shadow:0 0 0 12px #e4dbfa33}.help-link{display:flex;align-items:center;gap:9px;padding:15px 11px;font-size:11px;color:#9998ac;border-top:1px solid var(--line)}.help-link>.icon{width:17px;height:17px}.help-link>span:last-child{margin-left:auto}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:20px 3px}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#edeafa;color:#9c8dcc;font-size:11px;font-weight:600}.profile strong{font-size:10px;font-weight:600;display:block}.profile small{font-size:8px;color:#b1aebf;display:block;margin-top:4px}.privacy-dot{width:6px;height:6px;background:#64c2a5;border-radius:50%;margin-left:auto;margin-right:5px}.main-shell{margin-left:238px;flex:1;min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffffd9}.breadcrumb{display:flex;gap:14px;font-size:11px;color:#a9a8b9;align-items:center}.breadcrumb span{color:#d1d1dd}.breadcrumb b{font-weight:550;color:#737286}.top-actions{display:flex;align-items:center;gap:18px}.connection{display:flex;align-items:center;gap:6px;font-size:10px;color:#45a18a;padding:7px 10px;background:#e7f8f1;border-radius:30px;font-weight:550}.connection i,.main-footer i{width:5px;height:5px;border-radius:50%;background:#59bb9e;display:inline-block}.connection.preview{color:#9c88b7;background:#f3edfb}.connection.preview i{background:#b09bcc}.install-button{display:flex;align-items:center;gap:8px;background:#5b5cf8;color:white;border:1px solid #5b5cf8;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:600;box-shadow:0 3px 7px #5a5cfa12}.install-button:hover{background:#4d4ee7}.install-button .icon{width:14px;height:14px}.install-button>span:last-child{margin-left:5px;opacity:.7}main{max-width:1410px;margin:auto;padding:33px 40px 0}.eyebrow{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#aaa8ba;font-weight:600}h1{font-size:29px;font-weight:750;letter-spacing:-.95px;margin:12px 0 8px;line-height:1.3}h1>span{color:#7770e8}.page-title>p{color:#9c9aaf;font-size:13px;margin:0;line-height:1.7}.hero{margin-top:27px;position:relative;overflow:hidden;min-height:236px;border-radius:23px;border:1px solid #e8e7f7;background:radial-gradient(ellipse at 13% 0%,#dddafa99,transparent 55%),radial-gradient(ellipse at 93% 10%,#d6f4e8bb,transparent 64%),#fff;display:flex;align-items:center;justify-content:space-between;padding:31px 34px}.hero-content{z-index:1;max-width:60%;position:relative}.hero .eyebrow{color:#9186c3;font-size:9px;letter-spacing:1.6px;display:flex;align-items:center;gap:6px}.hero .eyebrow span{font-size:15px;line-height:.8;color:#9d85da}.hero h2{font-size:38px;font-weight:750;letter-spacing:-1.3px;line-height:1.15;margin:15px 0 12px;color:#272735}.hero h2 em{font-family:inherit;font-style:normal;background:linear-gradient(90deg,#7a67e7,#525be5);color:transparent;background-clip:text;-webkit-background-clip:text}.hero p{font-size:13px;line-height:1.8;color:#9996ac;margin:0}.hero .hero-links{display:flex;gap:19px;align-items:center;margin-top:22px}.hero-button{background:#5d5df9;border:0;border-radius:8px;padding:12px 16px;color:white;font-size:12px;font-weight:650;display:flex;align-items:center;gap:15px;box-shadow:0 5px 14px #6a61f322}.text-button{border:0;background:none;color:inherit;font-size:11px;padding:6px 0;display:inline-flex;align-items:center;gap:6px;font-weight:500}.hero .text-button{color:#9791b1;font-size:12px}.hero-visual{position:absolute;right:30px;top:30px;width:285px;height:200px}.mini-browser{position:absolute;right:22px;top:5px;width:210px;height:170px;background:#ffffffed;border:1px solid #e5e4f1;border-radius:14px;box-shadow:0 8px 24px #747ba11a;overflow:hidden;text-align:center}.mini-browser-top{display:flex;gap:4px;background:#fafaff;border-bottom:1px solid #eeedf8;padding:11px}.mini-browser-top i{width:4px;height:4px;background:#d9d6ee;border-radius:50%}.mini-browser-top span{font-size:6px;color:#b9b3cd;line-height:1;margin-left:8px}.mini-timer{display:grid;place-items:center;width:46px;height:46px;background:linear-gradient(140deg,#ece8ff,#effbf5);border:1px solid #e4dcfb;border-radius:50%;margin:18px auto 10px;color:#8d7cda}.mini-timer svg{width:22px}.mini-browser strong{display:block;font-size:12px;font-weight:700;color:#6a6482}.mini-browser>span{display:block;font-size:7px;color:#b7b0c8;margin-top:6px}.floating-site{display:flex;align-items:center;gap:8px;position:absolute;background:#fff;border:1px solid #eeebf7;border-radius:10px;padding:10px 13px;box-shadow:0 6px 18px #7e7b9a14;width:143px;left:-5px;top:50px;transform:rotate(-4deg)}.floating-site>span{width:23px;height:23px;border-radius:7px;background:linear-gradient(140deg,#ae6cd3,#f5678a,#f3ae69);color:white;display:grid;place-items:center;font-size:21px}.floating-site strong{display:block;font-size:8px;color:#6a5d81}.floating-site small{display:block;font-size:6px;color:#b7aec9;margin-top:4px}.floating-status{position:absolute;right:0;bottom:0;background:white;box-shadow:0 5px 18px #797a9a12;padding:10px 14px;border-radius:9px;border:1px solid #e8efed;font-size:8px;color:#76b7a0;display:flex;align-items:center;gap:6px;transform:rotate(3deg)}.floating-status i{width:5px;height:5px;border-radius:50%;background:#7bc9ad}.hero-star{position:absolute;right:2px;top:6px;font-size:24px;color:#b2a3e7;transform:rotate(15deg)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:19px 0 25px}.stat-card{border:1px solid var(--line);border-radius:13px;background:white;padding:20px 22px}.stat-heading{display:flex;align-items:center;justify-content:space-between;color:#9b98ae;font-size:12px;font-weight:500}.stat-heading>.icon{width:18px;height:18px;color:#b5aae3}.stat-card:nth-child(2) .stat-heading>.icon{color:#dd9fac}.stat-card:nth-child(3) .stat-heading>.icon{color:#8dbfb0}.stat-value{font-size:29px;font-weight:700;letter-spacing:-.8px;margin-top:12px}.stat-value span{font-size:11px;color:#b1acc2;font-weight:450;letter-spacing:0;margin-left:5px}.stat-foot{color:#b0a9c0;font-size:11px;margin-top:7px}.stat-foot .positive{color:#67bca4}.overview-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(270px,1fr);gap:20px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 2px 6px #3a355002}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px 19px}.panel-heading{display:flex;align-items:center;gap:10px}.panel-heading h2{font-size:15px;font-weight:650;letter-spacing:-.3px;margin:0}.panel-heading .icon{width:17px;height:17px;color:#a49cce}.panel-header .text-button{font-size:10px;color:#9690be;padding:0}.tag{font-size:9px;padding:5px 8px;border:1px solid #f0edf7;border-radius:6px;color:#aaa1c2;background:#faf9fd}.site-list{padding:0 24px}.site-row{display:flex;align-items:center;gap:12px;min-height:66px;border-top:1px solid #f4f1f9}.site-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:white;font-size:20px;font-weight:650;flex-shrink:0}.site-name{font-size:14px;font-weight:600}.site-domain{font-size:12px;color:#b0a8c2;margin-top:5px}.site-info{min-width:0}.site-info .site-name,.site-domain{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-row .site-category{font-size:10px;color:#b4abc6;margin-left:auto;padding-right:12px}.toggle{width:33px;height:19px;border:0;border-radius:30px;background:#d9d7e5;padding:3px;flex-shrink:0}.toggle:after{content:'';display:block;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #4441;transition:transform .15s}.toggle.on{background:#6962ee}.toggle.on:after{transform:translateX(14px)}.overview-grid .site-category{display:none}.overview-grid .site-row .toggle{margin-left:auto}.panel-bottom{border-top:1px solid var(--line);padding:15px 24px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#aaa0bf}.panel-bottom .text-button{font-size:10px;color:#978ac5}.chart{height:145px;padding:10px 24px 0;position:relative;display:flex;gap:8px;align-items:flex-end;margin:0 15px 0 27px;border-bottom:1px solid #eeedf7;background:repeating-linear-gradient(to top,transparent 0,transparent 36px,#f5f3fa 37px,#f5f3fa 38px)}.chart-column{height:100%;display:flex;flex:1;align-items:flex-end;justify-content:center;position:relative}.chart-bar{width:21px;background:#d8d0f4;border-radius:5px 5px 0 0;min-height:3px}.chart-column.today .chart-bar{background:#8e7bdb}.chart-labels{display:flex;padding:10px 34px 20px 55px;font-size:9px;color:#b7accb;justify-content:space-around}.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#a79abc;pointer-events:none}.chart-empty>span{background:#fff;border:1px solid #eee7f8;border-radius:20px;padding:8px 11px}.chart-caption{border-top:1px solid var(--line);padding:15px 23px;font-size:10px;color:#ac9ebf;display:flex;gap:7px;align-items:center}.chart-caption .icon{width:13px;height:13px;color:#b9a4da}.quote-card{background:linear-gradient(130deg,#eeebff,#f6f1ff 65%,#eff9f5);border:1px solid #e9e5f7;border-radius:14px;margin-top:18px;padding:23px 24px;position:relative;overflow:hidden}.quote-card .eyebrow{font-size:8px;color:#a695c1;letter-spacing:1.3px}.quote-card blockquote{font:650 20px/1.45 Inter,'Segoe UI',sans-serif;letter-spacing:-.5px;color:#8b77ad;margin:13px 0 13px;max-width:95%}.quote-card cite{font-size:8px;font-weight:550;letter-spacing:1px;font-style:normal;color:#b4a1cc}.quote-card>.quote-decoration{position:absolute;right:12px;bottom:-15px;font:100px Georgia,serif;color:#dfd3f1;pointer-events:none}.info-strip{display:flex;align-items:center;gap:12px;border:1px solid #e9e5f3;border-radius:11px;margin:24px 0 0;padding:17px 20px;background:#f2f0fa;font-size:11px;line-height:1.8;color:#a395b8}.info-strip .icon{width:17px;height:17px;flex-shrink:0;color:#b5a4d5}.info-strip strong{font-weight:650;color:#8f7da9}.info-strip .text-button{margin-left:auto;font-size:10px;color:#a18cbe;white-space:nowrap}.main-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;font-size:9px;color:#b5abc4;margin-top:30px;padding:21px 0 24px}.footer-brand{font-size:18px;font-weight:750;letter-spacing:-.8px;color:#9b8caf}.main-footer>span:last-child{margin-left:auto}.main-footer i{margin-right:5px;width:4px;height:4px}.button{padding:12px 17px;border:1px solid #e8e2f2;border-radius:8px;background:#fff;color:#9380ae;font-size:12px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:13px}.button.primary{background:#5e5cf9;color:white;border-color:#5e5cf9;box-shadow:0 3px 9px #6a5cf412}.button.danger{color:#ce8a9b;border-color:#f1dfe6}.toolbar{display:flex;gap:15px;margin:28px 0 20px;align-items:center;justify-content:space-between}.search{position:relative;max-width:370px;flex:1}.search .icon{position:absolute;left:13px;top:12px;width:16px;color:#b0a3c3}.search input{width:100%;padding:13px 15px 13px 40px;border:1px solid #e9e2f3;border-radius:9px;background:white;color:var(--ink);font-size:12px}.search input::placeholder{color:#bdb0ce}.sites-table .site-list{padding:0 25px}.sites-table .site-row{min-height:79px}.sites-table .site-name{font-size:13px}.sites-table .site-domain{font-size:11px}.sites-table .site-icon{width:37px;height:37px;font-size:22px}.sites-table .site-category{font-size:11px}.site-remove{width:28px;height:28px;margin-left:11px;color:#c1b2d1;border:0;background:none;display:grid;place-items:center;border-radius:6px}.site-remove:hover{background:#fff0f4;color:#d092a7}.site-remove .icon{width:16px;height:16px}.count-label{font-size:11px;color:#ab99bf;margin-right:auto}.empty-state{padding:50px 20px;text-align:center;color:#af9bc4}.empty-state .icon{width:32px;height:32px;margin:0 auto 17px;color:#c6b2de}.empty-state h3{font-size:17px;font-weight:650;color:#9379ae;letter-spacing:-.4px}.empty-state p{font-size:12px;line-height:1.9}.empty-state .button{margin-top:13px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:22px;margin-top:29px}.settings-section{padding:25px}.settings-section+.settings-section{border-top:1px solid var(--line)}.settings-section h3{font-size:14px;margin:0 0 8px;font-weight:650;letter-spacing:-.2px}.settings-section>p,.setting-row p{font-size:12px;line-height:1.9;color:#ab99bd;margin:5px 0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.segmented{display:flex;gap:9px;margin-top:19px;flex-wrap:wrap}.segmented button{padding:10px 16px;border:1px solid #e9def5;border-radius:8px;background:#fcfaff;color:#a68abd;font-size:12px;font-weight:500}.segmented button.selected{border-color:#b8a2dd;background:#f2ebff;color:#9773bf}.custom-default{display:flex;align-items:center;gap:10px;font-size:11px;color:#ac92c1;margin-top:16px}.custom-default input{width:75px;border:1px solid #e8d9f4;background:#fdfaff;border-radius:7px;padding:9px;color:#9870b2}.flow-step{display:flex;gap:13px;margin:22px 0}.step-number{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e7d7f3;background:#f8f1ff;border-radius:9px;color:#b08aca;font-size:11px;font-weight:600;flex-shrink:0}.flow-step strong{font-size:12px;font-weight:650;color:#a080b9}.flow-step p{font-size:11px;line-height:1.8;color:#b398c8;margin:6px 0}.settings-note{padding:23px;border-radius:13px;border:1px solid #e4d8f2;background:linear-gradient(130deg,#f4ecff,#eff9f7);margin-top:20px;font-size:11px;line-height:1.9;color:#ad8fc2}.settings-note .icon{width:19px;height:19px;margin-bottom:12px}.settings-note strong{display:block;color:#9d78b6;font-weight:650;font-size:14px;margin-bottom:7px}.settings-section .text-button{font-size:12px;color:#ac8cbe}.history-row{display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);padding:20px 24px;font-size:12px}.history-row small{color:#b9a1cc;font-size:10px;display:block;margin-top:6px}.history-row>span:last-child{margin-left:auto;color:#ad8ac3;font-size:11px}.history-status{font-size:9px;color:#a389bd;padding:5px 8px;border-radius:20px;background:#f3ecfc}.guide-card{margin-top:28px;padding:31px}.guide-card h2{font-size:20px;letter-spacing:-.5px;font-weight:700}.guide-card p,.guide-card li{font-size:13px;color:#b093c4;line-height:1.95}.guide-card ol{padding-left:23px}.guide-card li{padding:11px 0 11px 5px}.guide-card code{font-size:12px;background:#f7efff;padding:4px 7px;border-radius:5px;color:#a47bb9}.guide-card .button{margin:11px 0}.icon-button{border:0;background:transparent;color:#b293c4;display:grid;place-items:center;padding:6px;border-radius:8px;font-size:25px}.icon-button:hover{background:#f8efff}.mobile-menu{display:none}dialog{border:1px solid #e4dcf2;border-radius:20px;padding:31px;width:440px;max-width:calc(100vw - 32px);box-shadow:0 25px 100px #32225325;color:var(--ink);background:white}dialog::backdrop{background:#28233e55;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.section-icon{background:#f2eaff;color:#ae8acc;border:1px solid #e8d8f6;border-radius:12px;width:45px;height:45px;display:grid;place-items:center}dialog h2{font-size:25px;font-weight:750;letter-spacing:-.7px;margin-top:24px}dialog p{color:#b292c5;font-size:12px;line-height:1.8}dialog label{display:block;font-size:12px;font-weight:550;color:#ab87bd;margin:23px 0 9px}dialog label span{color:#c7afd6;font-size:11px}dialog input{border:1px solid #ead7f4;padding:13px;border-radius:9px;width:100%;font-size:13px;color:#9e72b5;background:#fefbff}dialog input::placeholder{color:#cbb1d8}dialog .primary{width:100%;margin-top:9px;justify-content:space-between;padding:14px 16px}dialog small{font-size:10px;display:block;text-align:center;margin:16px 0 0;color:#c0a0cf}.form-error{color:#d48ba6;min-height:18px}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#6d5aa8;color:white;padding:14px 22px;font-size:12px;border-radius:10px;box-shadow:0 10px 30px #624b7b22;transition:opacity .2s,transform .2s;z-index:100}.toast.visible{opacity:1;transform:translate(-50%,0)}.preview-dialog{width:560px;background:radial-gradient(ellipse at 0 0,#eee6ff,transparent 65%),radial-gradient(ellipse at 100% 0,#e1f5ed,transparent 60%),white;padding:40px;text-align:center}.preview-close{position:absolute;right:13px;top:9px}.preview-label{display:inline-block;font-size:8px;letter-spacing:1px;border:1px solid #e8dbf4;background:#faf4ff;border-radius:20px;padding:6px 10px;color:#b295c7}.preview-dialog h2{font-size:35px;font-weight:750;line-height:1.15;letter-spacing:-1.3px}.preview-dialog h2 em{font:inherit;font-style:normal;color:#9780cd}.preview-site{display:inline-flex;align-items:center;gap:8px;background:#f7eefe;border:1px solid #eeddF4;padding:8px 13px;border-radius:20px;font-size:12px;color:#b28ac8;margin:14px 0}.preview-options{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:17px 0 11px}.preview-options button{padding:18px 8px;border:1px solid #e6d5f4;border-radius:12px;background:#fff;color:#b58dcc;font-size:11px}.preview-options button b{display:block;font-size:28px;font-weight:700;margin-bottom:4px;color:#9970ba}.preview-options button.selected{border-color:#b28cd9;box-shadow:0 0 0 1px #b28cd9;background:#f5ecff}.preview-dialog .text-button{color:#b798c9;margin-top:9px}.preview-dialog .primary{margin-top:19px}.preview-foot{font-size:10px!important;color:#c0a4cf!important;margin-top:21px;line-height:1.8}.preview-countdown{font-size:65px;font-weight:700;letter-spacing:-3px;color:#a17ac1;margin:26px 0}.preview-grayscale{filter:grayscale(1)}.preview-input{margin-top:13px}.preview-input[hidden]{display:none}.active-card{margin:18px 0;background:#f6edff;border:1px solid #e9d5f8;border-radius:12px;padding:20px 23px}.active-card strong{font-size:13px;font-weight:650;color:#ac7bc7}.active-card p{font-size:11px;color:#c398d9}.active-card .active-time{float:right;font-size:12px;color:#b388cd}.reveal{animation:reveal .35s ease both}@keyframes reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
/* Keep body copy crisp; pastel colors belong on surfaces and accents. */
.page-title>p{color:#8b879d}.hero p{color:#898398}.stat-heading{color:#91889e}.stat-foot{color:#a196ab}.site-domain{color:#a197ae}.site-row .site-category{color:#aaa0b5}.settings-section>p,.setting-row p,.guide-card p,.guide-card li{color:#8c8099}.flow-step p,.settings-note{color:#9a88a8}.flow-step strong,.settings-note strong{color:#8f75a4}.dialog-heading~p,dialog p{color:#9a87a8}.main-footer{color:#b1a4bb}.search input{color:#81708e}.breadcrumb b{color:#82768e}
@media(min-width:1500px){main{padding-top:43px}.hero{min-height:255px;padding:33px 38px}.hero h2{font-size:44px}.hero p{font-size:14px}.hero-visual{right:45px;top:34px;transform:scale(1.1);transform-origin:center right}.stat-card{padding:22px 25px}.site-row{min-height:72px}.chart{height:166px}}
@media(max-width:1150px){.sidebar{width:211px;padding-left:15px;padding-right:15px}.main-shell{margin-left:211px}.topbar{padding:0 29px}main{padding:30px 29px 0}.overview-grid{grid-template-columns:1.2fr 1fr;gap:17px}.hero{padding:28px;min-height:250px}.hero h2{font-size:32px}.hero-visual{right:-5px;transform:scale(.83);transform-origin:center right}.hero-content{max-width:65%}.panel-header{padding:20px}.site-list{padding:0 20px}.stat-card{padding:19px}.stat-heading{font-size:10px}.stat-heading svg{width:16px}.site-row{gap:10px}}
@media(max-width:950px){.sidebar{width:188px;padding:30px 11px 0}.main-shell{margin-left:188px}.brand{font-size:31px}.brand-mark{width:31px;height:34px}.workspace-label{font-size:9px;letter-spacing:1.2px}nav a{font-size:11px;padding:13px 12px;gap:10px}.nav-count{font-size:9px}.topbar{padding:0 22px;height:69px}.connection{font-size:9px;padding:6px 8px}.top-actions{gap:12px}.breadcrumb{gap:9px;font-size:10px}main{padding:28px 22px 0}h1{font-size:26px}.hero{min-height:260px;padding:26px}.hero h2{font-size:31px}.hero-content{max-width:78%}.hero-visual{right:-60px;opacity:.5;transform:scale(.76)}.stat-grid{gap:10px}.stat-card{padding:16px}.stat-heading svg{display:none}.stat-value{font-size:27px}.stat-foot{font-size:8px;line-height:1.7}.overview-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1.1fr 1fr;gap:17px}.quote-card{margin:0;display:flex;flex-direction:column;justify-content:center}.settings-grid{grid-template-columns:1fr}.settings-grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:17px}.settings-note{margin:0}.profile strong{font-size:9px}.profile small{font-size:7px}.sites-table .site-category{font-size:10px;padding-right:0}.focus-tip{padding:17px}.focus-tip strong{font-size:17px}.focus-tip p{font-size:9px}.help-link{font-size:10px}}
@media(max-width:690px){.sidebar{transform:translateX(-100%);width:230px;transition:transform .2s;box-shadow:10px 0 40px #51406c11}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0}.mobile-menu{display:grid}.topbar{height:65px;padding:0 17px}.breadcrumb{margin-right:auto;font-size:9px;gap:8px;white-space:nowrap}.breadcrumb>span,.breadcrumb>b{display:none}.top-actions{gap:9px}.connection{font-size:8px;padding:6px 8px}.install-button{font-size:9px;padding:9px 10px;gap:6px}.install-button .icon{width:11px;height:11px}.install-button>span:last-child{display:none}main{padding:27px 18px 0}.eyebrow{font-size:8px}h1{font-size:26px;max-width:350px;line-height:1.2}.page-title>p{font-size:11px;line-height:1.8}.hero{padding:26px 22px;min-height:285px;margin-top:24px;border-radius:19px}.hero-content{max-width:100%}.hero h2{font-size:34px;max-width:285px}.hero-visual{display:none}.hero p{font-size:11px;line-height:1.9}.hero .hero-links{gap:16px;margin-top:24px}.hero .text-button{font-size:10px}.hero-button{font-size:10px;padding:12px 15px}.stat-grid{gap:8px;margin:15px 0 21px}.stat-card{padding:15px 11px;border-radius:11px}.stat-heading{font-size:9px;line-height:1.6;min-height:28px}.stat-value{font-size:27px;margin-top:9px}.stat-value span{font-size:9px}.stat-foot{font-size:8px;line-height:1.7;min-height:25px}.overview-grid{gap:17px}.right-column{grid-template-columns:1fr}.quote-card{padding:24px}.quote-card blockquote{max-width:300px}.site-row{min-height:70px}.site-icon{width:34px;height:34px}.site-name{font-size:13px}.site-domain{font-size:11px}.panel-heading h2{font-size:13px}.panel-header{padding:21px}.site-list{padding:0 21px}.info-strip{align-items:flex-start;padding:16px;line-height:1.85;font-size:10px;gap:10px}.info-strip .text-button{display:none}.main-footer{font-size:8px;gap:8px;flex-wrap:wrap}.main-footer>span:last-child{margin-left:auto}.toolbar{gap:10px}.toolbar .button{padding:12px 12px;gap:10px;font-size:10px}.search input{font-size:11px}.sites-table .site-category{display:none}.sites-table .site-list{padding:0 17px}.sites-table .site-icon{width:33px;height:33px}.settings-grid>aside{grid-template-columns:1fr}.settings-note{margin-top:0}.settings-section{padding:23px}.toast{left:50%;width:max-content;max-width:90%;font-size:11px;text-align:center}.guide-card{padding:23px}.preview-dialog{padding:37px 24px}.preview-dialog h2{font-size:31px}.history-row{flex-wrap:wrap}.profile strong{font-size:11px}.profile small{font-size:9px}nav a{font-size:12px}.workspace-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}