:root{--bg:#f7f9fc;--panel:#fff;--ink:#142033;--muted:#5a687b;--line:#dce3ed;--accent:#2259dd;--accent-soft:#edf3ff;--green:#0e7660;--shadow:0 18px 60px #182d5110;color-scheme:light;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,a,select,input{-webkit-tap-highlight-color:transparent}:is(a,button,select,input,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}header{max-width:1120px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none!important;font-size:18px;font-weight:730;letter-spacing:-.5px}.brand img{width:38px;height:38px}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:.1px;color:var(--muted);line-height:1.1}nav{display:flex;align-items:center;gap:22px;font-size:13px}select{border:1px solid var(--line);padding:7px 10px;border-radius:6px;color:var(--ink);background:var(--panel)}.wrap{max-width:1120px;margin:auto;padding:12px 36px 64px}.hero{display:grid;grid-template-columns:1fr 1.03fr;gap:48px;align-items:center;padding:44px 0 52px}h1{font-size:51px;line-height:1.09;letter-spacing:-2px;font-weight:760;margin:0 0 22px;max-width:570px}p{margin:0 0 18px}.lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:490px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:10px 15px;border-radius:7px;font-size:13px;font-weight:600;text-decoration:none!important;min-height:40px}.btn:hover{background:var(--accent-soft)}.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #2259dd24}.primary:hover{background:#184bbf}.quiet{color:var(--muted)}.demo{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(-1deg)}.demo-head{padding:13px 18px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.demo-row{padding:19px 20px;border-bottom:1px solid var(--line)}.demo-row:last-child{border:0}.demo-title{font-size:14px;font-weight:650}.dot{display:inline-block;width:11px;height:11px;border:2px solid #1a7f37;border-radius:50%;margin-right:9px}.demo-line{margin:8px 0 0 20px;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.demo-badge{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:3px 7px;color:var(--accent);font:11px/1.6 inherit;display:inline-flex;gap:7px;align-items:center}.demo-badge strong{font-size:12px}.demo-badge.mine{color:var(--muted)}.demo-badge.mention{color:#926500;background:#fff8d9;border-color:#d4b15d}.demo-hint{padding:10px 20px;font-size:11px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:30px}.step-number{font:650 13px/28px inherit;color:var(--accent);width:30px;height:30px;display:grid;place-items:center;background:var(--accent-soft);border-radius:7px;margin-bottom:12px}h2{font-size:24px;line-height:1.3;letter-spacing:-.5px;margin:0 0 17px}h3{font-size:15px;line-height:1.5;margin:0 0 8px}.steps p{font-size:13px;color:var(--muted)}.privacy-band{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-top:25px}.privacy-band h3{color:var(--green)}.privacy-band p{max-width:720px;font-size:13px;color:var(--muted);margin:0}.note{padding:16px 18px;background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;font-size:13px;color:var(--muted);margin:24px 0}.note p{margin:0}.muted{color:var(--muted)}footer{max-width:1120px;margin:auto;padding:20px 36px 30px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:12px}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:42px;margin-top:30px}.rail{position:sticky;top:25px;align-self:start}.rail h1{font-size:28px;letter-spacing:-.8px}.rail a{display:block;padding:9px 0;color:var(--muted);font-size:13px}.settings-main{max-width:720px}.section{margin:0 0 32px;padding:26px 28px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.section h2{font-size:20px}.field{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.field:last-child{border-bottom:0}.field input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;flex:none}.field select{min-width:160px;max-width:220px}.small{font-size:13px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.stat{border-left:2px solid var(--line);padding:0 0 0 12px}.stat strong{font-size:25px;font-weight:700;display:block;line-height:1.3}.stat span{font-size:11px;color:var(--muted)}.settings-main .actions{margin-top:16px}.prose{max-width:770px;margin:35px auto}.prose h1{font-size:38px;margin-bottom:15px}.prose h2{font-size:21px;margin-top:34px}.prose p{font-size:15px;line-height:1.8;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:600}details p{margin:14px 0 0;font-size:14px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:10px 18px;background:var(--ink);color:var(--panel);font-size:13px;border-radius:7px;z-index:99;max-width:calc(100vw - 32px)}.popup-page{width:360px;min-height:390px;background:var(--panel);font-size:13px}.popup-page header{padding:20px;gap:10px}.popup-page .brand{font-size:16px}.popup-page .brand img{width:32px;height:32px}.popup-page .wrap{padding:0 20px 20px}.tab-status{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:14px;margin:5px 0 16px}.tab-status strong{display:block;font-size:12px;margin-bottom:6px}.tab-status p{font-size:12px;color:var(--muted);margin:0}.popup-page .field{font-size:12px;padding:10px 0}.popup-page .field select{min-width:120px;font-size:12px}.popup-page .actions{margin:14px 0;display:grid;grid-template-columns:1fr 1fr}.popup-page .btn{font-size:12px;padding:8px 10px}.popup-links{display:flex;justify-content:space-between;font-size:11px;padding-top:14px;border-top:1px solid var(--line)}.popup-page .small{font-size:11px;line-height:1.7}
@media(prefers-color-scheme:dark){:root{--bg:#0e1521;--panel:#182130;--ink:#e8eef8;--muted:#a2b0c4;--line:#304057;--accent:#91b4ff;--accent-soft:#213354;--green:#71d9bb;color-scheme:dark}.primary{background:#386de2;border-color:#386de2;color:#fff}.primary:hover{background:#487bee}.demo-badge.mention{color:#e4bf63;background:#302917;border-color:#92782f}}
@media(max-width:800px){header{padding:22px}nav{gap:12px}.wrap{padding:10px 22px 36px}.hero{grid-template-columns:1fr;gap:28px;padding:28px 0}.hero h1{font-size:40px;max-width:520px}.demo{transform:none}.steps{grid-template-columns:1fr;gap:14px}.settings-layout{grid-template-columns:1fr;gap:14px}.rail{position:static}.rail a{display:inline-block;margin-right:16px}.privacy-band{display:block}.privacy-band .btn{margin-top:14px}.section{padding:20px}.field{flex-wrap:wrap;gap:8px}.field select{min-width:130px}.stats{grid-template-columns:repeat(2,1fr)}footer{padding:20px 22px;flex-wrap:wrap}header nav>a{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}