*{box-sizing:border-box}html,body{background:#050302;margin:0}button,a,input{font:inherit}.coffee-page{background:#050302;width:100%;min-height:100vh;position:relative;overflow-x:hidden}.coffee-background{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.menu-hotspots,.upload-hotspots{pointer-events:none;position:absolute;inset:0}.menu-hotspots a,.upload-slot,.submit-hotspot{pointer-events:auto;position:absolute}.menu-hotspots a{display:block}.menu-home{width:11.8%;height:4.1%;top:16%;left:1.2%}.menu-fortunes{width:11.8%;height:4.1%;top:20.2%;left:1.2%}.menu-orders{width:11.8%;height:4.1%;top:24.4%;left:1.2%}.menu-about{width:11.8%;height:4.1%;top:28.6%;left:1.2%}.upload-slot{height:24.1%;top:61.2%}.slot-1{width:8.6%;left:16.7%}.slot-2{width:8.6%;left:26.3%}.slot-3{width:8.6%;left:36%}.slot-4{width:8.6%;left:45.7%}.slot-5{width:8.6%;left:55.4%}.slot-6{width:8.6%;left:65.1%}.slot-7{width:8.6%;left:74.8%}.upload-slot label,.preview{cursor:pointer;display:block;position:absolute;inset:0}.upload-slot input{display:none}.preview{background:#000000e0;border-radius:7px;overflow:hidden;box-shadow:inset 0 0 0 2px #dfb260a6,0 0 22px #74328e59}.preview img{object-fit:cover;width:100%;height:100%}.preview button{color:#fff;cursor:pointer;background:#000000d1;border:1px solid #ffffff73;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:7px;right:7px}.submit-hotspot{cursor:pointer;background:0 0;border:0;width:34.3%;height:6.4%;top:88.2%;left:32%}.upload-counter{z-index:20;color:#e4c47e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040207db;border:1px solid #dcaf5c80;border-radius:20px;padding:8px 13px;font-family:Arial,sans-serif;font-size:12px;position:fixed;bottom:18px;right:18px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.menu-hotspots a:hover,.upload-slot:hover,.submit-hotspot:hover{outline:1px solid #e2b56094;box-shadow:inset 0 0 28px #73308e24,0 0 18px #e2b5601a}}@media (max-width:768px){.coffee-page{overflow-x:auto}.coffee-background{width:1360px;max-width:none}.menu-hotspots,.upload-hotspots{width:1360px}.upload-counter{bottom:10px;right:10px}}