:root{--bg: #1e3d4d;--accent: #8b4513;--accent-hover: #a0522d;--accent-active: #6b3410;--text: #ffffff;--text-muted: #e0e0e0;--focus-ring: #c86820}html,body{margin:0;padding:0}body{font-family:Merriweather,Georgia,serif;font-optical-sizing:auto;font-kerning:normal;font-size:1rem;letter-spacing:.01em;color:var(--text);background-color:var(--bg);min-height:100vh;min-height:100dvh}#appContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:3rem 1.5rem;box-sizing:border-box;row-gap:3rem}.coffeeIcon{font-size:3rem;color:var(--accent);display:block}.coffeeIcon--spinning{animation:beanSpin .5s linear infinite}@keyframes beanSpin{to{transform:rotate(360deg)}}#welcomeContainer{display:flex;flex-direction:column;align-items:center;row-gap:1.5rem;width:100%;max-width:36rem}.phraseWindow{position:relative;overflow:hidden;height:6rem;width:100%;max-width:55ch;border-top:1px solid rgba(139,69,19,.45);border-bottom:1px solid rgba(139,69,19,.45);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 22%,black 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 22%,black 78%,transparent 100%)}.slotTrack{will-change:transform}.slotTrack--spinning{animation:slotScroll 2.6s cubic-bezier(.19,1,.22,1) forwards}@keyframes slotScroll{0%{transform:translateY(0)}to{transform:translateY(calc(var(--offset) * -1))}}.slotItem{height:6rem;display:flex;align-items:center;justify-content:center;padding:0 .75rem;box-sizing:border-box}.fraseText{font-size:1.2rem;font-style:italic;line-height:1.65;letter-spacing:.012em;color:var(--text);text-align:center;max-width:50ch;margin:0;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mainButton{font-family:Merriweather,Georgia,serif;font-size:1rem;font-weight:700;letter-spacing:.04em;background:var(--accent);color:var(--text);padding:.75rem 2rem;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease-out,transform 80ms ease-out,opacity .2s ease-out}.mainButton:hover:not(:disabled){background:var(--accent-hover)}.mainButton:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.mainButton:active:not(:disabled){background:var(--accent-active);transform:scale(.98)}.mainButton:disabled{opacity:.65;cursor:default}@media (prefers-reduced-motion: reduce){.coffeeIcon--spinning,.slotTrack--spinning{animation:none}.mainButton{transition:none}}