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}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:24px;color:#111;background:#f8fafc}a{color:#06c}h1{margin:0 0 8px}.projects{margin-top:12px;display:flex;gap:12px;flex-wrap:wrap}.project-btn{background:linear-gradient(180deg,#fff,#f1f5f9);border:1px solid #cbd5e1;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:linear-gradient(180deg,#fff,#fbfdff);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:linear-gradient(180deg,#fff,#f8fbff);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:linear-gradient(180deg,#fff,#f2f9ff);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:#0f172a}.choice .kbd{background:#eef2ff;padding:6px 10px;border-radius:8px;font-weight:800;color:#0f172a;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:linear-gradient(180deg,#fbfdff,#fff);padding:10px;border-radius:8px;border:1px solid rgba(2,6,23,.03)}.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)}}