*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;color-scheme:dark}html,body{width:100%;min-height:100%;background-color:#050505;color:#fff;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#080808}::-webkit-scrollbar-thumb{background:#2e2620;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d4a373}.canvas-container{position:fixed;top:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#050505;z-index:0;pointer-events:none}#coffee-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.canvas-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#05050533,#050505ad);pointer-events:none;z-index:2}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#140d0a,#050505);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),visibility .8s;pointer-events:auto}.loader-overlay.hidden{opacity:0;transform:scale(1.04);visibility:hidden;pointer-events:none}.glass-card{background:#00000059;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1)}.glass-card-hover:hover{border-color:#d4a37380;box-shadow:0 12px 30px -10px #d4a37326}.modal-scroll-container::-webkit-scrollbar{width:4px}.modal-scroll-container::-webkit-scrollbar-thumb{background:#d4a3734d;border-radius:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d4a373;outline-offset:2px}.safe-top{padding-top:max(.75rem,env(safe-area-inset-top,.75rem))}.safe-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom,1rem))}canvas{touch-action:pan-y}@media screen and (orientation:landscape)and (max-height:500px){.loader-overlay{padding:1rem}}
