@font-face{font-family:Prata;src:url('assets/fonts/prata.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Quicksand;src:url('assets/fonts/quicksand.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:Anuphan;src:url('assets/fonts/anuphan.ttf') format('truetype');font-weight:100 700;font-display:swap}
:root{color-scheme:light;--bg:#f8f9fa;--surface:#fff;--text:#212226;--muted:#64666e;--line:#dce1e7;--blue:#3b6e8f;--button:#121317;--button-text:#fff;--subtle:#edf1f4;--active:#26644d;--amber:#855c20;--error:#a63737;font-family:Anuphan,-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-size:14px;font-synthesis:none}
:root[data-appearance=dark]{color-scheme:dark;--bg:#141519;--surface:#191b20;--text:#edf0f4;--muted:#adb2be;--line:#343740;--blue:#9cc5df;--button:#e9edf2;--button-text:#141519;--subtle:#252930;--active:#9bceb6;--amber:#e4c082;--error:#ffabab}
@media(prefers-color-scheme:dark){:root:not([data-appearance=light]){color-scheme:dark;--bg:#141519;--surface:#191b20;--text:#edf0f4;--muted:#adb2be;--line:#343740;--blue:#9cc5df;--button:#e9edf2;--button-text:#141519;--subtle:#252930;--active:#9bceb6;--amber:#e4c082;--error:#ffabab}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2.5px solid var(--blue);outline-offset:4px}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:99px;background:var(--button);color:var(--button-text);padding:10px 20px;font-size:13px;font-weight:500;line-height:1.5;cursor:pointer;transition:background .15s,color .15s}button:hover{background:var(--blue);color:var(--bg)}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:transparent;color:var(--text);border-color:var(--line)}.secondary:hover{background:var(--subtle);color:var(--text)}.small{padding:6px 14px;font-size:12px}.icon{height:21px;width:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-family:Prata,Georgia,serif;font-size:34px;font-weight:400;letter-spacing:-.6px;line-height:1.45}h2{font-size:17px;line-height:1.5;font-weight:500}h3{font-size:15px;font-weight:500}p{line-height:1.8}ul{margin:0;padding:0;list-style:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;background:var(--button);color:var(--button-text);padding:12px;z-index:50;border-radius:8px}.skip-link:focus{top:12px}[hidden]{display:none!important}
.app-shell{max-width:1160px;min-height:100vh;margin:auto;display:flex;flex-direction:column;padding:0 44px}.app-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:26px 0 24px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Quicksand,Anuphan,sans-serif;font-size:25px;font-weight:700;letter-spacing:.2px;color:var(--blue);white-space:nowrap}.brand img{width:33px;height:33px}.header-tools{display:flex;align-items:center;gap:26px}.platform-label{font-size:12px;color:var(--muted)}.appearance-control{display:flex;align-items:center;gap:8px;color:var(--muted)}.appearance-control .icon{width:16px;height:16px}.appearance-control select{border:0;background:transparent;color:var(--muted);font-size:12px;padding:5px 0;cursor:pointer;max-width:170px}.main-nav{display:flex;gap:28px;align-items:center;overflow:auto;scrollbar-width:thin}.nav-link{font-size:13px;color:var(--muted);white-space:nowrap;padding:13px 0 15px;border-bottom:2px solid transparent}.nav-link:hover{color:var(--text)}.nav-link[aria-current=page]{color:var(--blue);border-color:var(--blue);font-weight:600}.nav-link:nth-last-child(2){margin-left:auto}.page-content{width:100%;padding:32px 0 25px;flex:1}.page-heading{margin-bottom:28px}.subtitle{font-size:14px;color:var(--muted);margin-top:9px;line-height:1.8;max-width:760px}.eyebrow{font-family:Quicksand,Anuphan,sans-serif;font-size:11px;font-weight:600;letter-spacing:.65px;color:var(--blue);display:block;line-height:1.7}.app-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:21px 0 25px;color:var(--muted);font-size:11px}.app-footer [data-version]{margin-left:6px}
.activity-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.activity-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}.status-pill{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:500}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--active);flex-shrink:0}.status-description{font-size:12px;color:var(--muted);margin-top:6px}.pause-button{font-size:12px;min-width:118px;padding:9px 18px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;padding:19px 0 29px;gap:40px}.stat{display:flex;flex-direction:column;align-items:flex-start}.stat+.stat{border-left:1px solid var(--line);padding-left:40px}.activity-label{font-size:12px;color:var(--muted);margin-bottom:9px}.lifetime-number,.session-number{display:block;font-family:Prata,Georgia,serif;font-size:55px;line-height:1.2;letter-spacing:-1.2px;font-weight:400;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%;color:var(--text)}.count-since{font-size:11px;line-height:1.5;color:var(--muted);margin-top:13px}.activity-panel[data-state=paused] .status-dot{background:var(--amber)}.activity-panel[data-state=paused] .status-pill{color:var(--amber)}.activity-panel[data-state=error] .status-pill{color:var(--error)}.activity-panel[data-state=error] .status-dot{background:var(--error)}.activity-panel[data-state=loading] .status-dot{background:var(--muted)}.count-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:11px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 10px}.section-heading>span{font-size:12px;color:var(--muted)}.protection-list{border-top:1px solid var(--line)}.protection-row{display:flex;align-items:center;gap:17px;padding:17px 0;border-bottom:1px solid var(--line)}.protection-row:hover{color:var(--blue)}.feature-icon{width:25px;display:flex;align-items:center;justify-content:center;color:var(--blue);flex-shrink:0}.feature-icon .icon{width:20px;height:20px}.feature-copy{min-width:0;flex:1}.feature-copy strong{display:block;font-size:14px;font-weight:500}.feature-copy>span{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:3px}.badge{font-size:12px;line-height:1.5;font-weight:500;color:var(--muted);white-space:nowrap}.badge[data-state=active]{color:var(--active)}.badge[data-state=error]{color:var(--error)}.row-chevron{height:15px;width:15px;color:var(--muted)}.beta-label{font-size:10px;font-weight:400;line-height:1.4;vertical-align:middle;color:var(--amber);border:1px solid var(--line);border-radius:4px;padding:2px 6px;display:inline-block;margin-left:7px}.exception-shortcut{display:flex;align-items:center;gap:17px;padding:19px 0;border-bottom:1px solid var(--line)}.exception-shortcut>span:nth-child(2){flex:1;min-width:0}.exception-shortcut strong{font-size:14px;font-weight:500;display:block}.exception-shortcut>span:nth-child(2)>span{font-size:12px;color:var(--muted);display:block;margin-top:3px}.shortcut-count{font-size:12px;color:var(--muted)}.exception-shortcut>.icon{height:15px;width:15px;color:var(--muted)}.exception-shortcut:hover strong{color:var(--blue)}.fine-print{font-size:11px;line-height:1.85;color:var(--muted);margin-top:17px}.error{font-size:12px;color:var(--error);margin-top:12px;white-space:pre-line}.error:empty,.feedback:empty{display:none}.feedback{font-size:12px;color:var(--blue);margin-top:15px;line-height:1.8}
.settings-callout{display:flex;align-items:flex-start;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin-bottom:24px}.callout-icon{width:26px;flex-shrink:0;color:var(--blue);padding-top:3px}.callout-icon .icon{width:22px;height:22px}.settings-callout p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:8px;max-width:810px}.experimental .beta-label{margin:0 0 10px}.control-panel{padding:22px 0 25px;border-bottom:1px solid var(--line);margin-bottom:24px}.control-panel>h2{margin-bottom:8px}.control-panel>p:not(.eyebrow):not(.feature-status):not(.fine-print):not(.error){font-size:13px;line-height:1.85;color:var(--muted)}.control-panel>p+p{margin-top:14px}.control-summary{margin-bottom:20px}.control-summary>p,.feature-status{font-size:16px;line-height:1.6;font-weight:500;margin-top:8px}.privacy-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.privacy-settings{border-top:1px solid var(--line)}.privacy-settings li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:35px;padding:22px 0;border-bottom:1px solid var(--line)}.privacy-settings h2{font-size:15px;grid-column:1}.setting-status{font-size:11px;color:var(--amber);grid-column:1;margin:6px 0 7px}.setting-status.protected{color:var(--active)}.setting-status.error{color:var(--error)}.privacy-settings .hint{font-size:12px;color:var(--muted);line-height:1.8;max-width:800px;grid-column:1}.privacy-settings button{grid-column:2;grid-row:1/4;align-self:center;padding:8px 15px;font-size:11px}.explanation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px}.explanation summary{display:flex;align-items:center;justify-content:space-between;list-style:none;gap:20px;cursor:pointer;font-size:14px;font-weight:500;padding:19px 0}.explanation summary::-webkit-details-marker{display:none}.explanation summary>.icon{width:16px;height:16px;color:var(--muted)}.explanation[open] summary>.icon{transform:rotate(45deg)}.explanation>div{padding:0 0 22px}.explanation p{font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:13px;max-width:900px}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--blue);text-decoration:underline;text-underline-offset:4px}.text-link .icon{height:15px;width:15px}.control-panel>.text-link{margin-top:17px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:32px 0}.detail-grid h2{font-size:16px;margin-bottom:9px}.detail-grid p{font-size:13px;color:var(--muted);line-height:1.85}.detail-icon{color:var(--blue);margin-bottom:15px;width:23px;height:23px}.step-number{font-family:Prata,Georgia,serif;color:var(--blue);font-size:21px;margin-bottom:13px}.hint{font-size:13px;color:var(--muted);line-height:1.8}.allow-form{display:flex;align-items:flex-end;gap:15px;max-width:700px;margin-top:24px}.allow-form>div{flex:1;min-width:0}label:not(.appearance-control){display:block;font-size:12px;font-weight:500;margin-bottom:9px}input{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:7px;padding:11px 13px;width:100%;font-size:14px;line-height:1.5}input::placeholder{color:var(--muted)}.allow-form button{min-height:45px}.allow-form .icon{height:17px;width:17px}.exceptions-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.allowed-list li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0}.allowed-list li+li{border-top:1px solid var(--line)}.domain-name{font-size:14px;overflow-wrap:anywhere;min-width:0}.empty-state{padding:35px 0;color:var(--muted)}.empty-state>.icon{display:none}.empty-state h3{color:var(--text);font-size:14px;margin-bottom:6px}.empty-state p{font-size:12px}.check-results{margin-top:25px}.check-results:empty{display:none}.check-results li{border-top:1px solid var(--line);font-size:13px;padding:13px 0}.about-brand-panel{display:flex;align-items:center;gap:22px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-brand-panel h2{font-family:Quicksand,sans-serif;font-size:24px;font-weight:650;color:var(--blue)}.about-brand-panel h2 span{font-family:Anuphan,sans-serif;font-size:12px;font-weight:400;color:var(--muted);margin-left:6px}.about-brand-panel p{font-size:13px;color:var(--muted);margin-top:6px}
.popup{width:390px;max-width:100vw;padding:20px;background:var(--bg)}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.popup .brand{font-size:23px}.popup .brand img{width:29px;height:29px}.icon-button{height:30px;width:30px;display:flex;align-items:center;justify-content:center;color:var(--muted);border:1px solid var(--line);border-radius:50%}.icon-button .icon{height:14px;width:14px}.icon-button:hover{color:var(--blue);border-color:var(--blue)}.popup .activity-top{padding:15px 0;gap:10px}.popup .status-pill{font-size:12px;gap:7px}.popup .status-description{display:none}.popup .pause-button{font-size:10px;min-width:100px;padding:7px 10px}.popup .stats-grid{padding:6px 0 18px;gap:18px}.popup .stat+.stat{padding-left:18px}.popup .activity-label{font-size:10px;margin-bottom:10px}.popup .lifetime-number,.popup .session-number{font-size:35px;letter-spacing:-.8px}.popup .count-since{font-size:9px;margin-top:11px;max-width:150px;min-height:28px}.popup .section-heading{margin:16px 0 7px}.popup .section-heading h2{font-size:14px}.popup .protection-row{padding:10px 0;gap:10px}.popup .feature-icon{width:20px}.popup .feature-icon .icon{width:17px;height:17px}.popup .feature-copy strong{font-size:12px}.popup .feature-copy>span{font-size:10px;margin-top:2px}.popup .badge{font-size:10px}.popup .row-chevron{height:12px;width:12px}.popup .beta-label{font-size:8px;padding:1px 4px;margin-left:4px}.open-dashboard{display:flex;justify-content:space-between;align-items:center;color:var(--blue);font-size:12px;font-weight:500;padding:15px 0 5px}.open-dashboard .icon{width:16px;height:16px}.popup-count-note{font-size:9px;color:var(--muted);line-height:1.7;margin-top:9px}.popup-footer{display:flex;align-items:center;gap:5px;border-top:1px solid var(--line);margin-top:13px;padding-top:12px;font-size:9px;color:var(--muted)}.popup-footer [data-version]{margin-left:auto}.popup-footer .local-dot{display:none}.checks{max-width:800px;padding:30px;margin:25px auto}.checks h1{font-size:28px;margin-bottom:16px}.checks button{margin-top:20px}.checks #results{margin-top:20px}.checks #results li{padding:8px 0;color:var(--muted)}
@media(max-width:850px){.app-shell{padding:0 28px}.main-nav{gap:22px}.nav-link{font-size:12px}.nav-link:nth-last-child(2){margin-left:0}.platform-label{display:none}.privacy-settings li{column-gap:20px}.privacy-settings button{grid-column:1;grid-row:auto;justify-self:start;margin-top:13px}.detail-grid{gap:30px}}
@media(max-width:560px){.app-shell{padding:0 20px}.header-inner{padding:21px 0 16px;gap:14px}.brand{font-size:22px;gap:8px}.brand img{width:29px;height:29px}.appearance-control{gap:5px}.appearance-control .icon{display:none}.appearance-control select{max-width:145px;font-size:10px}.main-nav{gap:21px}.nav-link{font-size:11px;padding:12px 0 14px}.page-content{padding:26px 0}h1{font-size:28px}.subtitle{font-size:13px}.page-heading{margin-bottom:23px}.activity-top{gap:15px}.status-description{font-size:11px;max-width:220px}.status-pill{font-size:12px}.pause-button{min-width:100px;font-size:11px;padding:8px 12px}.stats-grid{gap:24px;padding:15px 0 24px}.stat+.stat{padding-left:24px}.lifetime-number,.session-number{font-size:42px}.activity-label{font-size:11px}.count-since{font-size:10px;max-width:170px}.protection-row{gap:12px}.feature-copy strong{font-size:13px}.feature-copy>span{font-size:11px}.badge{font-size:11px}.feature-icon{width:22px}.row-chevron{width:12px;height:12px}.exception-shortcut{gap:12px}.exception-shortcut strong{font-size:13px}.exception-shortcut>span:nth-child(2)>span{font-size:11px}.shortcut-count{display:none}.detail-grid{grid-template-columns:1fr;gap:24px}.allow-form{flex-wrap:wrap}.allow-form>div{flex-basis:100%}.settings-callout{gap:13px}.settings-callout h2{font-size:15px}.settings-callout p{font-size:12px}.privacy-actions{gap:10px}.privacy-actions button{font-size:12px;padding:10px 16px}.app-footer{font-size:10px;gap:10px}.explanation summary{font-size:13px}.explanation p{font-size:12px}.fine-print{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.historical-note { padding: 20px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.historical-note[hidden] { display: none; }
.historical-note h2 { font-size: 15px; }
.historical-note strong { font-size: 24px; }

/* A fixed popup width avoids Chrome's initial viewport shrink-to-fit loop. */
html.popup-root{width:360px;min-width:360px;max-width:360px}
body.compact-popup{width:360px;min-width:360px;max-width:none;padding:18px;font-size:13px}
.mini-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.compact-popup .brand{font-size:22px;gap:8px}.compact-popup .brand img{width:28px;height:28px}
.compact-popup .icon-button{padding:6px;background:transparent;color:var(--muted);flex-shrink:0;width:30px;height:30px}
.site-summary{padding:16px 0}.mini-status{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:1.5}.mini-status[data-state=paused] .status-dot{background:var(--amber)}.mini-status[data-state=error] .status-dot{background:var(--error)}.mini-status[data-state=loading] .status-dot{background:var(--muted)}
#site-name{margin-top:4px;font-size:12px;line-height:1.6;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-count{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0}.page-count span{color:var(--muted);font-size:12px}.page-count strong{font:500 22px/1.3 Anuphan,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.page-count strong:is(:empty){display:none}
#site-toggle{width:100%;padding:10px 16px;font-size:13px;min-height:40px}.mini-note{font-size:10px;line-height:1.65;color:var(--muted);margin-top:8px}.mini-note:empty{display:none}
.mini-protections{border-top:1px solid var(--line)}.mini-protections a{display:flex;align-items:center;gap:10px;min-height:42px;border-bottom:1px solid var(--line);font-size:12px}.mini-protections a>span:first-child{flex:1}.mini-protections strong{font-size:11px;font-weight:500;color:var(--muted)}.mini-protections strong[data-active=true]{color:var(--active)}.mini-protections a>span:last-child{color:var(--muted);font-size:18px}.mini-protections small{font-size:9px;color:var(--amber);margin-left:4px}
.mini-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.mini-actions button{padding:7px 12px;font-size:11px}.mini-actions a{font-size:11px;color:var(--blue);white-space:nowrap}.mini-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:14px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.app-page .stats-grid:has(>[class=stat]:only-child){grid-template-columns:1fr}.app-page [data-page-counter]{font:500 24px/1.4 Anuphan,sans-serif;white-space:nowrap}

.design-preview-notice{position:sticky;top:0;z-index:20;display:flex;justify-content:center;align-items:center;gap:24px;background:var(--subtle);color:var(--text);border-bottom:1px solid var(--line);padding:10px 20px;font-size:11px;line-height:1.6}.design-preview-notice a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.popup>.design-preview-notice{margin:-20px -20px 16px;padding:9px 12px;display:block;font-size:9px}.popup>.design-preview-notice a{display:block;margin-top:3px}.install-steps{padding-left:22px;line-height:1.9}.install-steps li{list-style:decimal;padding:5px 0;font-size:14px}.download-button{display:inline-flex;align-items:center;padding:11px 23px;border-radius:99px;background:var(--button);color:var(--button-text);font-size:14px;margin:10px 0 18px}.checksum{font-family:ui-monospace,monospace;overflow-wrap:anywhere;font-size:11px}.web-back{font-size:12px;color:var(--blue);margin-bottom:16px;display:inline-block}.install-warning{font-size:13px;color:var(--muted);line-height:1.9;margin:15px 0}.download-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin:10px 0}.download-links a{text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.design-preview-notice{gap:4px;flex-direction:column;text-align:center;padding:9px 16px;font-size:10px}}