@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-container{animation:fadeSlideIn .5s ease-out}.app-title{font-size:24px;margin:0 0 16px}.input-textarea{width:100%;font-size:16px;padding:8px;box-sizing:border-box;border:2px solid #ddd;border-radius:6px;resize:vertical;transition:border-color .2s,box-shadow .2s;font-family:inherit}.input-textarea:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d933}.spin-button{margin-top:8px;padding:8px 24px;font-size:16px;font-family:inherit;cursor:pointer;background:#4a90d9;color:#fff;border:none;border-radius:8px;transition:transform .15s,background-color .2s,box-shadow .2s}.spin-button:hover:not(:disabled){background:#3a7bc8;transform:scale(1.05);box-shadow:0 4px 12px #4a90d966}.spin-button:active:not(:disabled){transform:scale(.97)}.spin-button:disabled{opacity:.6;cursor:not-allowed}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.error-message{color:red;margin-top:8px;animation:shake .4s ease-in-out}.slot-drum-outer{position:relative;margin-top:16px}.slot-drum-wrapper{height:168px;overflow:hidden;position:relative;border-radius:12px;border:2px solid #c8e0f4;background:#f0f8ff}@keyframes drumScroll{0%{transform:translateY(0)}to{transform:translateY(-56px)}}.slot-strip{animation:drumScroll var(--slot-speed, .12s) ease-in-out forwards}.slot-drum-row{height:56px;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;overflow:hidden}.slot-drum-row.ghost{opacity:.3;font-size:14px;transform:scale(.78);white-space:nowrap}.slot-drum-row.center-item{font-size:20px;font-weight:700}.slot-fade-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(240,248,255,.88) 0%,transparent 30%,transparent 70%,rgba(240,248,255,.88) 100%);pointer-events:none;border-radius:10px}@keyframes resultReveal{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.result-box{margin-top:16px;padding:16px;background:#f0f8ff;border-radius:8px;border:2px solid #c8e0f4;font-size:20px;text-align:center;font-weight:700;animation:resultReveal .5s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.history-item{padding:4px 0;border-bottom:1px solid #eee}.history-item.new{animation:slideInLeft .3s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}