:root{color-scheme:light;--bg:#f6f2ea;--panel:#fffdf8;--ink:#191816;--muted:#68625a;--accent:#8d3cff;--border:#ded3c4}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.page-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px}.site-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px}.site-header nav{display:flex;gap:10px;flex-wrap:wrap}.button,.nav-link{border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:9px 14px;text-decoration:none;font-weight:650;box-shadow:0 1px 0 rgba(0,0,0,.04)}.hero{border:1px solid var(--border);background:linear-gradient(135deg,#fffdf8,#f3e9ff);padding:32px;border-radius:28px;margin-bottom:24px}.hero h1{margin:0 0 12px;font-size:clamp(2rem,6vw,4.2rem);line-height:.95;letter-spacing:-.06em}.hero p,.muted{color:var(--muted);line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.card{border:1px solid var(--border);background:var(--panel);border-radius:22px;padding:20px;box-shadow:0 16px 36px rgba(69,47,20,.07)}.card h2,.card h3{margin-top:0}.meta-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.pill{font-size:.78rem;border:1px solid var(--border);border-radius:999px;padding:4px 8px;color:var(--muted);background:#fff}.challenge-status{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.challenge-sandbox{border:2px dashed #cbbce1;border-radius:24px;background:#fff;padding:18px;min-height:280px;overflow:hidden}.submission{min-height:220px;display:grid;grid-gap:14px;gap:14px;align-content:center;justify-items:center;text-align:center}input[type=range]{width:min(420px,90%)}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);border-radius:12px;background:var(--ink);color:white;padding:10px 14px;font-weight:700}pre{overflow:auto;background:#191816;color:#fffdf8;padding:16px;border-radius:16px}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media (max-width:680px){.site-header{align-items:flex-start;flex-direction:column}.hero{padding:24px}}