:root{ --I:#6366F1;--ID:#4f46e5;--IL:rgba(99,102,241,.1);--IB:rgba(99,102,241,.06); --S:#60A5FA;--SD:#3b82f6;--SL:rgba(96,165,250,.1); --L:#B796D4;--LD:#9b72c0;--LL:rgba(183,150,212,.1); --bg:#F8FAFC;--bg2:#F5F3FF;--sur:#FFFFFF;--sur2:#F8FAFC; --bd:#e2e8f0;--bd2:#cbd5e1;--bd3:rgba(99,102,241,.25); --tx:#1e293b;--tx2:#475569;--tx3:#94a3b8;--tx4:#cbd5e1; --r:10px;--rl:16px; --sh:0 1px 3px rgba(0,0,0,.05),0 4px 14px rgba(99,102,241,.05); --shh:0 8px 30px rgba(99,102,241,.1),0 2px 8px rgba(0,0,0,.04); --fs:16px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--tx);font-size:var(--fs);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
/* NAV */
nav{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--bd);box-shadow:var(--sh)}
.ni{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 22px;height:56px;gap:10px}
.logo{font-weight:800;font-size:1.05rem;text-decoration:none;letter-spacing:-.5px;background:linear-gradient(135deg,var(--I),var(--L));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}
.nl{display:flex;align-items:center;gap:1px}
.nl a{text-decoration:none;color:var(--tx3);font-size:.8rem;font-weight:500;padding:5px 10px;border-radius:8px;transition:all .15s;white-space:nowrap;cursor:pointer}
.nl a:hover{background:var(--IL);color:var(--I)}
.nl a.act{color:var(--I);background:var(--IL);font-weight:600}
.nr{display:flex;align-items:center;gap:7px;flex-shrink:0}
.ndrop{position:relative}
.ddm{display:none;position:absolute;top:calc(100%+8px);left:50%;transform:translateX(-50%);background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);box-shadow:var(--shh);min-width:240px;overflow:hidden;z-index:300;padding:5px}
.ndrop:hover .ddm{display:block}
.ddm a{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:8px;font-size:.8rem;color:var(--tx2);transition:all .12s;text-decoration:none;cursor:pointer}
.ddm a:hover{background:var(--IL);color:var(--I)}
.dmi{font-size:.88rem;width:18px;text-align:center}
.ddiv{height:1px;background:var(--bd);margin:3px 0}
.hbg{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:5px;border:none;background:none}
.hbg span{display:block;width:20px;height:2px;background:var(--tx2);border-radius:2px}
.mob{display:none;flex-direction:column;background:var(--sur);border-bottom:1px solid var(--bd);padding:8px 16px 12px;gap:1px}
.mob a{text-decoration:none;color:var(--tx2);font-size:.875rem;font-weight:500;padding:8px 10px;border-radius:8px;cursor:pointer;display:block}
.mob a:hover{background:var(--IL);color:var(--I)}
@media(max-width:880px){.nl{display:none}.hbg{display:flex}.mob.open{display:flex}}
/* PAGES */
.pg{display:none}.pg.act{display:block}
/* HERO */
.hero{position:relative;overflow:hidden;text-align:center;padding:52px 22px 44px;background:linear-gradient(160deg,var(--sur)0%,var(--bg2)100%);border-bottom:1px solid var(--bd)}
.hero::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:700px;height:420px;background:radial-gradient(ellipse,rgba(99,102,241,.07)0%,transparent 70%);pointer-events:none}
.hey{display:inline-flex;align-items:center;gap:6px;background:var(--IL);border:1px solid rgba(99,102,241,.2);border-radius:99px;padding:4px 13px;font-size:.68rem;font-weight:700;color:var(--I);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}
.hero h1{font-size:clamp(1.75rem,5vw,2.7rem);font-weight:800;letter-spacing:-1.5px;line-height:1.15;margin-bottom:12px;color:var(--tx)}
.hero h1 span{background:linear-gradient(135deg,var(--I),var(--L));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero p{font-size:.94rem;color:var(--tx2);max-width:520px;margin:0 auto 18px;line-height:1.75}
.hbdg{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.hbdg span{display:flex;align-items:center;gap:5px;background:var(--sur);border:1px solid var(--bd);border-radius:99px;padding:4px 12px;font-size:.72rem;font-weight:600;color:var(--tx2);box-shadow:var(--sh)}
.hbdg .dot{width:5px;height:5px;border-radius:50%;background:var(--L);flex-shrink:0}
/* DUAL COL */
.dc{max-width:1300px;margin:0 auto;padding:24px 18px 60px;display:grid;grid-template-columns:1fr 272px;gap:22px;align-items:start}
@media(max-width:940px){.dc{grid-template-columns:1fr;padding:18px 14px 48px}}
.ws{min-width:0}
.sb{position:sticky;top:68px}
/* SIDEBAR */
.ad-sb{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;margin-bottom:14px;box-shadow:var(--sh)}
.ad-sb-in{background:linear-gradient(135deg,#f0f4ff,#f5f3ff);min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;text-align:center;gap:7px}
.ad-lbl{font-size:.62rem;color:var(--tx3);text-transform:uppercase;letter-spacing:.08em;font-weight:600;background:var(--bd);padding:2px 7px;border-radius:99px}
.ad-bl{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;margin-top:18px;box-shadow:var(--sh)}
.ad-bl-in{background:linear-gradient(90deg,#f0f4ff,#f5f3ff);min-height:88px;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px}
/* CONTAINERS */
.ct{max-width:1300px;margin:0 auto;padding:26px 22px 60px}
.ctn{max-width:780px;margin:0 auto;padding:26px 22px 60px}
/* CARDS */
.card{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh)}
.ch{padding:13px 18px 11px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.ct2{font-weight:700;font-size:.86rem;color:var(--tx)}
.cb{padding:18px}
/* TOP CONTROLS ROW */
.tcr{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
/* WRITING STREAK — same size as metric cards */
.wsc{background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);padding:10px 12px;box-shadow:var(--sh);display:flex;flex-direction:column;align-items:center;gap:4px;min-width:130px}
.wsc-lbl{font-size:.58rem;color:var(--tx3);text-transform:uppercase;letter-spacing:.07em;font-weight:700;white-space:nowrap}
.cwg{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.cwc{width:10px;height:10px;border-radius:2px;background:var(--bg2);border:1px solid var(--bd);transition:all .3s}
.cwc.hw{background:rgba(183,150,212,.3);border-color:rgba(183,150,212,.5)}
.cwc.lv2{background:rgba(183,150,212,.6);border-color:rgba(183,150,212,.7)}
.cwc.lv3{background:var(--L);border-color:var(--LD)}
.cwc.td{outline:1.5px solid var(--S);outline-offset:1px}
.cws{font-size:.58rem;color:var(--LD);font-weight:700;white-space:nowrap}
/* MINIMALIST TOGGLE */
.mtog{display:flex;align-items:center;gap:7px;background:var(--sur);border:1px solid var(--bd);border-radius:99px;padding:5px 12px;cursor:pointer;font-size:.73rem;font-weight:600;color:var(--tx2);transition:all .2s;user-select:none;box-shadow:var(--sh);margin-left:auto}
.mtog:hover{border-color:var(--I);color:var(--I)}
.tsw{width:26px;height:15px;background:var(--bd2);border-radius:99px;position:relative;transition:background .2s;flex-shrink:0}
.tsw::after{content:'';position:absolute;top:1.5px;left:1.5px;width:12px;height:12px;border-radius:50%;background:#fff;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.tsw.on{background:var(--L)}
.tsw.on::after{left:calc(100%-13.5px)}
/* METRICS */
.mrow{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;padding:15px 18px;border-bottom:1px solid var(--bd)}
@media(max-width:660px){.mrow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:380px){.mrow{grid-template-columns:repeat(2,1fr)}}
.met{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:10px 8px;text-align:center;transition:all .2s}
.mtb{height:2px;border-radius:99px;margin-bottom:8px}
.ai .mtb{background:linear-gradient(90deg,var(--I),var(--ID))}
.as .mtb{background:linear-gradient(90deg,var(--SD),var(--S))}
.ar .mtb{background:#f43f5e}
.aa .mtb{background:#f59e0b}
.al .mtb{background:linear-gradient(90deg,var(--LD),var(--L))}
.mv{font-size:1.3rem;font-weight:800;color:var(--tx);line-height:1;font-variant-numeric:tabular-nums}
.ml{font-size:.58rem;color:var(--tx3);text-transform:uppercase;letter-spacing:.07em;margin-top:4px;font-weight:700}
.met.ck{cursor:pointer}.met.ck:hover{background:var(--IL);border-color:var(--bd3)}
/* GOAL BAR */
.gb{padding:10px 18px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.gl{font-size:.7rem;font-weight:700;color:var(--tx3);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}
.gi{width:62px;background:var(--sur2);border:1px solid var(--bd);border-radius:8px;padding:4px 8px;font-size:.86rem;font-weight:700;color:var(--I);text-align:center;outline:none;transition:border .15s;font-family:inherit}
.gi:focus{border-color:var(--I)}
.gmb{display:flex;gap:3px}
.gmb button{padding:3px 8px;border-radius:6px;border:1px solid var(--bd);background:var(--sur2);font-size:.68rem;font-weight:700;color:var(--tx3);cursor:pointer;transition:all .15s;font-family:inherit}
.gmb button.on{background:var(--I);border-color:var(--I);color:#fff}
.gpw{flex:1;min-width:80px;height:4px;background:var(--bd);border-radius:99px;overflow:hidden}
.gpf{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--I),var(--L));transition:width .4s,background .3s}
.gp{font-size:.7rem;font-weight:800;color:var(--tx3);white-space:nowrap;min-width:32px;text-align:right;font-variant-numeric:tabular-nums}
/* TOOLBAR */
.tb{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:9px 18px;background:var(--sur2);border-bottom:1px solid var(--bd)}
.tbg{display:flex;align-items:center;gap:4px}
.tbs{width:1px;height:18px;background:var(--bd);margin:0 3px}
.fsc{display:flex;align-items:center;gap:3px}
.fsl{font-size:.66rem;color:var(--tx3);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.fsb{width:22px;height:22px;border-radius:5px;border:1px solid var(--bd);background:var(--sur);font-size:.8rem;font-weight:700;cursor:pointer;color:var(--tx2);display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:inherit}
.fsb:hover{background:var(--I);border-color:var(--I);color:#fff}
.fsv{min-width:28px;text-align:center;font-size:.7rem;font-weight:800;color:var(--I)}
/* EDITOR */
.ew{padding:12px 18px 0}
textarea#eM{width:100%;height:310px;border:1.5px solid var(--bd);border-radius:var(--r);padding:15px 17px;line-height:1.75;color:var(--tx);resize:vertical;outline:none;font-family:inherit;transition:border .2s;font-size:var(--fs);background:var(--sur);caret-color:var(--I)}
textarea#eM:focus{border-color:var(--I);box-shadow:0 0 0 3px rgba(99,102,241,.07)}
textarea#eM::placeholder{color:var(--tx4)}
.epb{height:2px;background:var(--bd);margin:0 18px;border-radius:0 0 4px 4px;overflow:hidden}
.epf{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,var(--I),var(--L));transition:width .4s cubic-bezier(.4,0,.2,1)}
/* ACTION TRAY */
.at{padding:10px 18px;border-top:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px}
.tl,.tr{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.asb{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;color:var(--LD)}
.asd{width:5px;height:5px;border-radius:50%;background:var(--L);animation:pu 2.5s infinite}
@keyframes pu{0%,100%{opacity:1}50%{opacity:.3}}
/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:8px;border:1px solid transparent;font-size:.76rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}
.bi{background:var(--I);color:#fff;border-color:var(--ID);box-shadow:0 2px 8px rgba(99,102,241,.2)}
.bi:hover{background:var(--ID);box-shadow:0 4px 16px rgba(99,102,241,.3);transform:translateY(-1px)}
.bs{background:var(--S);color:#fff;box-shadow:0 2px 8px rgba(96,165,250,.2)}
.bs:hover{background:var(--SD);transform:translateY(-1px)}
.bl{background:var(--L);color:#fff}
.bl:hover{background:var(--LD);transform:translateY(-1px)}
.bg{background:var(--sur);color:var(--tx2);border:1px solid var(--bd)}
.bg:hover{background:var(--IL);border-color:var(--bd3);color:var(--I)}
.bd2{background:#fff1f2;color:#f43f5e;border:1px solid #fecaca}
.bd2:hover{background:#fee2e2}
.bam{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}
.bam:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(245,158,11,.3)}
.bsm{padding:4px 10px;font-size:.72rem}
.bxs{padding:3px 8px;font-size:.68rem}
/* GRAMMAR PANEL */
.gpp{border-top:1px solid var(--bd);background:var(--sur2)}
.gph{padding:10px 18px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:.78rem;color:var(--tx2);transition:background .15s}
.gph:hover{background:var(--IL)}
.gcnt{font-size:.66rem;background:#f59e0b;color:#1a0e00;border-radius:99px;padding:2px 7px;font-weight:800}
.gcnt.cl{background:var(--L);color:#fff}
.gpb{display:none;padding:3px 18px 13px}.gpb.op{display:block}
.gi2{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid var(--bd)}
.gi2:last-child{border-bottom:none}
.gt{flex-shrink:0;font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}
.tst{background:rgba(96,165,250,.12);color:var(--SD)}
.tpa{background:rgba(245,158,11,.12);color:#92400e}
.tln{background:rgba(99,102,241,.12);color:var(--I)}
.tsp{background:#fff1f2;color:#f43f5e}
.gtx{font-size:.78rem;color:var(--tx2);line-height:1.5}
/* ANALYTICS */
.ad2{border-top:1px solid var(--bd);display:grid;grid-template-columns:1fr 1fr}
@media(max-width:560px){.ad2{grid-template-columns:1fr}}
.dp{padding:14px 18px}
.dp:first-child{border-right:1px solid var(--bd)}
@media(max-width:560px){.dp:first-child{border-right:none;border-bottom:1px solid var(--bd)}}
.dpt{font-weight:800;font-size:.72rem;color:var(--tx2);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}
.kr{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:.78rem}
.kw{width:80px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tx)}
.kbw{flex:1;height:4px;background:var(--bd);border-radius:99px;overflow:hidden}
.kbf{height:100%;background:linear-gradient(90deg,var(--I),var(--L));border-radius:99px;transition:width .4s}
.kp{width:58px;text-align:right;color:var(--tx3);font-weight:600;font-variant-numeric:tabular-nums;font-size:.74rem}
.tr2{display:flex;align-items:flex-start;gap:6px;margin-bottom:7px}
.tic{flex-shrink:0;font-size:.78rem;margin-top:1px}
.ttx{font-size:.78rem;color:var(--tx2);line-height:1.5}
.eh{color:var(--tx3);font-style:italic;font-size:.78rem}
/* STATS */
.sg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;margin-top:14px}
.si{background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);padding:12px 14px;box-shadow:var(--sh)}
.sv{font-size:1.1rem;font-weight:800;color:var(--I);font-variant-numeric:tabular-nums}
.sk{font-size:.68rem;color:var(--tx3);margin-top:2px;font-weight:600}
/* MINIMALIST */
body.mm .mrow,body.mm .gb,body.mm .ad2,body.mm .gpp,body.mm .ss,body.mm .tb,body.mm .epb,body.mm .wsc{display:none!important}
body.mm textarea#eM{height:480px;border-color:transparent}
/* FOCUS */
body.fm nav,body.fm .hero,body.fm .mrow,body.fm .gb,body.fm .tb,body.fm .at,body.fm .ad2,body.fm .gpp,body.fm .ch,body.fm .sb{display:none!important}
body.fm .dc{grid-template-columns:1fr;max-width:740px}
body.fm .ew{padding:36px}
body.fm textarea#eM{height:80vh;border-color:transparent}
.feb{display:none;position:fixed;bottom:18px;right:18px;z-index:9999;background:var(--L);color:#fff;border:none;border-radius:9px;padding:8px 14px;font-weight:700;font-size:.78rem;cursor:pointer;box-shadow:0 4px 16px rgba(183,150,212,.35)}
body.fm .feb{display:flex;align-items:center;gap:4px}
/* FLASH */
.fl{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--sur);border:1px solid var(--bd);color:var(--tx);padding:8px 16px;border-radius:9px;font-size:.78rem;font-weight:600;box-shadow:var(--shh);opacity:0;pointer-events:none;transition:opacity .3s;z-index:9999;white-space:nowrap;display:flex;align-items:center;gap:6px}
.fl.sh{opacity:1}
/* FREEMIUM MODULES */
.fms{margin-top:52px}
.fmhd{margin-bottom:16px}
.fmtl{font-size:1.1rem;font-weight:800;color:var(--tx);letter-spacing:-.4px;margin-bottom:3px}
.fmsu{font-size:.78rem;color:var(--tx3);display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.fbdg{display:inline-flex;align-items:center;gap:4px;background:var(--LL);border:1px solid rgba(183,150,212,.3);border-radius:99px;padding:2px 9px;font-size:.65rem;font-weight:800;color:var(--LD);text-transform:uppercase;letter-spacing:.06em}
.pbdg{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(183,150,212,.08));border:1px solid rgba(99,102,241,.2);border-radius:99px;padding:2px 9px;font-size:.65rem;font-weight:800;color:var(--I);text-transform:uppercase}
.fmg{display:grid;grid-template-columns:repeat(auto-fill,minmax(278px,1fr));gap:14px}
@media(max-width:600px){.fmg{grid-template-columns:1fr}}
/* MODULE CARD */
.mc{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:var(--sh)}
.mchd{padding:11px 15px 9px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--sur2)}
.mct{font-weight:800;font-size:.82rem;color:var(--tx);display:flex;align-items:center;gap:6px}
.mci{font-size:.96rem}
.mcb{padding:14px 15px;flex:1;display:flex;flex-direction:column;gap:10px}
.mta{width:100%;background:var(--sur2);border:1px solid var(--bd);border-radius:var(--r);padding:10px 12px;font-size:.8rem;resize:vertical;outline:none;font-family:inherit;color:var(--tx);transition:border .15s;min-height:90px;caret-color:var(--I)}
.mta:focus{border-color:var(--I);box-shadow:0 0 0 2px rgba(99,102,241,.06)}
.mta::placeholder{color:var(--tx3)}
/* FREEMIUM WARNING OVERLAY */
.fw{display:none;position:absolute;inset:0;z-index:10;background:rgba(248,250,252,.92);backdrop-filter:blur(4px);border-radius:var(--rl);flex-direction:column;align-items:center;justify-content:center;padding:22px;text-align:center}
.fw.sh{display:flex}
.fwi{font-size:1.7rem;margin-bottom:8px}
.fwt{font-size:.88rem;font-weight:800;color:#92400e;margin-bottom:5px}
.fwd{font-size:.76rem;color:var(--tx2);line-height:1.6;margin-bottom:13px;max-width:245px}
.fwdis{margin-top:8px;font-size:.68rem;color:var(--tx3);cursor:pointer;text-decoration:underline}
/* FBA */
.ff{background:var(--sur2);border:1px solid var(--bd);border-radius:var(--r);padding:8px 11px}
.ffl{font-size:.65rem;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;display:flex;align-items:center;justify-content:space-between}
.ffc{font-variant-numeric:tabular-nums;font-size:.65rem}
.ffb{height:3px;background:var(--bd);border-radius:99px;overflow:hidden;margin-top:4px}
.ffbf{height:100%;border-radius:99px;transition:width .3s,background .3s}
.ffbf.ok{background:var(--L)}.ffbf.wn{background:#f59e0b}.ffbf.ov{background:#f43f5e}
.fin{width:100%;background:transparent;border:none;outline:none;font-family:inherit;font-size:.8rem;color:var(--tx);resize:none;margin-top:3px;caret-color:var(--I)}
.fin::placeholder{color:var(--tx3)}
.ba{display:none;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:6px 10px;font-size:.73rem;color:#92400e;font-weight:600}
.ba.sh{display:block}
/* SEO */
.skl{display:flex;flex-direction:column;gap:5px;max-height:180px;overflow-y:auto}
.skr{display:flex;align-items:center;gap:7px}
.skw{width:88px;font-size:.74rem;font-weight:600;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skbw{flex:1;height:4px;background:var(--bd);border-radius:99px;overflow:hidden}
.skbf{height:100%;background:linear-gradient(90deg,var(--I),var(--L));border-radius:99px;transition:width .35s}
.skp{width:46px;text-align:right;font-size:.7rem;color:var(--tx3);font-weight:600;font-variant-numeric:tabular-nums}
.ssr{display:flex;gap:6px;flex-wrap:wrap}
.ssp{background:var(--sur2);border:1px solid var(--bd);border-radius:8px;padding:5px 10px;font-size:.72rem;font-weight:600;color:var(--tx2)}
.ssp span{color:var(--I);font-weight:800}
/* SOCIAL */
.spl{background:var(--sur2);border:1px solid var(--bd);border-radius:var(--r);padding:8px 11px;display:flex;align-items:center;gap:8px}
.spic{font-size:.96rem;flex-shrink:0;width:20px;text-align:center}
.spin{flex:1;min-width:0}
.spnm{font-size:.7rem;font-weight:700;color:var(--tx);margin-bottom:2px}
.spbw{height:3px;background:var(--bd);border-radius:99px;overflow:hidden;margin-bottom:2px}
.spbf{height:100%;border-radius:99px;transition:width .3s,background .3s}
.spbf.ok{background:var(--L)}.spbf.wn{background:#f59e0b}.spbf.ov{background:#f43f5e}
.spct{font-size:.68rem;font-weight:700;font-variant-numeric:tabular-nums}
.spct.ok{color:var(--tx3)}.spct.wn{color:#92400e}.spct.ov{color:#f43f5e}
.spov{font-size:.62rem;color:#f43f5e;font-weight:600;display:none}
.spov.sh{display:block}
/* UPGRADE MODAL */
.uo{display:none;position:fixed;inset:0;z-index:500;background:rgba(248,250,252,.94);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:22px}
.uo.sh{display:flex}
.um{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);box-shadow:var(--shh);max-width:540px;width:100%;overflow:hidden}
.umt{background:linear-gradient(135deg,var(--IL)0%,rgba(183,150,212,.08)100%);padding:28px 28px 20px;text-align:center;border-bottom:1px solid var(--bd)}
.umtl{font-size:1.35rem;font-weight:800;letter-spacing:-.5px;color:var(--tx);margin-bottom:5px}
.umts{font-size:.86rem;color:var(--tx2);line-height:1.6}
.umb{padding:22px 28px 26px}
.ptog{display:flex;align-items:center;justify-content:center;gap:2px;background:var(--sur2);border:1px solid var(--bd);border-radius:99px;padding:3px;margin-bottom:20px;width:fit-content;margin-left:auto;margin-right:auto}
.ptb{padding:5px 16px;border-radius:99px;border:none;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit;color:var(--tx3);background:transparent}
.ptb.on{background:var(--I);color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.2)}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
@media(max-width:480px){.pc{grid-template-columns:1fr}}
.pcd{background:var(--sur2);border:1px solid var(--bd);border-radius:var(--rl);padding:16px;text-align:center;position:relative;transition:all .2s;cursor:pointer}
.pcd.ft{border-color:var(--I);background:var(--IL)}
.pcb{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--I),var(--L));color:#fff;font-size:.58rem;font-weight:800;padding:2px 10px;border-radius:0 0 7px 7px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.pnm{font-size:.76rem;font-weight:700;color:var(--tx2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.ppr{font-size:1.75rem;font-weight:800;color:var(--tx);letter-spacing:-1px;line-height:1;margin-bottom:2px;font-variant-numeric:tabular-nums}
.pper{font-size:.7rem;color:var(--tx3);font-weight:600;margin-bottom:7px}
.pdt{font-size:.7rem;color:var(--tx2);line-height:1.5}
.pcta{width:100%;margin-top:9px;padding:9px;border-radius:8px;border:none;font-size:.8rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}
.pcp{background:var(--I);color:#fff}.pcp:hover{background:var(--ID);transform:translateY(-1px)}
.pcg{background:var(--sur);color:var(--tx2);border:1px solid var(--bd)}.pcg:hover{background:var(--IL);color:var(--I)}
.ufl{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.ufi{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--tx2)}
.ufc{width:15px;height:15px;border-radius:50%;background:var(--L);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.58rem;color:#fff;font-weight:800}
.utn{font-size:.7rem;color:var(--tx3);text-align:center;margin-top:8px;line-height:1.5}
.ucl{display:flex;justify-content:center;margin-top:7px}
.ucl button{background:none;border:none;cursor:pointer;font-size:.76rem;color:var(--tx3);text-decoration:underline;font-family:inherit}
.ucl button:hover{color:var(--tx)}
/* TOOLS GRID */
.tg{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:12px;margin-top:20px}
.tlc{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);padding:16px;cursor:pointer;transition:all .2s;position:relative;box-shadow:var(--sh)}
.tlc:hover{border-color:var(--bd3);transform:translateY(-2px);box-shadow:var(--shh)}
.tlc .tic2{font-size:1.25rem;margin-bottom:7px}
.tlc h3{font-size:.8rem;font-weight:700;color:var(--tx);margin-bottom:2px}
.tlc p{font-size:.71rem;color:var(--tx3);line-height:1.5}
.tbg2{position:absolute;top:8px;right:8px;font-size:.56rem;font-weight:800;padding:2px 6px;border-radius:99px;text-transform:uppercase}
.tbg2.new{background:linear-gradient(135deg,var(--I),var(--L));color:#fff}
.tbg2.pop{background:rgba(96,165,250,.1);color:var(--SD);border:1px solid rgba(96,165,250,.25)}
/* BLOG */
.bg2{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:18px;margin-top:20px}
.bc{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh);transition:all .2s;cursor:pointer}
.bc:hover{transform:translateY(-2px);box-shadow:var(--shh);border-color:var(--bd3)}
.bth{height:130px;background:linear-gradient(135deg,var(--IL),rgba(183,150,212,.12));display:flex;align-items:center;justify-content:center;font-size:2.3rem}
.bbd{padding:14px}
.btg{font-size:.63rem;font-weight:800;color:var(--I);text-transform:uppercase;letter-spacing:.07em;background:var(--IL);padding:2px 7px;border-radius:99px;display:inline-block;margin-bottom:6px}
.btl{font-size:.9rem;font-weight:700;color:var(--tx);margin-bottom:4px;line-height:1.4}
.bex{font-size:.76rem;color:var(--tx3);line-height:1.5}
.bmt{font-size:.68rem;color:var(--tx3);margin-top:8px;display:flex;gap:9px}
/* FAQ */
.fql{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.fqi{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh)}
.fqi.op{border-color:var(--bd3)}
.fqq{padding:13px 16px;cursor:pointer;font-weight:600;font-size:.86rem;color:var(--tx);display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background .15s}
.fqq:hover{background:var(--IL)}
.fqa2{color:var(--tx3);transition:transform .2s;flex-shrink:0;font-size:.75rem}
.fqi.op .fqa2{transform:rotate(180deg)}
.fqan{display:none;padding:0 16px 13px;font-size:.83rem;color:var(--tx2);line-height:1.75}
.fqi.op .fqan{display:block}
.fqan p{margin-bottom:7px}.fqan p:last-child{margin-bottom:0}
.fqan ul{padding-left:16px;margin-top:4px}.fqan li{margin-bottom:4px}
.fqct{font-size:.7rem;font-weight:800;color:var(--I);text-transform:uppercase;letter-spacing:.08em;margin:22px 0 8px;display:flex;align-items:center;gap:7px}
.fqct::after{content:'';flex:1;height:1px;background:var(--bd)}
/* ABOUT */
.ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:13px;margin-top:20px}
.ac{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);padding:18px;transition:all .2s;box-shadow:var(--sh)}
.ac:hover{border-color:var(--bd3);transform:translateY(-2px)}
.ac .ai2{font-size:1.4rem;margin-bottom:8px}
.ac h3{font-size:.86rem;font-weight:700;margin-bottom:4px;color:var(--I)}
.ac p{font-size:.78rem;color:var(--tx2);line-height:1.6}
/* LEGAL */
.lc{max-width:740px;margin:0 auto;padding:32px 22px 60px}
.lc h2{font-size:1.05rem;font-weight:700;color:var(--tx);margin:22px 0 7px}
.lc p{font-size:.86rem;color:var(--tx2);line-height:1.75;margin-bottom:9px}
.lc ul{padding-left:17px;margin-bottom:9px}
.lc li{font-size:.86rem;color:var(--tx2);line-height:1.75;margin-bottom:3px}
.ld{font-size:.76rem;color:var(--tx3);margin-bottom:18px;font-style:italic}
/* CONTACT */
.fl2{display:block;font-size:.7rem;font-weight:700;color:var(--tx3);margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em}
.fi2{width:100%;background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);padding:9px 13px;font-size:.875rem;outline:none;font-family:inherit;color:var(--tx);transition:border .15s;margin-bottom:10px}
.fi2:focus{border-color:var(--I);box-shadow:0 0 0 3px rgba(99,102,241,.06)}
.fi2::placeholder{color:var(--tx3)}
textarea.fi2{resize:vertical;min-height:108px}
/* SUB TEXTAREA */
.sta{width:100%;background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);padding:11px 14px;font-size:.875rem;resize:vertical;outline:none;font-family:inherit;color:var(--tx);transition:border .15s;min-height:105px;caret-color:var(--I)}
.sta:focus{border-color:var(--I);box-shadow:0 0 0 3px rgba(99,102,241,.06)}
.sta::placeholder{color:var(--tx3)}
.to{background:var(--sur2);border:1px solid var(--bd);border-radius:var(--r);padding:12px 15px;font-size:.82rem;color:var(--tx2);min-height:65px;white-space:pre-wrap;line-height:1.7;word-break:break-word}
/* PAGE HERO */
.ph{background:linear-gradient(135deg,var(--sur)0%,var(--bg2)100%);border-bottom:1px solid var(--bd);padding:44px 22px 36px;text-align:center}
.ph h1{font-size:1.8rem;font-weight:800;margin-bottom:8px;letter-spacing:-.7px;color:var(--tx)}
.ph p{color:var(--tx2);max-width:500px;margin:0 auto;line-height:1.7;font-size:.92rem}
/* TOOL PAGE HERO */
.tph{background:linear-gradient(135deg,var(--sur)0%,var(--bg2)100%);border-bottom:1px solid var(--bd);padding:32px 22px 26px;text-align:center}
.tph h1{font-size:1.5rem;font-weight:800;margin-bottom:6px;letter-spacing:-.5px;color:var(--tx)}
.tph p{color:var(--tx2);font-size:.86rem;max-width:460px;margin:0 auto}
/* FOOTER */
footer{background:var(--sur);border-top:1px solid var(--bd);padding:32px 22px 20px;margin-top:auto}
.fi3{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
@media(max-width:720px){.fi3{grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:460px){.fi3{grid-template-columns:1fr}}
.fb .fl3{font-weight:800;font-size:.96rem;background:linear-gradient(135deg,var(--I),var(--L));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:6px}
.fb p{font-size:.76rem;color:var(--tx3);line-height:1.6;max-width:210px}
.fc2 h4{font-size:.72rem;font-weight:800;color:var(--tx2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:9px}
.fc2 a{display:block;font-size:.76rem;color:var(--tx3);text-decoration:none;margin-bottom:5px;cursor:pointer;transition:color .15s}
.fc2 a:hover{color:var(--I)}
.fbot{max-width:1300px;margin:18px auto 0;padding-top:14px;border-top:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px}
.fbot p{font-size:.73rem;color:var(--tx3)}
.fll{display:flex;gap:10px}
.fll a{font-size:.73rem;color:var(--tx3);text-decoration:none;cursor:pointer}
.fll a:hover{color:var(--I)}
/* MISC */
.stl{font-size:1.15rem;font-weight:800;color:var(--tx);margin-bottom:4px;letter-spacing:-.4px}
.ssu{color:var(--tx3);font-size:.8rem;margin-bottom:15px}
.bdg{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:99px;font-size:.68rem;font-weight:700}
.bdi{background:var(--IL);color:var(--I)}
.bdl{background:var(--LL);color:var(--LD)}
.bds{background:rgba(96,165,250,.1);color:var(--SD)}
input[type=number]::-webkit-inner-spin-button{opacity:.4}
@media(max-width:460px){.cb{padding:13px}.ew{padding:10px 13px 0}.at,.mrow,.gb,.tb{padding-left:13px;padding-right:13px}} {} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } :root{ --I:#6366F1;--ID:#4f46e5;--IL:rgba(99,102,241,.1);--IB:rgba(99,102,241,.06); --S:#60A5FA;--SD:#3b82f6;--SL:rgba(96,165,250,.1); --L:#B796D4;--LD:#9b72c0;--LL:rgba(183,150,212,.1); --bg:#F8FAFC;--bg2:#F5F3FF;--sur:#FFFFFF;--sur2:#F8FAFC; --bd:#e2e8f0;--bd2:#cbd5e1;--bd3:rgba(99,102,241,.25); --tx:#1e293b;--tx2:#475569;--tx3:#94a3b8;--tx4:#cbd5e1; --r:10px;--rl:16px; --sh:0 1px 3px rgba(0,0,0,.05),0 4px 14px rgba(99,102,241,.05); --shh:0 8px 30px rgba(99,102,241,.1),0 2px 8px rgba(0,0,0,.04); --fs:16px; } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--tx);font-size:var(--fs);line-height:1.6;min-height:100vh;display:flex;flex-direction:column} /* NAV */ nav{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--bd);box-shadow:var(--sh)} .ni{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 22px;height:56px;gap:10px} .logo{font-weight:800;font-size:1.05rem;text-decoration:none;letter-spacing:-.5px;background:linear-gradient(135deg,var(--I),var(--L));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0} .nl{display:flex;align-items:center;gap:1px} .nl a{text-decoration:none;color:var(--tx3);font-size:.8rem;font-weight:500;padding:5px 10px;border-radius:8px;transition:all .15s;white-space:nowrap;cursor:pointer} .nl a:hover{background:var(--IL);color:var(--I)} .nl a.act{color:var(--I);background:var(--IL);font-weight:600} .nr{display:flex;align-items:center;gap:7px;flex-shrink:0} .ndrop{position:relative} .ddm{display:none;position:absolute;top:calc(100%+8px);left:50%;transform:translateX(-50%);background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);box-shadow:var(--shh);min-width:240px;overflow:hidden;z-index:300;padding:5px} .ndrop:hover .ddm{display:block} .ddm a{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:8px;font-size:.8rem;color:var(--tx2);transition:all .12s;text-decoration:none;cursor:pointer} .ddm a:hover{background:var(--IL);color:var(--I)} .dmi{font-size:.88rem;width:18px;text-align:center} .ddiv{height:1px;background:var(--bd);margin:3px 0} .hbg{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:5px;border:none;background:none} .hbg span{display:block;width:20px;height:2px;background:var(--tx2);border-radius:2px} .mob{display:none;flex-direction:column;background:var(--sur);border-bottom:1px solid var(--bd);padding:8px 16px 12px;gap:1px} .mob a{text-decoration:none;color:var(--tx2);font-size:.875rem;font-weight:500;padding:8px 10px;border-radius:8px;cursor:pointer;display:block} .mob a:hover{background:var(--IL);color:var(--I)} @media(max-width:880px){.nl{display:none}.hbg{display:flex}.mob.open{display:flex}} /* PAGES */ .pg{display:none}.pg.act{display:block} /* HERO */ .hero{position:relative;overflow:hidden;text-align:center;padding:52px 22px 44px;background:linear-gradient(160deg,var(--sur)0%,var(--bg2)100%);border-bottom:1px solid var(--bd)} .hero::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:700px;height:420px;background:radial-gradient(ellipse,rgba(99,102,241,.07)0%,transparent 70%);pointer-events:none} .hey{display:inline-flex;align-items:center;gap:6px;background:var(--IL);border:1px solid rgba(99,102,241,.2);border-radius:99px;padding:4px 13px;font-size:.68rem;font-weight:700;color:var(--I);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px} .hero h1{font-size:clamp(1.75rem,5vw,2.7rem);font-weight:800;letter-spacing:-1.5px;line-height:1.15;margin-bottom:12px;color:var(--tx)} .hero h1 span{background:linear-gradient(135deg,var(--I),var(--L));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .hero p{font-size:.94rem;color:var(--tx2);max-width:520px;margin:0 auto 18px;line-height:1.75} .hbdg{display:flex;flex-wrap:wrap;justify-content:center;gap:7px} .hbdg span{display:flex;align-items:center;gap:5px;background:var(--sur);border:1px solid var(--bd);border-radius:99px;padding:4px 12px;font-size:.72rem;font-weight:600;color:var(--tx2);box-shadow:var(--sh)} .hbdg .dot{width:5px;height:5px;border-radius:50%;background:var(--L);flex-shrink:0} /* DUAL COL */ .dc{max-width:1300px;margin:0 auto;padding:24px 18px 60px;display:grid;grid-template-columns:1fr 272px;gap:22px;align-items:start} @media(max-width:940px){.dc{grid-template-columns:1fr;padding:18px 14px 48px}} .ws{min-width:0} .sb{position:sticky;top:68px} /* SIDEBAR */ .ad-sb{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;margin-bottom:14px;box-shadow:var(--sh)} .ad-sb-in{background:linear-gradient(135deg,#f0f4ff,#f5f3ff);min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;text-align:center;gap:7px} .ad-lbl{font-size:.62rem;color:var(--tx3);text-transform:uppercase;letter-spacing:.08em;font-weight:600;background:var(--bd);padding:2px 7px;border-radius:99px} .ad-bl{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;margin-top:18px;box-shadow:var(--sh)} .ad-bl-in{background:linear-gradient(90deg,#f0f4ff,#f5f3ff);min-height:88px;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px} /* CONTAINERS */ .ct{max-width:1300px;margin:0 auto;padding:26px 22px 60px} .ctn{max-width:780px;margin:0 auto;padding:26px 22px 60px} /* CARDS */ .card{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh)} .ch{padding:13px 18px 11px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px} .ct2{font-weight:700;font-size:.86rem;color:var(--tx)} .cb{padding:18px} /* TOP CONTROLS ROW */ .tcr{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap} /* WRITING STREAK — same size as metric cards */ .wsc{background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);padding:10px 12px;box-shadow:var(--sh);display:flex;flex-direction:column;align-items:center;gap:4px;min-width:130px} .wsc-lbl{font-size:.58rem;color:var(--tx3);text-transform:uppercase;letter-spacing:.07em;font-weight:700;white-space:nowrap} .cwg{display:grid;grid-template-columns:repeat(7,1fr);gap:2px} .cwc{width:10px;height:10px;border-radius:2px;background:var(--bg2);border:1px solid var(--bd);transition:all .3s} .cwc.hw{background:rgba(183,150,212,.3);border-color:rgba(183,150,212,.5)} .cwc.lv2{background:rgba(183,150,212,.6);border-color:rgba(183,150,212,.7)} .cwc.lv3{background:var(--L);border-color:var(--LD)} .cwc.td{outline:1.5px solid var(--S);outline-offset:1px} .cws{font-size:.58rem;color:var(--LD);font-weight:700;white-space:nowrap} /* MINIMALIST TOGGLE */ .mtog{display:flex;align-items:center;gap:7px;background:var(--sur);border:1px solid var(--bd);border-radius:99px;padding:5px 12px;cursor:pointer;font-size:.73rem;font-weight:600;color:var(--tx2);transition:all .2s;user-select:none;box-shadow:var(--sh);margin-left:auto} .mtog:hover{border-color:var(--I);color:var(--I)} .tsw{width:26px;height:15px;background:var(--bd2);border-radius:99px;position:relative;transition:background .2s;flex-shrink:0} .tsw::after{content:'';position:absolute;top:1.5px;left:1.5px;width:12px;height:12px;border-radius:50%;background:#fff;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)} .tsw.on{background:var(--L)} .tsw.on::after{left:calc(100%-13.5px)} /* METRICS */ .mrow{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;padding:15px 18px;border-bottom:1px solid var(--bd)} @media(max-width:660px){.mrow{grid-template-columns:repeat(3,1fr)}} @media(max-width:380px){.mrow{grid-template-columns:repeat(2,1fr)}} .met{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:10px 8px;text-align:center;transition:all .2s} .mtb{height:2px;border-radius:99px;margin-bottom:8px} .ai .mtb{background:linear-gradient(90deg,var(--I),var(--ID))} .as .mtb{background:linear-gradient(90deg,var(--SD),var(--S))} .ar .mtb{background:#f43f5e} .aa .mtb{background:#f59e0b} .al .mtb{background:linear-gradient(90deg,var(--LD),var(--L))} .mv{font-size:1.3rem;font-weight:800;color:var(--tx);line-height:1;font-variant-numeric:tabular-nums} .ml{font-size:.58rem;color:var(--tx3);text-transform:uppercase;letter-spacing:.07em;margin-top:4px;font-weight:700} .met.ck{cursor:pointer}.met.ck:hover{background:var(--IL);border-color:var(--bd3)} /* GOAL BAR */ .gb{padding:10px 18px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:9px;flex-wrap:wrap} .gl{font-size:.7rem;font-weight:700;color:var(--tx3);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em} .gi{width:62px;background:var(--sur2);border:1px solid var(--bd);border-radius:8px;padding:4px 8px;font-size:.86rem;font-weight:700;color:var(--I);text-align:center;outline:none;transition:border .15s;font-family:inherit} .gi:focus{border-color:var(--I)} .gmb{display:flex;gap:3px} .gmb button{padding:3px 8px;border-radius:6px;border:1px solid var(--bd);background:var(--sur2);font-size:.68rem;font-weight:700;color:var(--tx3);cursor:pointer;transition:all .15s;font-family:inherit} .gmb button.on{background:var(--I);border-color:var(--I);color:#fff} .gpw{flex:1;min-width:80px;height:4px;background:var(--bd);border-radius:99px;overflow:hidden} .gpf{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--I),var(--L));transition:width .4s,background .3s} .gp{font-size:.7rem;font-weight:800;color:var(--tx3);white-space:nowrap;min-width:32px;text-align:right;font-variant-numeric:tabular-nums} /* TOOLBAR */ .tb{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:9px 18px;background:var(--sur2);border-bottom:1px solid var(--bd)} .tbg{display:flex;align-items:center;gap:4px} .tbs{width:1px;height:18px;background:var(--bd);margin:0 3px} .fsc{display:flex;align-items:center;gap:3px} .fsl{font-size:.66rem;color:var(--tx3);font-weight:700;text-transform:uppercase;letter-spacing:.05em} .fsb{width:22px;height:22px;border-radius:5px;border:1px solid var(--bd);background:var(--sur);font-size:.8rem;font-weight:700;cursor:pointer;color:var(--tx2);display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:inherit} .fsb:hover{background:var(--I);border-color:var(--I);color:#fff} .fsv{min-width:28px;text-align:center;font-size:.7rem;font-weight:800;color:var(--I)} /* EDITOR */ .ew{padding:12px 18px 0} textarea#eM{width:100%;height:310px;border:1.5px solid var(--bd);border-radius:var(--r);padding:15px 17px;line-height:1.75;color:var(--tx);resize:vertical;outline:none;font-family:inherit;transition:border .2s;font-size:var(--fs);background:var(--sur);caret-color:var(--I)} textarea#eM:focus{border-color:var(--I);box-shadow:0 0 0 3px rgba(99,102,241,.07)} textarea#eM::placeholder{color:var(--tx4)} .epb{height:2px;background:var(--bd);margin:0 18px;border-radius:0 0 4px 4px;overflow:hidden} .epf{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,var(--I),var(--L));transition:width .4s cubic-bezier(.4,0,.2,1)} /* ACTION TRAY */ .at{padding:10px 18px;border-top:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px} .tl,.tr{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .asb{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;color:var(--LD)} .asd{width:5px;height:5px;border-radius:50%;background:var(--L);animation:pu 2.5s infinite} @keyframes pu{0%,100%{opacity:1}50%{opacity:.3}} /* BUTTONS */ .btn{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:8px;border:1px solid transparent;font-size:.76rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit} .bi{background:var(--I);color:#fff;border-color:var(--ID);box-shadow:0 2px 8px rgba(99,102,241,.2)} .bi:hover{background:var(--ID);box-shadow:0 4px 16px rgba(99,102,241,.3);transform:translateY(-1px)} .bs{background:var(--S);color:#fff;box-shadow:0 2px 8px rgba(96,165,250,.2)} .bs:hover{background:var(--SD);transform:translateY(-1px)} .bl{background:var(--L);color:#fff} .bl:hover{background:var(--LD);transform:translateY(-1px)} .bg{background:var(--sur);color:var(--tx2);border:1px solid var(--bd)} .bg:hover{background:var(--IL);border-color:var(--bd3);color:var(--I)} .bd2{background:#fff1f2;color:#f43f5e;border:1px solid #fecaca} .bd2:hover{background:#fee2e2} .bam{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff} .bam:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(245,158,11,.3)} .bsm{padding:4px 10px;font-size:.72rem} .bxs{padding:3px 8px;font-size:.68rem} /* GRAMMAR PANEL */ .gpp{border-top:1px solid var(--bd);background:var(--sur2)} .gph{padding:10px 18px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:.78rem;color:var(--tx2);transition:background .15s} .gph:hover{background:var(--IL)} .gcnt{font-size:.66rem;background:#f59e0b;color:#1a0e00;border-radius:99px;padding:2px 7px;font-weight:800} .gcnt.cl{background:var(--L);color:#fff} .gpb{display:none;padding:3px 18px 13px}.gpb.op{display:block} .gi2{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid var(--bd)} .gi2:last-child{border-bottom:none} .gt{flex-shrink:0;font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em} .tst{background:rgba(96,165,250,.12);color:var(--SD)} .tpa{background:rgba(245,158,11,.12);color:#92400e} .tln{background:rgba(99,102,241,.12);color:var(--I)} .tsp{background:#fff1f2;color:#f43f5e} .gtx{font-size:.78rem;color:var(--tx2);line-height:1.5} /* ANALYTICS */ .ad2{border-top:1px solid var(--bd);display:grid;grid-template-columns:1fr 1fr} @media(max-width:560px){.ad2{grid-template-columns:1fr}} .dp{padding:14px 18px} .dp:first-child{border-right:1px solid var(--bd)} @media(max-width:560px){.dp:first-child{border-right:none;border-bottom:1px solid var(--bd)}} .dpt{font-weight:800;font-size:.72rem;color:var(--tx2);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em} .kr{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:.78rem} .kw{width:80px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tx)} .kbw{flex:1;height:4px;background:var(--bd);border-radius:99px;overflow:hidden} .kbf{height:100%;background:linear-gradient(90deg,var(--I),var(--L));border-radius:99px;transition:width .4s} .kp{width:58px;text-align:right;color:var(--tx3);font-weight:600;font-variant-numeric:tabular-nums;font-size:.74rem} .tr2{display:flex;align-items:flex-start;gap:6px;margin-bottom:7px} .tic{flex-shrink:0;font-size:.78rem;margin-top:1px} .ttx{font-size:.78rem;color:var(--tx2);line-height:1.5} .eh{color:var(--tx3);font-style:italic;font-size:.78rem} /* STATS */ .sg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;margin-top:14px} .si{background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);padding:12px 14px;box-shadow:var(--sh)} .sv{font-size:1.1rem;font-weight:800;color:var(--I);font-variant-numeric:tabular-nums} .sk{font-size:.68rem;color:var(--tx3);margin-top:2px;font-weight:600} /* MINIMALIST */ body.mm .mrow,body.mm .gb,body.mm .ad2,body.mm .gpp,body.mm .ss,body.mm .tb,body.mm .epb,body.mm .wsc{display:none!important} body.mm textarea#eM{height:480px;border-color:transparent} /* FOCUS */ body.fm nav,body.fm .hero,body.fm .mrow,body.fm .gb,body.fm .tb,body.fm .at,body.fm .ad2,body.fm .gpp,body.fm .ch,body.fm .sb{display:none!important} body.fm .dc{grid-template-columns:1fr;max-width:740px} body.fm .ew{padding:36px} body.fm textarea#eM{height:80vh;border-color:transparent} .feb{display:none;position:fixed;bottom:18px;right:18px;z-index:9999;background:var(--L);color:#fff;border:none;border-radius:9px;padding:8px 14px;font-weight:700;font-size:.78rem;cursor:pointer;box-shadow:0 4px 16px rgba(183,150,212,.35)} body.fm .feb{display:flex;align-items:center;gap:4px} /* FLASH */ .fl{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--sur);border:1px solid var(--bd);color:var(--tx);padding:8px 16px;border-radius:9px;font-size:.78rem;font-weight:600;box-shadow:var(--shh);opacity:0;pointer-events:none;transition:opacity .3s;z-index:9999;white-space:nowrap;display:flex;align-items:center;gap:6px} .fl.sh{opacity:1} /* FREEMIUM MODULES */ .fms{margin-top:52px} .fmhd{margin-bottom:16px} .fmtl{font-size:1.1rem;font-weight:800;color:var(--tx);letter-spacing:-.4px;margin-bottom:3px} .fmsu{font-size:.78rem;color:var(--tx3);display:flex;align-items:center;gap:7px;flex-wrap:wrap} .fbdg{display:inline-flex;align-items:center;gap:4px;background:var(--LL);border:1px solid rgba(183,150,212,.3);border-radius:99px;padding:2px 9px;font-size:.65rem;font-weight:800;color:var(--LD);text-transform:uppercase;letter-spacing:.06em} .pbdg{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(183,150,212,.08));border:1px solid rgba(99,102,241,.2);border-radius:99px;padding:2px 9px;font-size:.65rem;font-weight:800;color:var(--I);text-transform:uppercase} .fmg{display:grid;grid-template-columns:repeat(auto-fill,minmax(278px,1fr));gap:14px} @media(max-width:600px){.fmg{grid-template-columns:1fr}} /* MODULE CARD */ .mc{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:var(--sh)} .mchd{padding:11px 15px 9px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--sur2)} .mct{font-weight:800;font-size:.82rem;color:var(--tx);display:flex;align-items:center;gap:6px} .mci{font-size:.96rem} .mcb{padding:14px 15px;flex:1;display:flex;flex-direction:column;gap:10px} .mta{width:100%;background:var(--sur2);border:1px solid var(--bd);border-radius:var(--r);padding:10px 12px;font-size:.8rem;resize:vertical;outline:none;font-family:inherit;color:var(--tx);transition:border .15s;min-height:90px;caret-color:var(--I)} .mta:focus{border-color:var(--I);box-shadow:0 0 0 2px rgba(99,102,241,.06)} .mta::placeholder{color:var(--tx3)} /* FREEMIUM WARNING OVERLAY */ .fw{display:none;position:absolute;inset:0;z-index:10;background:rgba(248,250,252,.92);backdrop-filter:blur(4px);border-radius:var(--rl);flex-direction:column;align-items:center;justify-content:center;padding:22px;text-align:center} .fw.sh{display:flex} .fwi{font-size:1.7rem;margin-bottom:8px} .fwt{font-size:.88rem;font-weight:800;color:#92400e;margin-bottom:5px} .fwd{font-size:.76rem;color:var(--tx2);line-height:1.6;margin-bottom:13px;max-width:245px} .fwdis{margin-top:8px;font-size:.68rem;color:var(--tx3);cursor:pointer;text-decoration:underline} /* FBA */ .ff{background:var(--sur2);border:1px solid var(--bd);border-radius:var(--r);padding:8px 11px} .ffl{font-size:.65rem;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;display:flex;align-items:center;justify-content:space-between} .ffc{font-variant-numeric:tabular-nums;font-size:.65rem} .ffb{height:3px;background:var(--bd);border-radius:99px;overflow:hidden;margin-top:4px} .ffbf{height:100%;border-radius:99px;transition:width .3s,background .3s} .ffbf.ok{background:var(--L)}.ffbf.wn{background:#f59e0b}.ffbf.ov{background:#f43f5e} .fin{width:100%;background:transparent;border:none;outline:none;font-family:inherit;font-size:.8rem;color:var(--tx);resize:none;margin-top:3px;caret-color:var(--I)} .fin::placeholder{color:var(--tx3)} .ba{display:none;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:6px 10px;font-size:.73rem;color:#92400e;font-weight:600} .ba.sh{display:block} /* SEO */ .skl{display:flex;flex-direction:column;gap:5px;max-height:180px;overflow-y:auto} .skr{display:flex;align-items:center;gap:7px} .skw{width:88px;font-size:.74rem;font-weight:600;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .skbw{flex:1;height:4px;background:var(--bd);border-radius:99px;overflow:hidden} .skbf{height:100%;background:linear-gradient(90deg,var(--I),var(--L));border-radius:99px;transition:width .35s} .skp{width:46px;text-align:right;font-size:.7rem;color:var(--tx3);font-weight:600;font-variant-numeric:tabular-nums} .ssr{display:flex;gap:6px;flex-wrap:wrap} .ssp{background:var(--sur2);border:1px solid var(--bd);border-radius:8px;padding:5px 10px;font-size:.72rem;font-weight:600;color:var(--tx2)} .ssp span{color:var(--I);font-weight:800} /* SOCIAL */ .spl{background:var(--sur2);border:1px solid var(--bd);border-radius:var(--r);padding:8px 11px;display:flex;align-items:center;gap:8px} .spic{font-size:.96rem;flex-shrink:0;width:20px;text-align:center} .spin{flex:1;min-width:0} .spnm{font-size:.7rem;font-weight:700;color:var(--tx);margin-bottom:2px} .spbw{height:3px;background:var(--bd);border-radius:99px;overflow:hidden;margin-bottom:2px} .spbf{height:100%;border-radius:99px;transition:width .3s,background .3s} .spbf.ok{background:var(--L)}.spbf.wn{background:#f59e0b}.spbf.ov{background:#f43f5e} .spct{font-size:.68rem;font-weight:700;font-variant-numeric:tabular-nums} .spct.ok{color:var(--tx3)}.spct.wn{color:#92400e}.spct.ov{color:#f43f5e} .spov{font-size:.62rem;color:#f43f5e;font-weight:600;display:none} .spov.sh{display:block} /* UPGRADE MODAL */ .uo{display:none;position:fixed;inset:0;z-index:500;background:rgba(248,250,252,.94);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:22px} .uo.sh{display:flex} .um{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);box-shadow:var(--shh);max-width:540px;width:100%;overflow:hidden} .umt{background:linear-gradient(135deg,var(--IL)0%,rgba(183,150,212,.08)100%);padding:28px 28px 20px;text-align:center;border-bottom:1px solid var(--bd)} .umtl{font-size:1.35rem;font-weight:800;letter-spacing:-.5px;color:var(--tx);margin-bottom:5px} .umts{font-size:.86rem;color:var(--tx2);line-height:1.6} .umb{padding:22px 28px 26px} .ptog{display:flex;align-items:center;justify-content:center;gap:2px;background:var(--sur2);border:1px solid var(--bd);border-radius:99px;padding:3px;margin-bottom:20px;width:fit-content;margin-left:auto;margin-right:auto} .ptb{padding:5px 16px;border-radius:99px;border:none;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit;color:var(--tx3);background:transparent} .ptb.on{background:var(--I);color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.2)} .pc{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px} @media(max-width:480px){.pc{grid-template-columns:1fr}} .pcd{background:var(--sur2);border:1px solid var(--bd);border-radius:var(--rl);padding:16px;text-align:center;position:relative;transition:all .2s;cursor:pointer} .pcd.ft{border-color:var(--I);background:var(--IL)} .pcb{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--I),var(--L));color:#fff;font-size:.58rem;font-weight:800;padding:2px 10px;border-radius:0 0 7px 7px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap} .pnm{font-size:.76rem;font-weight:700;color:var(--tx2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px} .ppr{font-size:1.75rem;font-weight:800;color:var(--tx);letter-spacing:-1px;line-height:1;margin-bottom:2px;font-variant-numeric:tabular-nums} .pper{font-size:.7rem;color:var(--tx3);font-weight:600;margin-bottom:7px} .pdt{font-size:.7rem;color:var(--tx2);line-height:1.5} .pcta{width:100%;margin-top:9px;padding:9px;border-radius:8px;border:none;font-size:.8rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s} .pcp{background:var(--I);color:#fff}.pcp:hover{background:var(--ID);transform:translateY(-1px)} .pcg{background:var(--sur);color:var(--tx2);border:1px solid var(--bd)}.pcg:hover{background:var(--IL);color:var(--I)} .ufl{display:flex;flex-direction:column;gap:5px;margin-bottom:14px} .ufi{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--tx2)} .ufc{width:15px;height:15px;border-radius:50%;background:var(--L);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.58rem;color:#fff;font-weight:800} .utn{font-size:.7rem;color:var(--tx3);text-align:center;margin-top:8px;line-height:1.5} .ucl{display:flex;justify-content:center;margin-top:7px} .ucl button{background:none;border:none;cursor:pointer;font-size:.76rem;color:var(--tx3);text-decoration:underline;font-family:inherit} .ucl button:hover{color:var(--tx)} /* TOOLS GRID */ .tg{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:12px;margin-top:20px} .tlc{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);padding:16px;cursor:pointer;transition:all .2s;position:relative;box-shadow:var(--sh)} .tlc:hover{border-color:var(--bd3);transform:translateY(-2px);box-shadow:var(--shh)} .tlc .tic2{font-size:1.25rem;margin-bottom:7px} .tlc h3{font-size:.8rem;font-weight:700;color:var(--tx);margin-bottom:2px} .tlc p{font-size:.71rem;color:var(--tx3);line-height:1.5} .tbg2{position:absolute;top:8px;right:8px;font-size:.56rem;font-weight:800;padding:2px 6px;border-radius:99px;text-transform:uppercase} .tbg2.new{background:linear-gradient(135deg,var(--I),var(--L));color:#fff} .tbg2.pop{background:rgba(96,165,250,.1);color:var(--SD);border:1px solid rgba(96,165,250,.25)} /* BLOG */ .bg2{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:18px;margin-top:20px} .bc{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh);transition:all .2s;cursor:pointer} .bc:hover{transform:translateY(-2px);box-shadow:var(--shh);border-color:var(--bd3)} .bth{height:130px;background:linear-gradient(135deg,var(--IL),rgba(183,150,212,.12));display:flex;align-items:center;justify-content:center;font-size:2.3rem} .bbd{padding:14px} .btg{font-size:.63rem;font-weight:800;color:var(--I);text-transform:uppercase;letter-spacing:.07em;background:var(--IL);padding:2px 7px;border-radius:99px;display:inline-block;margin-bottom:6px} .btl{font-size:.9rem;font-weight:700;color:var(--tx);margin-bottom:4px;line-height:1.4} .bex{font-size:.76rem;color:var(--tx3);line-height:1.5} .bmt{font-size:.68rem;color:var(--tx3);margin-top:8px;display:flex;gap:9px} /* FAQ */ .fql{display:flex;flex-direction:column;gap:8px;margin-top:16px} .fqi{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh)} .fqi.op{border-color:var(--bd3)} .fqq{padding:13px 16px;cursor:pointer;font-weight:600;font-size:.86rem;color:var(--tx);display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background .15s} .fqq:hover{background:var(--IL)} .fqa2{color:var(--tx3);transition:transform .2s;flex-shrink:0;font-size:.75rem} .fqi.op .fqa2{transform:rotate(180deg)} .fqan{display:none;padding:0 16px 13px;font-size:.83rem;color:var(--tx2);line-height:1.75} .fqi.op .fqan{display:block} .fqan p{margin-bottom:7px}.fqan p:last-child{margin-bottom:0} .fqan ul{padding-left:16px;margin-top:4px}.fqan li{margin-bottom:4px} .fqct{font-size:.7rem;font-weight:800;color:var(--I);text-transform:uppercase;letter-spacing:.08em;margin:22px 0 8px;display:flex;align-items:center;gap:7px} .fqct::after{content:'';flex:1;height:1px;background:var(--bd)} /* ABOUT */ .ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:13px;margin-top:20px} .ac{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);padding:18px;transition:all .2s;box-shadow:var(--sh)} .ac:hover{border-color:var(--bd3);transform:translateY(-2px)} .ac .ai2{font-size:1.4rem;margin-bottom:8px} .ac h3{font-size:.86rem;font-weight:700;margin-bottom:4px;color:var(--I)} .ac p{font-size:.78rem;color:var(--tx2);line-height:1.6} /* LEGAL */ .lc{max-width:740px;margin:0 auto;padding:32px 22px 60px} .lc h2{font-size:1.05rem;font-weight:700;color:var(--tx);margin:22px 0 7px} .lc p{font-size:.86rem;color:var(--tx2);line-height:1.75;margin-bottom:9px} .lc ul{padding-left:17px;margin-bottom:9px} .lc li{font-size:.86rem;color:var(--tx2);line-height:1.75;margin-bottom:3px} .ld{font-size:.76rem;color:var(--tx3);margin-bottom:18px;font-style:italic} /* CONTACT */ .fl2{display:block;font-size:.7rem;font-weight:700;color:var(--tx3);margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em} .fi2{width:100%;background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);padding:9px 13px;font-size:.875rem;outline:none;font-family:inherit;color:var(--tx);transition:border .15s;margin-bottom:10px} .fi2:focus{border-color:var(--I);box-shadow:0 0 0 3px rgba(99,102,241,.06)} .fi2::placeholder{color:var(--tx3)} textarea.fi2{resize:vertical;min-height:108px} /* SUB TEXTAREA */ .sta{width:100%;background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);padding:11px 14px;font-size:.875rem;resize:vertical;outline:none;font-family:inherit;color:var(--tx);transition:border .15s;min-height:105px;caret-color:var(--I)} .sta:focus{border-color:var(--I);box-shadow:0 0 0 3px rgba(99,102,241,.06)} .sta::placeholder{color:var(--tx3)} .to{background:var(--sur2);border:1px solid var(--bd);border-radius:var(--r);padding:12px 15px;font-size:.82rem;color:var(--tx2);min-height:65px;white-space:pre-wrap;line-height:1.7;word-break:break-word} /* PAGE HERO */ .ph{background:linear-gradient(135deg,var(--sur)0%,var(--bg2)100%);border-bottom:1px solid var(--bd);padding:44px 22px 36px;text-align:center} .ph h1{font-size:1.8rem;font-weight:800;margin-bottom:8px;letter-spacing:-.7px;color:var(--tx)} .ph p{color:var(--tx2);max-width:500px;margin:0 auto;line-height:1.7;font-size:.92rem} /* TOOL PAGE HERO */ .tph{background:linear-gradient(135deg,var(--sur)0%,var(--bg2)100%);border-bottom:1px solid var(--bd);padding:32px 22px 26px;text-align:center} .tph h1{font-size:1.5rem;font-weight:800;margin-bottom:6px;letter-spacing:-.5px;color:var(--tx)} .tph p{color:var(--tx2);font-size:.86rem;max-width:460px;margin:0 auto} /* FOOTER */ footer{background:var(--sur);border-top:1px solid var(--bd);padding:32px 22px 20px;margin-top:auto} .fi3{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px} @media(max-width:720px){.fi3{grid-template-columns:1fr 1fr;gap:18px}} @media(max-width:460px){.fi3{grid-template-columns:1fr}} .fb .fl3{font-weight:800;font-size:.96rem;background:linear-gradient(135deg,var(--I),var(--L));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:6px} .fb p{font-size:.76rem;color:var(--tx3);line-height:1.6;max-width:210px} .fc2 h4{font-size:.72rem;font-weight:800;color:var(--tx2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:9px} .fc2 a{display:block;font-size:.76rem;color:var(--tx3);text-decoration:none;margin-bottom:5px;cursor:pointer;transition:color .15s} .fc2 a:hover{color:var(--I)} .fbot{max-width:1300px;margin:18px auto 0;padding-top:14px;border-top:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px} .fbot p{font-size:.73rem;color:var(--tx3)} .fll{display:flex;gap:10px} .fll a{font-size:.73rem;color:var(--tx3);text-decoration:none;cursor:pointer} .fll a:hover{color:var(--I)} /* MISC */ .stl{font-size:1.15rem;font-weight:800;color:var(--tx);margin-bottom:4px;letter-spacing:-.4px} .ssu{color:var(--tx3);font-size:.8rem;margin-bottom:15px} .bdg{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:99px;font-size:.68rem;font-weight:700} .bdi{background:var(--IL);color:var(--I)} .bdl{background:var(--LL);color:var(--LD)} .bds{background:rgba(96,165,250,.1);color:var(--SD)} input[type=number]::-webkit-inner-spin-button{opacity:.4} @media(max-width:460px){.cb{padding:13px}.ew{padding:10px 13px 0}.at,.mrow,.gb,.tb{padding-left:13px;padding-right:13px}}