:root{color:#edf3ff;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-color:#0b0f14;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.4}*,:before,:after{box-sizing:border-box}body{background:#0b0f14;min-height:100vh;margin:0}#root{min-height:100vh}.site{color:#edf3ff;flex-direction:column;min-height:100vh;display:flex}.site a{color:#1de5d0}.skip-link{z-index:10;background:#1de5d0;border-radius:8px;padding:.5rem 1rem;font-weight:600;position:absolute;top:-3rem;left:1rem;color:#0b0f14!important}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid #1f2836;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,2rem);display:flex}.site-header .brand{color:#fff;letter-spacing:.04em;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.site-header nav{gap:1.25rem;display:flex}.site-header nav a{color:#c8d8ff;font-weight:600;text-decoration:none}.site-header nav a:hover{color:#1de5d0}.site-main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:2rem 1rem 3rem}.site-footer{color:#aab6d4;background:#080c11;border-top:1px solid #1f2836;padding:2rem clamp(1rem,4vw,2rem)}.footer-tools{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:1080px;margin:0 auto 1.5rem;display:grid}.footer-tools h2{text-transform:uppercase;letter-spacing:.15em;color:#c8d8ff;margin:0 0 .6rem;font-size:.85rem}.footer-tools ul{gap:.35rem;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.muted{color:#8a96b3}.footer-line{max-width:1080px;margin:0 auto;font-size:.9rem}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.tool-card{background:#101522;border:1px solid #1f2836;border-radius:14px;padding:1.1rem 1.2rem;position:relative}.tool-card h3{color:#fff;margin:0 0 .4rem;font-size:1.05rem}.tool-card a{text-decoration:none}.tool-card a:after{content:"";border-radius:14px;position:absolute;inset:0}.tool-card:has(a):hover{border-color:#1de5d0}.tool-card:has(a:focus-visible){border-color:#1de5d0}.tool-card:has(a) h3{color:#1de5d0}.tool-card p{color:#aab6d4;margin:0;font-size:.93rem;line-height:1.5}.badge{color:#aab6d4;vertical-align:middle;border:1px solid #2c3850;border-radius:999px;margin-left:.35rem;padding:.1rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.related{width:min(960px,100%);margin:2.5rem auto 0}.related h2{margin:0 0 1rem;font-size:1.25rem}.prose{color:#c3cde3;max-width:720px;margin:0 auto;line-height:1.7}.prose h1{color:#fff;line-height:1.2}.prose h2{color:#fff;margin-top:2rem}.further-reading{width:min(820px,100%);margin:2rem auto 0}.further-reading h2{margin:0 0 .75rem;font-size:1.25rem}.further-reading ul{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.further-reading li a{font-weight:600}.further-reading li .badge{margin:0 .5rem 0 0}.further-reading li p{color:#aab6d4;margin:.2rem 0 0;font-size:.93rem;line-height:1.5}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.faq{width:min(820px,100%);margin:2rem auto 0}.faq details{border-bottom:1px solid #1f2836;padding:.75rem 0}.faq summary{cursor:pointer;color:#fff;font-weight:600}.faq details p{margin:.5rem 0 0}.embed .canvas-description,.embed .faq,.embed .further-reading,.embed .related,.embed .predict,.embed .page-header p{display:none}.embed .site-main{padding:1rem .75rem}.embed-footer{text-align:center;padding:0 0 1rem}