:root{--bg:#f5f8fc;--ink:#081c43;--muted:#40567f;--card:#fff;--line:#dfe7f1;--line-soft:#e0e8f2;--row:linear-gradient(90deg, #f7f9fb, #eef1f5);--link:#0087ff;--focus:#009dff;--dark-1:#10243d;--dark-2:#08172a;color-scheme:light}:root[data-theme=dark]{--bg:#0d1725;--ink:#e6eefb;--muted:#adbed4;--card:#172538;--line:#304057;--line-soft:#293b51;--row:linear-gradient(90deg, #1c2b40, #223247);--link:#4fb3ff;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--ink);background:var(--bg);min-width:320px;margin:0;font:13px/1.45 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,video,canvas{max-width:100%}svg.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0;width:28px;height:28px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:50;color:#081c43;background:#fff;border-radius:6px;padding:10px 14px;position:absolute;top:-60px;left:12px}.skip:focus{top:10px}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.wrap{max-width:1390px;margin:0 auto;padding:0 24px}.blue{--accent:#009dff;--soft:#dceeff}.purple{--accent:#804bff;--soft:#eee3ff}.green{--accent:#00c779;--soft:#d9f8eb}.orange{--accent:#ff7923;--soft:#ffeadc}.pink{--accent:#ef438a;--soft:#ffe1ee}.slate{--accent:#627d9e;--soft:#e5ecf5}.gold{--accent:#ffc45b;--soft:#fff2ce}.site-header{background:linear-gradient(110deg, var(--dark-1), var(--dark-2));color:#fff;z-index:20;border-bottom:1px solid #3d526d;min-height:53px;position:relative}.header-inner{align-items:center;gap:18px;max-width:1390px;min-height:53px;margin:auto;padding:0 24px;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.brand svg.icon{color:#00b6ff;width:36px;height:36px}.brand strong{letter-spacing:-.6px;font-size:23px}.brand small{letter-spacing:1px;color:#b0bfd4;margin-top:2px;font-size:8px;display:block}.site-header nav{gap:4px;margin-left:26px;display:flex}.site-header nav a{white-space:nowrap;border-radius:5px;padding:10px 13px;font-size:12px}.site-header nav a:hover,.site-header nav a[aria-current]{background:#172a43}.search{margin-left:auto;position:relative}.search-box{background:#203047;border:1px solid #354660;border-radius:20px;align-items:center;gap:8px;width:247px;padding:7px 12px;display:flex}.search-box svg.icon{width:15px;height:15px}.search-box input{color:#fff;background:0 0;border:0;outline:none;width:100%;font-size:11px}.search-box input::placeholder{color:#a8b3c5}.search-box:focus-within{border-color:#0af}.search-results{background:var(--card);width:320px;max-width:calc(100vw - 32px);color:var(--ink);border:1px solid var(--line);z-index:40;border-radius:10px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0b1b3340}.search-results a{border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.search-results small{color:var(--muted);font-size:11px;display:block}.search-results .dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px}.search-results [aria-selected=true] a,.search-results a:hover{background:color-mix(in srgb, var(--soft) 70%, transparent)}.search-empty{color:var(--muted);padding:10px;font-size:12px}.search-empty a{color:var(--link)}.theme{color:#fff;background:#3c4d67;border:0;border-radius:15px;gap:3px;padding:3px 6px;font-size:12px;display:flex}.theme span{border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.theme .sun{color:#3b2a00;background:#ffc356}:root[data-theme=dark] .theme .sun{color:#fff;background:0 0}:root[data-theme=dark] .theme .moon{background:#0af}.language{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.language svg.icon{width:17px;height:17px}.scores{white-space:nowrap;background:#263e61;border:1px solid #3a567c;border-radius:5px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;display:flex}.scores:hover,.scores[aria-current]{background:#2d4c77}.scores svg.icon{color:#0af;width:18px;height:18px}.btn{color:#fff;white-space:nowrap;background:linear-gradient(#069fff,#0087f1);border:1px solid #00baff;border-radius:7px;justify-content:center;align-items:center;gap:10px;height:45px;padding:0 29px;font-size:14px;font-weight:700;transition:transform .2s,filter .2s;display:inline-flex;box-shadow:0 4px 12px #0003}.btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn svg.icon{width:18px;height:18px}.btn.secondary{background:linear-gradient(#142b48,#08172b);box-shadow:inset 0 0 0 3px #08131e}.btn.small{height:36px;padding:0 16px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.text-link{color:var(--link);white-space:nowrap;background:0 0;border:0;padding:0;font-size:11px}.text-link:hover{text-decoration:underline}.icon-tile{width:43px;height:43px;color:var(--accent);background:linear-gradient(135deg, var(--soft), color-mix(in srgb, var(--accent) 28%, white));border:1px solid color-mix(in srgb, var(--accent) 22%, white);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px 2px #fff9}.icon-tile svg.icon{filter:drop-shadow(0 1px #fff);width:30px;height:30px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}.section-head h2{letter-spacing:-.5px;margin:0 0 3px;font-size:21px}.section-head p{color:var(--muted);margin:0;font-size:12px}.categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.category{color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 57%, white), var(--accent) 46%, color-mix(in srgb, var(--accent) 75%, #193256));border:1px solid color-mix(in srgb, var(--accent) 55%, white);border-radius:9px;min-height:114px;padding:10px 11px;transition:transform .18s,box-shadow .18s;box-shadow:inset 0 1px 2px #fff7,0 3px 4px #243e662b}.category:hover{transform:translateY(-3px);box-shadow:0 6px 12px #19325630}.category-top{align-items:start;gap:11px;display:flex}.category .icon-tile{color:#fff;background:linear-gradient(130deg,#ffffff30,#ffffff08);border:1px solid #ffffff30;box-shadow:inset 0 1px 4px #ffffff50}.category .icon-tile svg.icon{filter:none}.category h3{white-space:nowrap;letter-spacing:-.3px;margin:7px 0;font-size:12px}.category.pink h3{letter-spacing:-.5px;font-size:11px}.category p{max-width:130px;margin:0;font-size:10px;line-height:1.5}.tags{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.tags span{white-space:nowrap;background:linear-gradient(#ffffff40,#ffffff20);border-radius:5px;padding:3px 6px;font-size:9px;box-shadow:inset 0 0 0 1px #ffffff25}.test-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px;display:grid}.test-card{background:var(--card);border:1px solid var(--line);border-radius:8px;gap:14px;min-height:77px;padding:9px 10px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 2px 4px #203d6810}.test-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #203d6820}.test-content{flex:1;min-width:0;padding-right:16px}.test-title{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:5px;display:flex}.test-title h2,.test-title h3{letter-spacing:-.25px;margin:3px 0;font-size:12px}.test-title a:after{content:"";border-radius:8px;position:absolute;inset:0}.badge{background:var(--soft);color:color-mix(in srgb, var(--accent) 80%, #00314e);white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:9px}.test-content p{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.star{z-index:1;color:#f90;background:0 0;border:0;padding:2px 4px;font-size:21px;line-height:22px;transition:transform .2s;position:absolute;top:6px;right:6px}.star:hover{transform:scale(1.2)}.star[aria-pressed=true]{color:#f2a000;animation:.3s pop}@keyframes pop{50%{transform:scale(1.45)}}.panel{background:var(--card);border:1px solid var(--line-soft);border-radius:10px;padding:10px 12px;box-shadow:0 2px 4px #244d7410}.panel+.panel{margin-top:8px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel h2{letter-spacing:-.3px;margin:0;font-size:16px}.recent-item{background:linear-gradient(110deg, var(--soft), color-mix(in srgb, var(--soft) 60%, white));border:1px solid color-mix(in srgb, var(--accent) 17%, white);color:#071b43;border-radius:6px;align-items:center;gap:12px;margin-top:5px;padding:5px;display:flex}.recent-item .icon-tile{width:34px;height:34px}.recent-item .icon-tile svg.icon{width:26px;height:26px}.recent-item b{margin-bottom:2px;font-size:11px;display:block}.recent-item strong{color:#081725;font-size:14px}.recent-item small{color:#445b83;white-space:nowrap;align-self:start;margin-left:auto;padding:3px;font-size:9px}.recent-item.is-empty strong{color:#445b83;font-size:12px;font-weight:400}.ranking-row{background:var(--row);border-radius:7px;grid-template-columns:22px 28px 1fr auto;align-items:center;min-height:26px;margin-top:3px;padding:0 9px;font-size:11px;display:grid}.ranking-row .crown{color:#efab20;width:18px;height:18px}.ranking-row:nth-child(2) .crown{color:#93a5b9}.ranking-row:nth-child(3) .crown{color:#b66a34}.ranking-row .dash{color:var(--muted)}.ranking-row strong{font-size:11px}.page-band{color:#fff;background:radial-gradient(at 40% 0,#304761,#0000 60%),linear-gradient(100deg,#07101c,#16283d 65%,#2b2b2a);padding:22px 0 26px;position:relative;overflow:hidden}.page-band:before{content:"";opacity:.5;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 65px,#020a1440 70px 89px,#0000 96px 139px);position:absolute;inset:0}.page-band>.wrap{position:relative}.page-band h1{letter-spacing:-1.2px;margin:6px 0 8px;font-size:38px;font-weight:800;line-height:1.05}.page-band h1 em{color:#2ba8f9;font-style:normal}.page-band .lead{color:#d3dcea;max-width:680px;margin:0;font-size:15px}.crumbs ol{color:#a9b8cd;flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.crumbs li+li:before{content:"›";color:#6b7f99;margin-right:6px}.crumbs a:hover{color:#fff;text-decoration:underline}.section{padding:26px 0}.section h2{letter-spacing:-.5px;margin:0 0 12px;font-size:21px}.prose{color:var(--ink);font-size:15px;line-height:1.7}.prose h2{letter-spacing:-.4px;margin:30px 0 10px;font-size:22px;line-height:1.25}.prose h2:first-child{margin-top:0}.prose p,.prose ul,.prose ol{margin:0 0 14px}.prose a{color:var(--link);text-underline-offset:2px;text-decoration:underline}.prose code{background:var(--row);border-radius:4px;padding:1px 5px;font-family:ui-monospace,Consolas,monospace;font-size:.9em}.prose table{border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:8px;width:100%;margin:0 0 16px;font-size:14px;overflow:hidden}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);padding:9px 12px}.prose th{background:var(--row);text-transform:uppercase;letter-spacing:.4px;font-size:12px}.prose .formula{background:var(--card);border:1px solid var(--line);border-left:4px solid #009dff;border-radius:6px;padding:10px 14px;font-family:ui-monospace,Consolas,monospace}.steps{counter-reset:s;padding:0;list-style:none}.steps li{counter-increment:s;margin-bottom:12px;padding-left:40px;position:relative}.steps li:before{content:counter(s);color:#fff;background:linear-gradient(#069fff,#0087f1);border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid;position:absolute;top:1px;left:0}.faq-list details{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:8px}.faq-list summary{cursor:pointer;justify-content:space-between;gap:12px;padding:12px 16px;font-size:15px;font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--link);font-size:20px;line-height:1}.faq-list details[open] summary:after{content:"–"}.faq-list details p{color:var(--muted);margin:0;padding:0 16px 14px}.chip{background:var(--card);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));border-radius:20px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.chip svg.icon{width:18px;height:18px;color:var(--accent)}.chip:hover{background:color-mix(in srgb, var(--soft) 60%, var(--card))}.site-footer{color:#c3ccda;background:linear-gradient(120deg,#0d2239,#0b1628);padding:12px 0 10px}.footer-wrap{justify-content:space-between;align-items:center;gap:20px;max-width:1390px;margin:auto;padding:0 24px;display:flex}.site-footer .brand strong{color:#fff;letter-spacing:0;font-size:14px}.site-footer .brand svg.icon{width:30px;height:30px}.site-footer .brand small{letter-spacing:0;font-size:10px}.footer-links{gap:28px;font-size:12px;display:flex}.footer-links a:hover,.footer-cats a:hover{color:#fff;text-decoration:underline}.habit{margin:0;font-size:11px}.habit:after{content:"";background:linear-gradient(90deg,#00bcff,#2755a2);width:40px;height:3px;margin:0 0 2px 10px;display:inline-block}.footer-cats{color:#8d9bb1;border-top:1px solid #22344d;flex-wrap:wrap;gap:6px 22px;max-width:1390px;margin:10px auto 0;padding:8px 24px 0;font-size:11px;display:flex}.footer-cats span{margin-left:auto}.toast{color:#fff;opacity:0;pointer-events:none;z-index:60;text-align:center;background:#122c49;border-radius:8px;max-width:90vw;padding:12px 20px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);box-shadow:0 5px 25px #0004}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=1200px){.header-inner{flex-wrap:wrap;gap:12px;padding:10px 3%}.brand strong{font-size:21px}.site-header nav{order:2;justify-content:center;width:100%;margin:0}.categories{grid-template-columns:repeat(3,1fr)}.category p{max-width:none}.test-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.wrap{padding:0 16px}.header-inner{padding:10px 16px}.header-inner>.brand{flex:1}.brand strong{font-size:19px}.brand small{font-size:7px}.scores{padding:6px 8px;font-size:11px}.language{display:none}.search{order:3;width:100%;margin:0}.search-box{width:100%}.search-results{width:100%;left:0}.site-header nav{scrollbar-width:none;justify-content:flex-start;gap:0;overflow-x:auto}.site-header nav a{padding:8px 9px;font-size:12px}.section-head h2{font-size:20px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category h3{white-space:normal;font-size:12px;line-height:1.2}.category p{font-size:10px}.test-grid{grid-template-columns:1fr}.test-card{gap:13px;padding:12px}.test-content p{font-size:12px}.test-title h2,.test-title h3{font-size:13px}.page-band h1{font-size:30px}.page-band .lead{font-size:14px}.prose{font-size:15px}.footer-wrap{flex-wrap:wrap;padding:0 16px}.footer-links{order:3;justify-content:space-between;gap:0;width:100%}.footer-cats{padding:8px 16px 0}.footer-cats span{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}