:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-1:#0b1020;--bg-2:#121a33;--card:#141c38b3;--text:#dbe7ff;--muted:#9db2da;--face:#ffd58a;--feature:#1f2f58;--tear:#7cc7ff}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top,var(--bg-2),var(--bg-1)60%);min-height:100%;color:var(--text);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #adc6ff26;border-radius:16px;width:min(560px,100%);padding:28px;box-shadow:0 20px 60px #00000059}h1{letter-spacing:.01em;margin:0;font-size:1.8rem}.subtitle,.note{color:var(--muted);margin:8px 0 0;line-height:1.5}.face-wrap{place-items:center;width:180px;height:180px;margin:22px auto;display:grid}.face{background:var(--face);border-radius:50%;width:160px;height:160px;animation:2.8s ease-in-out infinite bob;position:relative;box-shadow:inset 0 -8px #00000012}.eye{background:var(--feature);transform-origin:50%;border-radius:999px;width:14px;height:22px;animation:5s infinite blink;position:absolute;top:52px}.eye-left{left:44px}.eye-right{right:44px}.mouth{border-top:6px solid var(--feature);border-radius:50% 50% 0 0;width:62px;height:30px;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.tear{background:var(--tear);opacity:.9;border-radius:50% 50% 55% 55%;width:12px;height:18px;animation:1.8s ease-in infinite drop;position:absolute;top:72px;right:35px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes blink{0%,45%,47%,to{transform:scaleY(1)}46%{transform:scaleY(.12)}}@keyframes drop{0%{opacity:0;transform:translateY(0)scale(1)}20%{opacity:.9}to{opacity:0;transform:translateY(30px)scale(.9)}}@media (prefers-reduced-motion:reduce){.face,.eye,.tear{animation:none}}