*{box-sizing:border-box} :root{color-scheme:light;--bg:#f6f3fc;--ink:#292640;--muted:#625e7a;--panel:#ffffffa8;--border:#c9c4db;--field:#fff9}body{margin:0;color:var(--ink);background:radial-gradient(at 0% 5%,#b4e8dc88,transparent 45%),radial-gradient(at 100% 30%,#f8c7d477,transparent 45%),var(--bg);font:15px/1.6 system-ui,sans-serif}body.dark{color-scheme:dark;--bg:#34375b;--ink:#fff9ff;--muted:#e0daef;--panel:#ffffff14;--border:#a6a2c277;--field:#272c4c}header{max-width:1200px;margin:auto;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:15px}a{color:inherit;font-weight:750}header a{text-decoration:none;font-size:21px}main{max-width:1200px;margin:auto;padding:15px 24px 70px}.intro{text-align:center;max-width:650px;margin:15px auto 35px}h1{font-size:clamp(32px,5vw,48px);line-height:1.15;letter-spacing:-1.8px;margin:12px 0}h2{font-size:22px;letter-spacing:-.5px;margin:0 0 20px}p{margin:10px 0;color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.layout{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.glass{padding:26px;border:1px solid var(--border);border-radius:25px;background:linear-gradient(135deg,#ffffff22,#ffffff00),var(--panel);box-shadow:inset 0 2px 2px #ffffff66,0 5px 0 #8c87ab33,0 22px 45px #42306a15;backdrop-filter:blur(20px)}label{display:block;font-size:13px;font-weight:650;margin:16px 0}input,textarea,select{display:block;width:100%;font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--border);padding:12px;border-radius:12px;margin-top:6px;box-shadow:inset 0 2px 0 #ffffff55,0 4px 0 #87819a44}textarea{resize:vertical}small,.hint,.privacy,fieldset p{font-size:12px;color:var(--muted);font-weight:400}small{display:block;margin-top:9px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}fieldset{border:1px solid var(--border);border-radius:15px;margin:24px 0;padding:16px}legend{font-weight:750;padding:0 8px}#games label{display:flex;gap:9px;align-items:center;font-weight:500;margin:10px 0}#games input{width:18px;height:18px;margin:0;box-shadow:none;flex-shrink:0}button,.next a{border:1px solid var(--border);padding:11px 15px;background:var(--panel);color:var(--ink);font:650 12px/1.5 system-ui;border-radius:13px;box-shadow:inset 0 2px 0 #ffffff77,0 4px 0 #77718c44,0 8px 15px #42306a11;cursor:pointer;transition:transform .2s}button:hover{transform:translateY(-3px) rotate(-1deg)}button:active{transform:translateY(2px)}:focus-visible{outline:3px solid #16876f;outline-offset:4px}.primary{background:linear-gradient(120deg,#ffd0ad,#f6accd);color:#34273f}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}canvas{width:100%;height:auto;display:block;border-radius:20px;box-shadow:0 15px 25px #42306a22;margin-top:18px}.next{margin-top:25px}.next a{display:inline-block;margin-top:10px;text-decoration:none}#summary{font-size:12px}#status{min-height:24px;font-size:13px}#printout{display:none}@media(max-width:850px){.layout{grid-template-columns:1fr}.glass{padding:20px}.pair{gap:10px}main{padding:12px 16px 50px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}button:hover{transform:none}}@media print{@page{size:auto;margin:12mm}body{background:white;color:#222}body>header,body>main{display:none}#printout{display:block}.invitation-sheet{height:245mm;display:flex;align-items:center;justify-content:center;break-after:page}#printimage{max-width:100%;max-height:240mm;object-fit:contain}.host-sheet{font:14px/1.6 system-ui}.host-sheet h1{font-size:28px}.host-sheet h2{font-size:19px;margin-top:20px}.host-sheet p{color:#333;white-space:pre-wrap;overflow-wrap:anywhere}.host-sheet li{margin:10px 0}}