:root{
  --bg:#f7fbff;--bg2:#eef6ff;--panel:rgba(255,255,255,.84);--panel-solid:#fff;--text:#102033;--muted:#607086;
  --line:#d9e8f5;--brand:#00b7ff;--brand2:#635bff;--accent:#00e7b7;--danger:#ff5b7f;--warning:#f0a629;
  --shadow:0 18px 55px rgba(28,75,120,.12);--neon:0 0 0 1px rgba(0,183,255,.22),0 0 24px rgba(0,183,255,.23),0 0 46px rgba(99,91,255,.10);
  --radius:22px;--radius-sm:14px;--max:1180px;
}
html[data-theme="dark"]{
  --bg:#07111f;--bg2:#0b1729;--panel:rgba(13,29,48,.82);--panel-solid:#0e1d30;--text:#ecf7ff;--muted:#99aac0;
  --line:#1d3853;--brand:#27d4ff;--brand2:#8b7cff;--accent:#32f5c7;--danger:#ff7896;--warning:#ffc45a;
  --shadow:0 24px 70px rgba(0,0,0,.34);--neon:0 0 0 1px rgba(39,212,255,.25),0 0 24px rgba(39,212,255,.27),0 0 52px rgba(139,124,255,.16);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 18% 0%,rgba(0,183,255,.11),transparent 30%),radial-gradient(circle at 88% 8%,rgba(99,91,255,.12),transparent 30%),linear-gradient(180deg,var(--bg2),var(--bg) 34%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.58;min-height:100vh}
a{color:inherit}.container{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 76%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent)}
.navbar{height:72px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;letter-spacing:-.03em;font-size:1.22rem}.brand-mark{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:var(--neon);color:#04111d;font-weight:1000}.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-links a{padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--muted);font-weight:680;font-size:.94rem}.nav-links a:hover{background:color-mix(in srgb,var(--brand) 8%,transparent);color:var(--text)}.theme-toggle,.menu-toggle{border:1px solid var(--line);background:var(--panel);color:var(--text);width:41px;height:41px;border-radius:12px;cursor:pointer;font-size:1.05rem}.menu-toggle{display:none}
.hero{padding:78px 0 54px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));background:color-mix(in srgb,var(--brand) 7%,var(--panel));padding:7px 12px;border-radius:999px;color:color-mix(in srgb,var(--brand) 76%,var(--text));font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em}.hero h1{font-size:clamp(2.65rem,7vw,5.2rem);line-height:.97;letter-spacing:-.065em;max-width:930px;margin:18px auto}.gradient-text{background:linear-gradient(90deg,var(--brand),var(--brand2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:1.14rem;color:var(--muted);max-width:760px;margin:0 auto 28px}.hero-subline{font-size:.88rem!important}
.checker-shell{max-width:940px;margin:32px auto 0;background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:17px;box-shadow:var(--shadow);position:relative}.checker-shell:before{content:"";position:absolute;inset:-1px;border-radius:28px;padding:1px;background:linear-gradient(105deg,rgba(0,183,255,.55),rgba(99,91,255,.25),rgba(0,231,183,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.url-form{display:flex;gap:10px}.url-input{flex:1;min-width:0;padding:17px 18px;border:1px solid var(--line);background:var(--panel-solid);color:var(--text);border-radius:15px;font:inherit;font-size:1rem;outline:none}.url-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 13%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:13px 17px;font:inherit;font-weight:820;cursor:pointer;text-decoration:none;transition:.18s transform,.18s box-shadow,.18s filter}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#04101b;background:linear-gradient(100deg,var(--brand),var(--accent));box-shadow:var(--neon)}.btn-primary:hover{filter:saturate(1.13);box-shadow:0 0 0 1px rgba(39,212,255,.32),0 0 34px rgba(39,212,255,.38),0 0 70px rgba(139,124,255,.18)}.btn-secondary{background:var(--panel-solid);color:var(--text);border:1px solid var(--line)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn-danger{background:color-mix(in srgb,var(--danger) 14%,var(--panel));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line))}.btn-sm{padding:9px 12px;border-radius:11px;font-size:.88rem}.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.microcopy{font-size:.8rem;color:var(--muted);margin:9px 4px 0;text-align:left}
.result{margin:20px auto 0;max-width:940px;text-align:left}.result.hidden,.hidden{display:none!important}.result-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.result-top{display:flex;gap:22px;align-items:center}.score-ring{--score:80;position:relative;flex:0 0 112px;width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--score)*1%),color-mix(in srgb,var(--line) 60%,transparent) 0);display:grid;place-items:center;box-shadow:0 0 35px color-mix(in srgb,var(--accent) 18%,transparent)}.score-ring:after{content:"";position:absolute;inset:9px;background:var(--panel-solid);border-radius:50%}.score-ring strong{position:relative;z-index:1;font-size:2rem;line-height:1}.score-ring small{display:block;font-size:.68rem;color:var(--muted)}.result-title{min-width:0}.result-title h2{margin:0 0 5px;font-size:1.45rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:690px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.metric{background:color-mix(in srgb,var(--panel-solid) 85%,transparent);border:1px solid var(--line);padding:13px;border-radius:14px}.metric span{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.metric strong{display:block;margin-top:3px;font-size:1rem}.issue-list{padding-left:20px}.issue-list li{margin:6px 0}.risk-low{color:var(--accent)}.risk-medium{color:var(--warning)}.risk-high{color:var(--danger)}
.section{padding:70px 0}.section-sm{padding:42px 0}.section-title{max-width:760px;margin-bottom:27px}.section-title.center{margin-inline:auto;text-align:center}.section-title h2{font-size:clamp(2rem,4.3vw,3.1rem);line-height:1.05;letter-spacing:-.045em;margin:10px 0}.section-title p{color:var(--muted);font-size:1.04rem}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 10px 35px rgba(20,60,100,.05)}.card h3{margin:6px 0 8px;font-size:1.12rem}.card p{margin:0;color:var(--muted)}.card-link{text-decoration:none;transition:.18s transform,.18s border-color,.18s box-shadow}.card-link:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:var(--neon)}.icon-chip{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 18%,var(--panel)),color-mix(in srgb,var(--brand2) 14%,var(--panel)));border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));font-size:1.15rem}.kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);font-weight:850}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));font-size:.76rem;color:color-mix(in srgb,var(--accent) 72%,var(--text));font-weight:760}.tool-hero{padding:58px 0 24px}.tool-hero h1,.article-hero h1{font-size:clamp(2.35rem,5.7vw,4rem);letter-spacing:-.055em;line-height:1.02;margin:12px 0}.tool-hero p,.article-hero p{max-width:760px;color:var(--muted);font-size:1.06rem}.tool-panel{background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:var(--shadow)}.tool-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:20px}.sidebar-card{background:color-mix(in srgb,var(--panel-solid) 82%,transparent);border:1px solid var(--line);border-radius:18px;padding:18px}.sidebar-card h3{margin-top:0}.field{margin-bottom:14px}.field label{display:block;font-weight:760;font-size:.88rem;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text);font:inherit;outline:none}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.status{padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel-solid) 86%,transparent);color:var(--muted);font-size:.9rem}.status.success{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));color:color-mix(in srgb,var(--accent) 80%,var(--text))}.status.error{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));color:var(--danger)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px}.table{width:100%;border-collapse:collapse;min-width:660px}.table th,.table td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);font-size:.88rem;vertical-align:top}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;background:color-mix(in srgb,var(--panel-solid) 86%,transparent)}.code-box{padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 70%,var(--panel));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;overflow-wrap:anywhere}.notice{border-left:3px solid var(--brand);padding:14px 16px;background:color-mix(in srgb,var(--brand) 7%,var(--panel));border-radius:0 14px 14px 0;color:var(--muted)}
.article-hero{padding:58px 0 22px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 270px;gap:52px;align-items:start}.article{font-size:1.02rem}.article h2{font-size:1.75rem;letter-spacing:-.035em;margin-top:2.2em}.article h3{font-size:1.25rem;margin-top:1.7em}.article p,.article li{color:color-mix(in srgb,var(--text) 87%,var(--muted))}.article a{color:var(--brand);font-weight:650}.article blockquote{margin:24px 0;padding:16px 18px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--panel));border-radius:0 14px 14px 0}.toc{position:sticky;top:92px}.toc a{display:block;text-decoration:none;color:var(--muted);padding:6px 0;font-size:.9rem}.toc a:hover{color:var(--brand)}.article-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.faq{display:grid;gap:10px}.faq details{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:14px 16px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted)}
.site-footer{margin-top:70px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 55%,transparent);padding:44px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:28px}.footer-grid h4{margin:0 0 9px}.footer-grid a{display:block;text-decoration:none;color:var(--muted);padding:4px 0}.footer-grid a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;color:var(--muted);font-size:.82rem;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.logo-note{max-width:360px;color:var(--muted)}
.dynamic-page{width:min(860px,calc(100% - 36px));margin:60px auto}.report-shell{background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:var(--shadow)}.report-shell h1{overflow-wrap:anywhere}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.report-card{background:var(--panel-solid);border:1px solid var(--line);padding:13px;border-radius:14px;display:flex;flex-direction:column;gap:4px}.report-card span{color:var(--muted);overflow-wrap:anywhere}.score-badge{display:inline-flex;align-items:baseline;gap:3px;font-weight:900;font-size:2.3rem;margin:6px 0 12px}.score-badge small{font-size:.9rem;color:var(--muted)}.score-badge.good{color:var(--accent)}.score-badge.warn{color:var(--warning)}.score-badge.bad{color:var(--danger)}.cta{display:inline-flex;padding:12px 15px;border-radius:13px;text-decoration:none;background:linear-gradient(100deg,var(--brand),var(--accent));color:#04101b;font-weight:850;box-shadow:var(--neon)}.text-link{margin-left:12px;color:var(--muted)}.muted{color:var(--muted)}
.ad-slot{display:none;min-height:96px;border:1px dashed color-mix(in srgb,var(--muted) 35%,var(--line));border-radius:16px;place-items:center;color:var(--muted);font-size:.78rem;margin:24px 0}.ads-enabled .ad-slot{display:grid}.ad-slot:before{content:"Advertisement"}.qr-canvas-wrap{display:flex;justify-content:center;padding:18px;background:#fff;border-radius:18px;margin:18px 0}.qr-canvas-wrap canvas{max-width:100%;height:auto}.upload-zone{border:1.5px dashed var(--line);border-radius:17px;padding:24px;text-align:center;color:var(--muted);background:color-mix(in srgb,var(--panel-solid) 72%,transparent)}.upload-zone.drag{border-color:var(--brand);box-shadow:var(--neon)}.progress{height:8px;border-radius:999px;background:color-mix(in srgb,var(--line) 60%,transparent);overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--accent));width:0}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:800;border:1px solid var(--line)}.badge.ok{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.badge.warn{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 35%,var(--line))}.badge.bad{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}
@media(max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.tool-grid,.article-layout{grid-template-columns:1fr}.toc{position:static}.footer-grid{grid-template-columns:1fr 1fr}.metrics,.report-grid{grid-template-columns:1fr 1fr}.nav-links{position:absolute;display:none;top:72px;left:18px;right:18px;background:var(--panel-solid);border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow)}.nav-links.open{display:grid}.nav-links a{padding:11px}.menu-toggle{display:block;margin-left:auto}.theme-toggle{margin-left:0}.navbar>.nav-links{margin-left:0}}
@media(max-width:620px){.container{width:min(100% - 24px,var(--max))}.hero{padding-top:52px}.url-form{flex-direction:column}.url-form .btn{width:100%}.grid-3,.grid-4,.footer-grid,.metrics,.report-grid,.form-row{grid-template-columns:1fr}.result-top{align-items:flex-start}.score-ring{width:88px;height:88px;flex-basis:88px}.score-ring strong{font-size:1.55rem}.checker-shell,.tool-panel{padding:14px;border-radius:19px}.section{padding:50px 0}.navbar{height:64px}.site-header{position:sticky}.nav-links{top:64px}.article{font-size:.98rem}}