@font-face{font-family:Arial Black RFC;src:url(/fonts/Arial_Black.ttf) format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#1a1a1a;color:#fff}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.screen.dark{background:#111}.title{font-size:2.2rem;font-weight:800;letter-spacing:4px;margin-bottom:24px}.die-placeholder{width:120px;height:120px;border:4px solid currentColor;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;margin:16px 0}button{font-size:1rem;font-weight:800;padding:14px 28px;border-radius:10px;border:2px solid rgba(0,0,0,.3);background:var(--button-color, #3a4ed9);color:var(--button-text-color, white);cursor:pointer;margin:8px;box-shadow:0 4px #00000059,0 5px 8px #00000040;transition:transform 90ms ease,box-shadow 90ms ease}button:active{transform:translateY(3px);box-shadow:0 1px #00000059,0 2px 4px #0003}button.secondary{--button-color: #444}button:disabled{background:#7a7a7a;border-color:#0003;color:#c4c4c4;box-shadow:0 2px #0003;cursor:not-allowed}button:disabled:active{transform:none}.list-screen{width:100%;max-width:480px;background:#fff;color:#222;border-radius:12px;padding:20px;max-height:70vh;overflow-y:auto}.list-row{display:flex;justify-content:space-between;padding:6px 4px;border-bottom:1px solid #eee;font-size:.95rem}.bowl-stage{width:280px;height:280px;border-radius:50%;background:#f3e9d2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:20px;margin:20px 0}.ingredient-chip{background:#0009;padding:6px 10px;border-radius:20px;font-size:.8rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.modal-box{background:#fff;color:#222;border-radius:12px;padding:20px;max-width:480px;max-height:80vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#000000b3;color:#fff;font-size:1.3rem;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;margin:0;cursor:pointer;z-index:10}.stars{font-size:2.2rem;color:#e0a300;letter-spacing:4px;margin:12px 0}input[type=text]{font-size:1.1rem;padding:10px 14px;border-radius:8px;border:1px solid #ccc;margin:12px 0;width:260px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}