.roast-page{--roast-bg:#0f0f1a;--roast-card:#1a1a2e;--roast-accent:#e94560;--roast-accent-owl:#f9a825;--roast-accent-turtle:#4fc27b;--roast-text:#eee;--roast-text-dim:#888;z-index:40;background:var(--roast-bg);color:var(--roast-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:fixed;inset:0;overflow:hidden auto}.roast-page.is-shaking{animation:.5s ease-in-out roast-shake}@keyframes roast-shake{0%,to{transform:translate(0)}10%{transform:translate(-8px,4px)}20%{transform:translate(8px,-4px)}30%{transform:translate(-6px,6px)}40%{transform:translate(6px,-2px)}50%{transform:translate(-4px,4px)}60%{transform:translate(4px,-6px)}70%{transform:translate(-2px,2px)}80%{transform:translate(2px,-4px)}90%{transform:translate(-1px,1px)}}.roast-exit{z-index:20;color:var(--roast-text-dim);background:#1a1a2ed1;border:1px solid #ffffff24;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:700;transition:color .18s,border-color .18s;position:absolute;top:14px;left:14px}.roast-exit:hover{color:var(--roast-text);border-color:#ffffff4d}.roast-container{flex-direction:column;justify-content:center;align-items:center;max-width:480px;min-height:100%;margin:0 auto;padding:72px 20px 32px;display:flex}.roast-title{letter-spacing:-1px;text-align:center;margin-bottom:8px;font-size:2.5rem;font-weight:900}.roast-subtitle{color:var(--roast-text-dim);text-align:center;margin-bottom:40px;font-size:.95rem}.roast-subtitle span{display:inline-block}.roast-cards{flex-direction:column;gap:20px;width:100%;display:flex}.roast-card{background:var(--roast-card);width:100%;color:inherit;text-align:center;cursor:pointer;border:2px solid #0000;border-radius:24px;padding:32px 24px;transition:all .3s;display:block}.roast-card:hover{border-color:var(--roast-accent);transform:translateY(-4px);box-shadow:0 12px 40px #e9456033}.roast-card--owl:hover{border-color:var(--roast-accent-owl);box-shadow:0 12px 40px #f9a82533}.roast-card--turtle:hover{border-color:var(--roast-accent-turtle);box-shadow:0 12px 40px #4fc27b33}.roast-card:focus-visible{outline:2px solid var(--roast-accent);outline-offset:4px}.roast-card-emoji{margin-bottom:12px;font-size:4rem;display:block}.roast-card-title{margin-bottom:6px;font-size:1.5rem;font-weight:700;display:block}.roast-card-hint{color:var(--roast-text-dim);font-size:.9rem;display:block}.roast-card-tag{border-radius:20px;margin-top:12px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.roast-card-tag--capy{color:var(--roast-accent);background:#e9456026}.roast-card-tag--owl{color:var(--roast-accent-owl);background:#f9a82526}.roast-card-tag--turtle{color:var(--roast-accent-turtle);background:#4fc27b26}.roast-credit{color:var(--roast-text-dim);letter-spacing:.02em;text-align:center;margin-top:28px;font-size:.78rem}.roast-scene{animation:.4s roast-fade-in}@keyframes roast-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.roast-scene-header{width:100%;margin-bottom:10px}.roast-scene-title{font-size:1.3rem;font-weight:700}.roast-scene-subtitle{color:var(--roast-text-dim);margin-top:4px;font-size:.85rem}.roast-char-wrap{justify-content:center;align-items:center;width:260px;height:260px;margin:20px 0;display:flex;position:relative}.roast-char{width:220px;height:220px;transition:transform .3s}.roast-capy-head,.roast-capy-bird{transition:transform .3s}.roast-capy-eye-calm,.roast-capy-eye-dead{transition:opacity .2s}.roast-char--capy.is-roasting .roast-capy-head{transform:rotate(-8deg)translateY(-5px)}.roast-char--capy.is-roasting .roast-capy-eye-calm{opacity:0}.roast-char--capy.is-roasting .roast-capy-eye-dead{opacity:1}.roast-char--capy.is-roasting .roast-capy-bird{transform:translateY(-15px)rotate(-10deg)}.roast-char--capy.is-roasting{animation:.5s ease-in-out roast-capy-shake}@keyframes roast-capy-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)rotate(-3deg)}75%{transform:translate(6px)rotate(3deg)}}.roast-owl-head{transform-origin:120px 130px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.roast-owl-eye-open,.roast-owl-eye-closed{transition:opacity .1s}.roast-char--owl.is-roasting .roast-owl-head{transform:rotate(180deg)}.roast-char--owl.is-roasting .roast-owl-eye-open{opacity:1}.roast-char--owl.is-roasting .roast-owl-eye-closed{opacity:0}.roast-char--owl.is-roasting{animation:.6s ease-in-out roast-owl-bounce}@keyframes roast-owl-bounce{0%,to{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(.95)}}.roast-turtle-head{transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transform:translate(18px)}.roast-turtle-eye-shy,.roast-turtle-eye-angry{transition:opacity .15s}.roast-char--turtle.is-roasting .roast-turtle-head{transform:translate(-12px,-5px)}.roast-char--turtle.is-roasting .roast-turtle-eye-shy{opacity:0}.roast-char--turtle.is-roasting .roast-turtle-eye-angry{opacity:1}.roast-char--turtle.is-roasting{animation:.55s ease-out roast-turtle-lunge}@keyframes roast-turtle-lunge{0%,to{transform:translate(0)}30%{transform:translate(-9px)}65%{transform:translate(4px)}}.roast-slap{z-index:10;pointer-events:none;opacity:0;font-size:3rem;font-weight:900;animation:.8s ease-out forwards roast-slap-pop;position:absolute}@keyframes roast-slap-pop{0%{opacity:0;transform:scale(.5)rotate(-10deg)}30%{opacity:1;transform:scale(1.2)rotate(5deg)}to{opacity:0;transform:scale(1)rotate(0)translateY(-30px)}}.roast-box{background:var(--roast-card);text-align:center;border:1px solid #ffffff0d;border-radius:20px;justify-content:center;align-items:center;width:100%;min-height:140px;margin:20px 0;padding:28px 24px;display:flex}.roast-line{color:var(--roast-text);font-size:1.35rem;font-weight:700;line-height:1.6;animation:.4s both roast-line-in}@keyframes roast-line-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.roast-placeholder{color:var(--roast-text-dim);font-size:1rem}.roast-btn{color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;margin-bottom:12px;padding:18px;font-size:1.1rem;font-weight:700;transition:all .2s}.roast-btn:active{transform:scale(.96)}.roast-btn:focus-visible{outline:2px solid var(--roast-text);outline-offset:3px}.roast-btn--capy{background:linear-gradient(135deg, var(--roast-accent), #c73e54);box-shadow:0 4px 20px #e945604d}.roast-btn--owl{background:linear-gradient(135deg, var(--roast-accent-owl), #d48d00);box-shadow:0 4px 20px #f9a8254d}.roast-btn--turtle{background:linear-gradient(135deg, var(--roast-accent-turtle), #2f9d5c);box-shadow:0 4px 20px #4fc27b4d}.roast-btn--again{color:var(--roast-text);background:#ffffff14;border:1px solid #ffffff1a}.roast-btn--back{color:var(--roast-text-dim);background:0 0;padding:12px;font-size:.9rem}.roast-btn--back:hover{color:var(--roast-text)}@media (max-width:400px){.roast-title{font-size:2rem}.roast-char-wrap{width:220px;height:220px}.roast-char{width:200px;height:200px}.roast-line{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.roast-page.is-shaking,.roast-scene,.roast-slap,.roast-line,.roast-char--capy.is-roasting,.roast-char--owl.is-roasting,.roast-char--turtle.is-roasting{animation:none}.roast-slap{opacity:1}.roast-card,.roast-char,.roast-capy-head,.roast-capy-bird,.roast-owl-head,.roast-turtle-head{transition:none}}