body{margin:0;padding:0}.page,body{box-sizing:border-box}.page{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#eee;min-height:100vh;overflow-x:hidden;padding:.25rem}.header{margin-bottom:2rem;text-align:center}.title{background:linear-gradient(90deg,#f7dc6f,#f8b500);-webkit-background-clip:text;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;margin:0 0 .5rem;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#a0aec0;font-size:.95rem;margin:0}.main{align-items:start;display:grid;gap:2rem;margin:0 auto;max-width:1100px;min-width:0}.section-input{order:0}.section-wheel{order:-1}@media(min-width:768px){.main{grid-template-columns:320px 1fr}.section-input,.section-wheel{order:unset}}.section{background:#ffffff0f;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;min-width:0;padding:1.5rem}.section-input{display:flex;flex-direction:column;gap:.75rem;min-height:0}.label{color:#e2e8f0;font-size:.95rem;font-weight:600}.textarea{background:#0003;border:1px solid hsla(0,0%,100%,.15);border-radius:12px;box-sizing:border-box;color:#f1f5f9;font-size:1rem;line-height:1.6;max-height:320px;min-height:160px;overflow-y:auto;padding:1rem;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.textarea::-moz-placeholder{color:#64748b}.textarea::placeholder{color:#64748b}.textarea:focus{border-color:#f7dc6f;box-shadow:0 0 0 3px #f7db6e33;outline:none}.textarea:disabled{cursor:not-allowed;opacity:.8}.hint{color:#94a3b8;font-size:.85rem;margin:0}.section-wheel{align-items:center;display:flex;flex-direction:column;gap:1.5rem}@media(max-width:767px){.section-wheel,.section-wheel .wheel-container{padding:0}}.wheel-placeholder{align-items:center;color:#94a3b8;display:flex;justify-content:center;min-height:280px;padding:1rem;text-align:center}.btn-spin{background:linear-gradient(135deg,#f7dc6f,#f8b500);border:none;border-radius:999px;box-shadow:0 4px 20px #f8b50066;color:#1a1a2e;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.9rem 2.5rem;transition:transform .15s,box-shadow .15s,opacity .2s}.btn-spin:hover:not(:disabled){box-shadow:0 6px 24px #f8b50080;transform:scale(1.05)}.btn-spin:active:not(:disabled){transform:scale(.98)}.btn-spin:disabled{cursor:not-allowed;opacity:.6}.btn-spin-center{border-radius:50%;box-shadow:0 0 0 4px #fff3,0 4px 20px #f8b50066;font-size:1rem;height:4.5rem;padding:0;width:4.5rem}.chosen-banner{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2563eb);border:1px solid hsla(0,0%,100%,.15);border-radius:999px;bottom:2rem;box-shadow:0 8px 32px #2563eb59;display:flex;gap:.5rem;left:50%;padding:1rem 1.75rem;position:fixed;transform:translate(-50%);z-index:50}.chosen-label{color:#ffffffe6;font-size:.9rem}.chosen-name{color:#fff;font-size:1.1rem;font-weight:700}.pop-enter-active,.pop-leave-active{transition:opacity .3s ease,transform .3s ease}.pop-enter-from,.pop-leave-to{opacity:0;transform:translate(-50%) translateY(12px)}