:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf2f7;background:#0d1117;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#17345b,#0d1117 48%);min-height:100vh;margin:0}main{width:100%;margin:0 auto;padding:8vh clamp(16px,4vw,64px) 12vh}.intro{color:#a9b7c7;max-width:560px;font-size:1.1rem;line-height:1.6}.field{margin-top:28px}.eyebrow{color:#72e6b1;letter-spacing:.16em;font-size:.78rem;font-weight:700}h1{margin:12px 0;font-size:clamp(2.4rem,8vw,5rem);line-height:.98}form{margin-top:0}label{margin-bottom:10px;font-weight:700;display:block}select{width:100%;color:inherit;font:inherit;background:#121c29;border:1px solid #3a5068;border-radius:12px;margin-bottom:24px;padding:14px;display:block}textarea{resize:vertical;width:100%;min-height:170px;color:inherit;font:inherit;background:#121c29;border:1px solid #3a5068;border-radius:12px;padding:16px;line-height:1.5;display:block}button{color:#092018;font:inherit;cursor:pointer;background:#72e6b1;border:0;border-radius:999px;margin-top:14px;padding:13px 19px;font-weight:800}button:disabled{opacity:.55;cursor:not-allowed}section{background:#121c29e6;border:1px solid #314a64;border-radius:20px;margin-top:34px;padding:28px;line-height:1.6;box-shadow:0 18px 60px #0000002e}.muted{color:#a9b7c7}.status,.error{margin-top:14px}.error{color:#ff9d9d}.result-heading{justify-content:space-between;align-items:center;display:flex}h2{margin:0;font-size:4rem;line-height:1}.result-icon{color:#72e6b1;font-size:3rem}.explanation{color:#d6e0ea;margin:24px 0}.edit-toggle{color:#a9b7c7;background:0 0;border:1px solid #3a5068;margin:28px 0 0 auto;display:block}.editor{margin-top:16px}fieldset{border:1px solid #314a64;border-radius:12px;margin:18px 0;padding:14px}legend{color:#72e6b1;padding:0 6px}.editor-grid{grid-template-columns:52px 1fr;gap:10px;display:grid}.editor-grid input{min-width:0;color:inherit;font:inherit;background:#121c29;border:1px solid #3a5068;border-radius:8px;padding:10px}.editor-grid input:nth-child(n+3){grid-column:1/-1}.matches{gap:20px;display:grid}.match-top{grid-template-columns:28px 1fr auto;align-items:center;gap:10px;display:grid}.match-top span{font-size:1.4rem}.match-top b{color:#72e6b1}.match small{color:#a9b7c7;margin-top:6px;display:block}.insight-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin-top:30px;display:grid}.insight-grid>div{background:#121c29;border:1px solid #314a64;border-radius:14px;padding:18px}.insight-grid h3{margin:0 0 12px;font-size:1rem}.insight-grid p{color:#c6d2df;margin:8px 0 0}.insight-grid p span{margin-right:6px}.insight-grid .insight-note{color:#a9b7c7;grid-column:1/-1;margin:0;font-size:.85rem}.bar{background:#26384d;border-radius:99px;height:8px;margin-top:9px;overflow:hidden}.bar i{border-radius:inherit;background:#72e6b1;height:100%;transition:width .4s;display:block}.language{justify-content:flex-end;gap:4px;margin-bottom:28px;display:flex}.mode-switch{flex-wrap:wrap;gap:8px;margin:20px 0 30px;display:flex}.mode-switch button{color:#a9b7c7;background:#121c29;border:1px solid #3a5068;margin:0}.mode-switch button.active{color:#092018;background:#72e6b1}.match-result{max-width:620px;font-size:clamp(2rem,6vw,3.5rem)}.challenge-link{color:#72e6b1;font-weight:700}.language button{color:#a9b7c7;background:0 0;border:1px solid #3a5068;margin:0;padding:7px 10px}.language button.active{color:#092018;background:#72e6b1}