body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:20px;background:linear-gradient(180deg,#f6fbff,#f8fafc);color:#0f172a}h1{margin:0 0 6px}#status{margin:8px 0}.game{display:flex;gap:32px;align-items:end;margin-top:18px}.cup-slot{width:260px;display:flex;align-items:center;justify-content:center}.cup-card{border:1px solid rgba(2,6,23,.08);border-radius:10px;padding:10px;cursor:pointer;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 6px 20px #0206170f;transition:transform .16s}.cup-card:hover{transform:translateY(-6px)}.cup{position:relative;border-left:3px solid #222;border-right:3px solid #222;border-bottom:3px solid #222;border-top:none;border-radius:0 0 10px 10px;overflow:visible;background:transparent;display:block}.cup:before{content:"";position:absolute;left:-6px;right:-6px;top:-8px;height:12px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#f7f9fb,#eef6ff);border:3px solid #222;border-bottom:none;box-shadow:0 2px 4px #0206170f;transform:translateY(-2px)}.cup .water{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(180deg,#5ec0ff,#0b61ff);transition:height .3s;border-radius:0 0 8px 8px}.cup .water:after{content:"";position:absolute;left:6%;right:6%;top:-8px;height:12px;border-radius:50%;background:#ffffff40;filter:blur(1px)}.label{margin-top:10px;text-align:center;font-size:13px;color:#374151}.correct{box-shadow:0 0 0 6px #10b98114}.wrong{box-shadow:0 0 0 6px #ef444414}#message{margin-top:12px;min-height:1.2em;color:#334155}.disabled{opacity:.6}button{padding:8px 12px;border-radius:8px;border:1px solid rgba(2,6,23,.08);background:linear-gradient(180deg,#fff,#f3f7ff);cursor:pointer}:root{--bg-color: #f8fafc;--text-color: #111;--link-color: #0066cc;--card-bg: #fff;--card-bg-gradient: linear-gradient(180deg,#fff,#f1f5f9);--border-color: #cbd5e1;--newsletter-bg: linear-gradient(180deg,#fff,#fbfdff);--weight-game-bg: linear-gradient(180deg,#fff,#f8fbff);--choice-bg: linear-gradient(180deg,#ffffff,#f2f9ff);--kbd-bg: #eef2ff;--explain-bg: linear-gradient(180deg,#fbfdff,#ffffff);--crit-color-1: #dc2626;--crit-color-2: #ef4444}[data-theme=dark]{--bg-color: #121212;--text-color: #ffffff;--link-color: #90caf9;--card-bg: #1e1e1e;--card-bg-gradient: linear-gradient(180deg,#1e1e1e,#2a2a2a);--border-color: #424242;--newsletter-bg: linear-gradient(180deg,#1e1e1e,#2a2a2a);--weight-game-bg: linear-gradient(180deg,#1e1e1e,#2a2a2a);--choice-bg: linear-gradient(180deg,#2a2a2a,#1e1e1e);--kbd-bg: #424242;--explain-bg: linear-gradient(180deg,#2a2a2a,#1e1e1e);--crit-color-1: #ff6b6b;--crit-color-2: #ff8e8e}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:24px;color:var(--text-color);background:var(--bg-color)}a{color:var(--link-color)}h1{margin:0 0 8px}.projects{margin-top:12px;display:flex;gap:12px;flex-wrap:wrap}.project-btn{background:var(--card-bg-gradient);border:1px solid var(--border-color);padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600}.project-btn:focus{outline:3px solid rgba(3,102,214,.2)}.project-btn:hover{transform:translateY(-2px)}.newsletter{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:28px;padding:18px;background:var(--newsletter-bg);border-radius:12px;box-shadow:0 10px 30px #0206170f}.newsletter-left{flex:1}.newsletter h2{margin:0 0 6px}.signup-row{display:flex;gap:10px;margin-top:10px}.email-input{padding:10px 12px;border-radius:10px;border:1px solid rgba(2,6,23,.08);min-width:220px}.signup-btn{padding:10px 14px;border-radius:10px;background:linear-gradient(180deg,#06b6d4,#0891b2);color:#fff;border:none;font-weight:700;cursor:pointer}.signup-btn:active{transform:translateY(1px)}.signup-status{margin-top:10px;color:#475569}.newsletter-graphic{width:140px;display:flex;align-items:center;justify-content:center}@media(max-width:700px){.newsletter{flex-direction:column;align-items:flex-start}.newsletter-graphic{align-self:center}}.weight-game{max-width:760px;margin:0 auto;padding:20px;background:var(--weight-game-bg);border-radius:14px;box-shadow:0 18px 40px #02061714;border:1px solid rgba(2,6,23,.04)}.weight-game .pair-row{display:flex;gap:18px;margin-top:18px;justify-content:center}.choice{flex:1;padding:22px;border-radius:14px;border:1px solid rgba(2,6,23,.08);background:var(--choice-bg);cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:space-between;min-width:180px}.choice .choice-inner{text-align:left;font-size:16px;color:var(--text-color)}.choice .kbd{background:var(--kbd-bg);padding:6px 10px;border-radius:8px;font-weight:800;color:var(--text-color);margin-left:12px}.choice.wrong{box-shadow:0 0 0 8px #ef44440f;transform:translateY(-4px)}.weight-game .msg{margin-top:14px;color:#334155;font-weight:700}.weight-game .hint{color:#64748b}.weight-game .explain{margin-top:12px;color:#475569;font-style:italic;background:var(--explain-bg);padding:10px;border-radius:8px;border:1px solid rgba(2,6,23,.03)}.poop-game{background:linear-gradient(180deg,#fff,#fffefa);border-radius:12px;padding:18px;box-shadow:0 12px 30px #0206170f;border:1px solid rgba(2,6,23,.04)}.poop-game .hint{color:#64748b}.poop-emoji{display:inline-block;transform-origin:center;transition:transform .22s}.poop-emoji:active{transform:translateY(-6px) scale(1.08)}.choice{transition:transform .18s,box-shadow .22s}.choice.wrong{animation:shake .42s;transform:translateY(-2px)}.explain{margin-top:10px;color:#475569;font-style:italic}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}to{transform:translate(0)}}