*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light;--bg: #eef2f7;--panel: rgba(255, 255, 255, .3);--panel-strong: rgba(255, 255, 255, .48);--panel-border: rgba(255, 255, 255, .56);--text: #111827;--muted: rgba(17, 24, 39, .64);--shadow: 0 20px 52px rgba(120, 138, 163, .16);--accent: #0f172a;--accent-soft: rgba(15, 23, 42, .08)}body{font-family:SF Pro Display,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(173,196,255,.35),transparent 28%),radial-gradient(circle at right center,rgba(255,219,188,.35),transparent 30%),linear-gradient(180deg,#f5f7fb,#e7edf5);min-height:100vh;overflow:hidden;color:var(--text)}.app{width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-container{position:absolute;top:0;right:0;bottom:0;left:0}.ambient{position:absolute;border-radius:999px;filter:blur(80px);opacity:.7;pointer-events:none}.ambient-one{width:30vw;height:30vw;top:-8vw;left:-6vw;background:#93c5fd66}.ambient-two{width:26vw;height:26vw;right:-4vw;bottom:12vh;background:#fdba7447}.hud{position:absolute;top:0;right:0;bottom:0;left:0;padding:20px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:100}.glass-panel{background:linear-gradient(180deg,var(--panel-strong),var(--panel));border:1px solid var(--panel-border);box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.hero-card{width:min(360px,calc(100vw - 40px));padding:18px 18px 16px;border-radius:24px;display:grid;gap:14px;pointer-events:auto}.hero-copy{display:grid;gap:10px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0f172a80}.hero-copy h1{font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:.95;letter-spacing:-.06em;font-weight:700}.hero-copy p{max-width:28ch;font-size:.95rem;line-height:1.45;color:var(--muted)}.hero-meta{display:flex;gap:10px}.metric{min-width:108px;padding:10px 12px;border-radius:16px;background:#ffffff61;border:1px solid rgba(255,255,255,.58);display:grid;gap:2px}.metric strong{font-size:.95rem;font-weight:700}.metric.is-solved{background:#deffeccc}.metric-label{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#11182780}.control-dock{align-self:center;width:min(560px,calc(100vw - 28px));border-radius:24px;padding:14px;display:grid;gap:10px;pointer-events:auto}.controls-row{display:flex;gap:10px;justify-content:center}.btn{min-width:118px;padding:13px 20px;font-size:1rem;font-weight:600;border-radius:16px;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;letter-spacing:-.01em;border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 36px #94a3b838}.btn-primary{background:linear-gradient(180deg,#1f2937,#0f172a);color:#f8fafc}.btn-secondary,.btn-tertiary{background:#ffffff9e;color:var(--accent)}.interaction-hint{text-align:center;font-size:.84rem;line-height:1.35;color:var(--muted)}@media (max-width: 900px){.hud{padding:16px}}@media (max-width: 640px){body{overflow:hidden}.hud{padding:12px}.hero-card{width:min(260px,calc(100vw - 24px));padding:12px 12px 10px;border-radius:20px;gap:8px}.hero-copy h1{font-size:clamp(1.25rem,7.6vw,1.8rem)}.hero-copy p{display:none}.hero-meta{gap:8px}.metric{min-width:84px;padding:8px 9px}.control-dock{width:calc(100vw - 24px);padding:10px;border-radius:20px;gap:6px}.controls-row{gap:8px}.btn{min-width:0;flex:1 1 0;padding:12px 8px;font-size:.96rem}.interaction-hint{font-size:.72rem;line-height:1.25}}