*{box-sizing:border-box}body{color:#1f2937;background:#fff7ed;margin:0;font-family:system-ui,sans-serif}.page{place-items:center;min-height:100vh;padding:24px;display:grid;overflow:hidden}.card,.recipe-card{background:#fff;border-radius:28px;width:min(460px,100%);padding:28px;box-shadow:0 20px 50px #0000001f}h1{margin-top:0}input,select{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;margin:8px 0;padding:14px 16px;font-size:16px}label{margin-bottom:6px;font-weight:700;display:block}button,.button{cursor:pointer;color:#fff;text-align:center;background:#f97316;border:0;border-radius:14px;width:100%;margin-top:10px;padding:14px 18px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}button:disabled{cursor:wait;opacity:.7}button.secondary{color:#1f2937;background:#e5e7eb}.divider{text-align:center;color:#6b7280;margin:18px 0}.code{letter-spacing:8px;text-align:center;background:#f3f4f6;border-radius:16px;padding:16px;font-size:36px;font-weight:800}.code-button{color:#1f2937;margin:0 0 10px}.join-code,.copy-message{text-align:center;color:#6b7280}.setting{background:#f9fafb;border-radius:14px;margin:18px 0;padding:14px}.setting p{color:#6b7280;margin:0}.setting input{margin:0}ul{padding-left:20px}.error{color:#dc2626}.recipe-card{text-align:center;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;transform:translate3d(var(--swipe-x,0), var(--swipe-y,0), 0) rotate(var(--swipe-rotation,0deg));will-change:transform;transition:transform .18s,box-shadow .18s;position:relative}.recipe-card:active{cursor:grabbing}.recipe-card.is-dragging{transition:none;box-shadow:0 26px 60px #0000002e}.swipe-badge{z-index:2;text-transform:uppercase;pointer-events:none;background:#ffffffd1;border:4px solid;border-radius:10px;padding:10px 14px;font-size:28px;font-weight:900;position:absolute;top:34px}.swipe-badge-yes{color:#16a34a;opacity:var(--yes-opacity,0);right:24px;transform:rotate(14deg)}.swipe-badge-no{color:#dc2626;opacity:var(--no-opacity,0);left:24px;transform:rotate(-14deg)}.counter{color:#6b7280}.image-placeholder{background:#fed7aa;border-radius:22px;place-items:center;height:220px;margin-bottom:20px;font-size:72px;display:grid}.recipe-image{aspect-ratio:4/3;object-fit:cover;background:#fed7aa;border-radius:22px;width:100%;margin-bottom:20px;display:block}.actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.actions button{margin-top:0}.no{background:#ef4444}.yes{background:#22c55e}