:root{--ink:#101820;--muted:#61707d;--paper:#f5f8fb;--white:#fff;--line:#d9e3ea;--aqua:#00b7d8;--lime:#7ed957;--red:#ff5c4d;--deep:#17212f}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #1018201f;justify-content:space-between;align-items:center;padding:14px clamp(18px,4vw,54px);display:flex;position:sticky;top:0}.brand,nav{align-items:center;gap:14px;display:flex}.brand,nav a{color:inherit;text-decoration:none}.brand small{color:var(--muted);font-size:12px;display:block}.logo{background:var(--deep);width:42px;height:42px;color:var(--aqua);border-radius:8px;place-items:center;font-weight:900;display:grid}nav a{color:var(--muted);font-size:14px;font-weight:700}.hero{background:radial-gradient(circle at 88% 18%,#00b7d838,#0000 26%),linear-gradient(135deg,#fff 0%,#edf7fa 62%,#f7fbf7 100%);grid-template-columns:minmax(0,1.2fr) minmax(280px,.5fr);align-items:center;gap:clamp(26px,5vw,72px);padding:clamp(56px,9vw,110px) clamp(18px,5vw,70px) 50px;display:grid}.kicker{color:var(--red);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:920px;margin-bottom:20px;font-size:clamp(44px,7vw,88px);line-height:.96}h2{letter-spacing:0;margin-bottom:12px;font-size:clamp(28px,4vw,48px);line-height:1.05}h3{margin-bottom:0;font-size:18px}.hero-text p:not(.kicker){max-width:760px;color:var(--muted);font-size:20px;line-height:1.55}.hero-buttons,.actions,.example-row,.mode-switch{flex-wrap:wrap;gap:10px;display:flex}button{cursor:pointer;border:0;border-radius:8px;min-height:42px;padding:0 16px;font-weight:850}.primary{background:var(--deep);color:var(--white)}.ghost,.example-row button,.mode-switch button{border:1px solid var(--line);background:var(--white);color:var(--deep)}.mode-switch .active{border-color:var(--deep);background:var(--deep);color:var(--white)}.privacy-card{border:1px solid var(--line);background:#ffffffdb;border-radius:8px;padding:26px;box-shadow:0 22px 70px #17212f1f}.pulse{background:conic-gradient(var(--lime), var(--aqua), var(--lime));border-radius:50%;width:58px;height:58px;margin-bottom:20px}.privacy-card p{color:var(--muted);line-height:1.5}dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 0;display:grid}dl div{border:1px solid var(--line);border-radius:8px;padding:12px}dt{color:var(--muted);font-size:12px}dd{margin:3px 0 0;font-weight:900}.app-shell{padding:70px clamp(18px,5vw,70px)}.app-header{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.board{grid-template-columns:minmax(280px,1.1fr) minmax(260px,.75fr) minmax(280px,1.1fr);gap:16px;display:grid}.column{border:1px solid var(--line);background:var(--white);border-radius:8px;min-height:620px;padding:16px}.column-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.column-head span{width:30px;height:30px;color:var(--deep);background:#e9f8fb;border-radius:8px;place-items:center;font-weight:900;display:grid}textarea,pre{border:1px solid var(--line);width:100%;min-height:440px;color:var(--ink);white-space:pre-wrap;background:#fbfdff;border-radius:8px;margin:0;padding:14px;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}textarea{resize:vertical}.example-row,.actions{margin-top:12px}.score{background:var(--deep);min-height:130px;color:var(--white);border-radius:8px;place-items:center;display:grid}.score strong{font-size:58px}.score small{color:#b9c5cf}.chips{flex-wrap:wrap;gap:8px;min-height:48px;margin:14px 0;display:flex}.chips span,.chips em{color:var(--deep);background:#ecf8ed;border-radius:999px;align-self:start;padding:7px 10px;font-size:13px;font-style:normal;font-weight:800}.finding-list{gap:9px;display:grid}.finding{border:1px solid var(--line);background:#fbfdff;border-radius:8px;gap:6px;padding:10px;display:grid}.finding strong{color:var(--red)}.finding code,.finding small{overflow-wrap:anywhere}.finding small{color:var(--muted)}.limits{background:var(--white);grid-template-columns:1.3fr repeat(3,1fr);gap:16px;padding:70px clamp(18px,5vw,70px);display:grid}.limits article,.limits>div{border:1px solid var(--line);border-radius:8px;padding:20px}.limits>div{background:var(--deep);color:var(--white)}.limits p{color:inherit;line-height:1.55}@media (width<=1060px){.hero,.board,.limits{grid-template-columns:1fr}.column{min-height:auto}}@media (width<=680px){.topbar,.app-header{flex-direction:column;align-items:flex-start}h1{font-size:42px}nav{justify-content:space-between;width:100%}}.shell{width:100%;max-width:1104px;margin-inline:auto;padding-inline:16px}.topbar{background:var(--white);border-bottom-color:var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.topbar-shell{justify-content:space-between;align-items:center;gap:18px;min-height:56px;display:flex}.brand{gap:10px}.brand-mark{place-items:center;width:32px;min-width:32px;height:32px;display:grid}.brand-mark img{object-fit:contain;width:28px;height:28px;display:block}.brand-name{color:var(--ink);letter-spacing:.07em;white-space:nowrap;font-size:12px;font-weight:850}.brand-name strong{color:var(--aqua)}.local-nav{align-items:center;gap:4px;margin-inline:auto;display:flex}.local-nav a{color:var(--muted);box-sizing:border-box;border-radius:8px;align-items:center;height:36px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.local-nav a:hover{color:var(--ink);background:#e9f8fb}.shell-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.tools-menu{position:relative}.tools-menu summary,.icon-control,.language-control{box-sizing:border-box;border:1px solid var(--line);background:var(--white);height:36px;min-height:36px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.tools-menu summary{gap:7px;padding:0 12px;list-style:none}.tools-menu summary::-webkit-details-marker{display:none}.tools-menu summary:hover,.icon-control:hover,.language-control:hover{border-color:var(--aqua);background:#e9f8fb}.icon-control,.language-control{width:36px;padding:0}.tools-popover{z-index:30;border:1px solid var(--line);background:var(--white);border-radius:8px;grid-template-columns:repeat(3,minmax(150px,1fr));gap:18px;width:min(760px,100vw - 32px);padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #17212f24}.tools-popover p,.footer-tools p{color:var(--aqua);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:900}.tools-popover a,.footer-tools a{box-sizing:border-box;height:36px;color:var(--muted);align-items:center;padding:0;font-size:13px;font-weight:650;text-decoration:none;display:flex}.tools-popover a:hover,.footer-tools a:hover{color:var(--ink)}.hero{background:linear-gradient(135deg,#fff 0%,#edf7fa 62%,#f7fbf7 100%);padding:0;display:block}.hero-shell{grid-template-columns:minmax(0,1.2fr) minmax(280px,.5fr);align-items:center;gap:clamp(26px,5vw,72px);padding-top:clamp(56px,9vw,110px);padding-bottom:50px;display:grid}.app-shell{padding-inline:0}.app-shell>div{padding-top:70px;padding-bottom:70px}.limits{padding:70px 0;display:block}.limits-shell{grid-template-columns:1.3fr repeat(3,1fr);gap:16px;display:grid}.site-footer{border-top:1px solid var(--line);background:var(--deep);color:var(--white)}.footer-shell{padding-top:34px;padding-bottom:28px}.footer-intro{border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:baseline;gap:18px;padding-bottom:24px;display:flex}.footer-intro strong{color:var(--white);letter-spacing:.08em}.footer-intro span,.footer-legal{color:#b9c5cf;font-size:13px}.footer-tools{grid-template-columns:repeat(3,1fr);gap:24px;padding:24px 0;display:grid}.footer-tools a{color:#dbe4ea}.footer-links{grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:24px;display:grid}.footer-links p{color:var(--aqua);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:900}.footer-links a{color:#dbe4ea;white-space:normal;padding:5px 0;font-size:13px;font-weight:650;text-decoration:none;display:block}@media (width>=640px){.footer-links a{white-space:nowrap}}.footer-links a:hover{color:var(--white);text-underline-offset:.18em;text-decoration:underline}.footer-legal{border-top:1px solid #ffffff29;margin:0;padding-top:18px}@media (width>=640px){.shell{padding-inline:24px}}@media (width<=1060px){.hero-shell,.limits-shell{grid-template-columns:1fr}}@media (width<=680px){.topbar-shell{flex-wrap:wrap;align-items:flex-start;padding-top:10px;padding-bottom:10px}.local-nav{order:3;justify-content:space-between;width:100%;margin:0}.local-nav a{padding-inline:6px}.shell-actions{margin-left:auto}.tools-popover{grid-template-columns:1fr;max-height:calc(100vh - 128px);position:fixed;top:112px;right:16px;overflow:auto}.hero-shell{padding-top:56px}.app-shell>div{padding-top:54px;padding-bottom:54px}.footer-intro{flex-direction:column;align-items:flex-start}.footer-tools,.footer-links{grid-template-columns:1fr}}html.dark{--paper:#14121b;--white:#1a1722;--card:#201c2b;--ink:#f3f1f8;--muted:#b6b1c4;--line:#2b2837}html.dark .hero{background:var(--paper);color:var(--ink)}html.dark .limits{background:var(--white);color:var(--ink)}html.dark .limits-shell,html.dark .limits>div{color:var(--ink);border-color:var(--line);background:0 0}html.dark .primary,html.dark .mode-switch .active{color:#fff;background:#3f2d6b}html.dark .score{color:#f3f1f8;background:#201c2b}html.dark .site-footer{color:#f3f1f8;background:#17141f;border-color:#2b2837}html.dark .footer-intro strong,html.dark .footer-links a:hover{color:#f3f1f8}html.dark .footer-intro span,html.dark .footer-legal{color:#b6b1c4}html.dark .footer-tools a,html.dark .footer-links a{color:#d9d5e4}html.dark .footer-tools p,html.dark .footer-links p{color:#a892e0}html.dark .privacy-card,html.dark textarea,html.dark pre{background:var(--card);color:var(--ink)}html.dark .tools-menu summary,html.dark .icon-control,html.dark .language-control,html.dark .ghost,html.dark .example-row button,html.dark .mode-switch button{background:var(--white);color:var(--ink);border-color:var(--line)}