:root{color-scheme:light;font-family:var(--font-yusei),var(--font-m-plus-rounded);--bg:#f4effc;--card:#fff;--text:#363636;--accent:#5f3d7d;--accent-dark:#45285f;--accent-soft:#beadcd}.cyrillic-text,.cyrillic-text *,:lang(ru),:lang(ru) *{font-family:var(--font-m-plus-rounded)}*{box-sizing:border-box}*,body,html{cursor:url(/cursor32.png) 6 6,crosshair!important}body,html{margin:0;min-height:100vh;color:var(--text)}html{background-color:var(--bg);background-image:linear-gradient(rgba(244,239,252,.3),rgba(244,239,252,.3)),url(/background\ copy.png);background-size:cover;background-position:50%;background-repeat:no-repeat}html.crystal-route{background-image:none}body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3rem;padding:1.25rem 1.5rem 4rem;zoom:.9;background:transparent}@supports not (zoom:1){body{transform:scale(.9);transform-origin:top center}}main{width:min(1180px,94vw);min-height:calc(100vh - 5rem);padding:9.5rem 2rem 2rem;border-radius:28px;background:transparent;box-shadow:none;text-align:left;position:relative}h1{margin-top:0;font-size:5rem;letter-spacing:2px}.title-script{letter-spacing:6px;line-height:1}.app-header{position:absolute;top:0;left:0;width:calc(100vw / .9);min-height:9.2rem;padding:2.8rem 3.2rem 0;display:flex;align-items:flex-start;justify-content:flex-end;pointer-events:none;z-index:30;background:transparent}.app-header.with-title{justify-content:center}.app-header.with-title .header-actions{position:absolute;right:3.2rem}.app-logo-link{position:absolute;top:1.35rem;left:3.2rem;width:122px;height:122px;display:block;z-index:2;pointer-events:auto;cursor:url(/cursor32.png) 6 6,pointer!important}.app-logo{width:100%;height:100%;object-fit:contain;pointer-events:none}.app-header .title-script{margin:0;color:#363636;font-size:clamp(4rem,5.6vw,6rem);font-weight:400;letter-spacing:6px;white-space:nowrap}.app-header .title-script.cyrillic-text{font-size:calc(clamp(4rem, 5.6vw, 6rem) - .625rem)}.app-header .title-script.coffee-title{max-width:min(980px,calc(100vw - 21rem));white-space:pre-line;text-align:center;font-size:clamp(2.95rem,4.4vw,4.55rem);line-height:.98;letter-spacing:4px}.app-header .title-script.coffee-title-es,.app-header .title-script.coffee-title-ru{font-size:clamp(2.35rem,3.45vw,3.55rem);letter-spacing:3px}.app-header .title-script.coffee-title-ru{line-height:1.14}.app-header .title-script.coffee-title-tr{font-size:clamp(3.7rem,5.25vw,5.55rem)}.header-actions{display:flex;align-items:center;gap:1.7rem;pointer-events:auto}.language-picker{display:flex;align-items:center;position:relative;width:78px;height:68px;border-radius:18px}.language-picker:focus-within{outline:2px solid rgba(69,40,95,.75);outline-offset:4px}.language-button-art{width:100%;height:100%;object-fit:contain;pointer-events:none}.language-picker select{position:absolute;inset:0;width:100%;height:100%;border-radius:18px;border:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:transparent;font-size:1rem;opacity:0;cursor:url(/cursor32.png) 6 6,pointer!important}.menu-language{display:none}.menu-toggle{position:relative;width:86px;height:86px;padding:0;border:none;border-radius:50%;background:transparent;cursor:url(/cursor32.png) 6 6,pointer!important}.menu-toggle img{width:100%;height:100%;object-fit:contain;transition:opacity .12s ease}.menu-toggle[aria-expanded=true]{background:rgba(190,173,205,.95)}.menu-toggle[aria-expanded=true] img{opacity:0}.menu-toggle[aria-expanded=true]:after,.menu-toggle[aria-expanded=true]:before{content:"";position:absolute;left:21px;top:41px;width:44px;height:4px;border-radius:999px;background:#111}.menu-toggle[aria-expanded=true]:before{transform:rotate(45deg)}.menu-toggle[aria-expanded=true]:after{transform:rotate(-45deg)}.menu-screen{position:fixed;top:0;left:0;width:calc(100vw / .9);height:calc(100vh / .9);z-index:40;display:none;background:#5f3d7d}.menu-screen.show{display:block}.menu-screen[data-state=open] .menu-panel{animation:menu-enter .28s ease-out both}.menu-screen[data-state=closing]{pointer-events:none}.menu-screen[data-state=closing] .menu-panel{animation:menu-exit .22s ease-in both}.menu-panel{width:100%;height:100%;display:grid;grid-template-columns:46.5% 53.5%;background:#5f3d7d;overflow:hidden;will-change:transform,opacity}@keyframes menu-enter{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes menu-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(18px)}}.menu-illustration{position:relative;height:100%;background:#2f2341;overflow:hidden}.menu-illustration img{object-fit:cover;object-position:center}.menu-illustration:after,.menu-illustration:before{content:"";position:absolute;z-index:1;pointer-events:none;mix-blend-mode:screen}.menu-illustration:before{left:9%;top:31%;width:28%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,hsla(0,0%,100%,.72) 0 8%,hsla(0,0%,100%,.36) 25%,hsla(0,0%,100%,.14) 48%,transparent 72%),radial-gradient(circle at 32% 28%,hsla(0,0%,100%,.9) 0 5%,transparent 16%);filter:blur(3px);opacity:.78;animation:soft-glow 2.8s ease-in-out infinite}.menu-illustration:after{left:28%;top:55%;width:33%;height:18%;background:radial-gradient(circle,hsla(0,0%,100%,.85) 0 9%,hsla(0,0%,100%,.42) 18%,transparent 34%),linear-gradient(104deg,transparent 0 34%,hsla(0,0%,100%,.2) 42%,hsla(0,0%,100%,.72) 50%,hsla(0,0%,100%,.18) 58%,transparent 66% 100%);filter:blur(2px);opacity:.82;transform:rotate(-14deg);animation:wand-glow 2.4s ease-in-out infinite}@keyframes soft-glow{0%,to{opacity:.62;transform:scale(.98)}50%{opacity:.9;transform:scale(1.035)}}@keyframes wand-glow{0%,to{opacity:.68}50%{opacity:.96}}.menu-content{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:6rem clamp(3.5rem,9vw,8rem);background:#5f3d7d}.menu-close{position:absolute;top:3.25rem;right:3.2rem;width:68px;height:68px;border:none;background:transparent;cursor:url(/cursor32.png) 6 6,pointer!important}.menu-close img{width:100%;height:100%;object-fit:contain;pointer-events:none}.menu-title{position:absolute;top:2.2rem;left:clamp(3.5rem,9vw,8rem);right:8rem;margin:0;color:rgba(208,178,222,.88);font-size:clamp(4.6rem,7.2vw,7rem);line-height:.95;letter-spacing:4px;font-weight:400;font-family:var(--font-yusei),var(--font-m-plus-rounded);text-align:left}.menu-links{width:min(920px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2.1rem 3.1rem;gap:2.1rem 3.1rem}.menu-link{width:100%;min-height:92px;display:grid;grid-template-columns:104px 1fr;grid-gap:1rem;gap:1rem;align-items:center;color:#fff;text-decoration:none;font-size:1.65rem;line-height:1.15;text-align:left;cursor:url(/cursor32.png) 6 6,pointer!important;transition:transform .16s ease,opacity .16s ease}.menu-link:nth-child(2),.menu-link:nth-child(3){transform:none}.menu-link:hover{opacity:.86;transform:translateX(6px)}.menu-link-about{margin-top:0}.about-menu-icon img{max-width:64px;max-height:64px}.menu-icon{width:96px;height:86px;display:flex;align-items:center;justify-content:center;justify-self:center}.menu-icon img{max-width:96px;max-height:86px;object-fit:contain}.prediction-menu-icon img{max-width:78px;max-height:70px}.crystal-menu-icon img{max-width:92px;max-height:80px}.coffee-menu-icon{position:relative}.coffee-menu-icon:before{content:"";position:absolute;width:58px;height:58px;left:16px;top:14px;border:7px solid rgba(86,58,124,.78);border-radius:50%;background:#bcb8c0;box-shadow:inset 0 0 0 13px #664283}.coffee-menu-icon:after{content:"";position:absolute;width:24px;height:18px;right:8px;top:35px;border-radius:0 8px 8px 0;background:rgba(86,58,124,.42)}.crystal-icon{width:68px;height:68px;border-radius:50% 50% 42% 42%;background:var(--accent-soft);box-shadow:0 15px 0 -6px #3b393c}.wheel-menu-icon{position:relative}.wheel-menu-icon img{max-width:82px;max-height:82px;object-fit:contain}.cat{width:240px;height:auto}.mobile-home-title{display:none}.setup-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(520px,620px);grid-gap:5.2rem;gap:5.2rem;align-items:start;justify-content:center;padding-top:1rem}.cat-setup{width:100%;max-width:430px;margin:1rem auto 0;animation:cat-orbit 10s linear infinite}.setup-content{width:100%;padding-top:8.4rem}.timeframe{display:flex;gap:.8rem;justify-content:flex-start;margin:1.2rem 0 0}.timeframe-subtitle{margin:0;width:100%;max-width:590px;font-size:1.1rem;line-height:1.35;white-space:nowrap}.timeframe button{flex:1 1;min-width:0;padding:.9rem .4rem;border-radius:20px 15px 18px 13px;border:0;font-size:1.5rem;cursor:url(/cursor32.png) 6 6,pointer!important;background:radial-gradient(circle at 16% 25%,hsla(0,0%,100%,.18) 0 2px,transparent 3px 100%),radial-gradient(circle at 78% 72%,rgba(95,61,125,.12) 0 1px,transparent 2px 100%),linear-gradient(98deg,rgba(190,173,205,.94),rgba(205,192,218,.88) 46%,rgba(181,161,199,.92));-webkit-clip-path:polygon(1% 16%,8% 4%,38% 2%,68% 5%,94% 3%,99% 18%,98% 82%,92% 96%,63% 98%,34% 96%,6% 98%,0 80%);clip-path:polygon(1% 16%,8% 4%,38% 2%,68% 5%,94% 3%,99% 18%,98% 82%,92% 96%,63% 98%,34% 96%,6% 98%,0 80%);color:inherit;filter:drop-shadow(0 7px 3px rgba(64,42,84,.16));transition:transform .16s ease,filter .16s ease}.timeframe button:nth-child(2){-webkit-clip-path:polygon(.8% 20%,5% 6%,34% 4%,67% 2%,95% 5%,99% 22%,97% 80%,92% 94%,58% 97%,31% 99%,6% 94%,1% 80%);clip-path:polygon(.8% 20%,5% 6%,34% 4%,67% 2%,95% 5%,99% 22%,97% 80%,92% 94%,58% 97%,31% 99%,6% 94%,1% 80%);transform:rotate(-.45deg)}.timeframe button:nth-child(3){-webkit-clip-path:polygon(1.5% 13%,8% 3%,42% 5%,65% 2%,94% 6%,99% 15%,97% 86%,91% 97%,58% 95%,28% 98%,5% 94%,0 78%);clip-path:polygon(1.5% 13%,8% 3%,42% 5%,65% 2%,94% 6%,99% 15%,97% 86%,91% 97%,58% 95%,28% 98%,5% 94%,0 78%);transform:rotate(.35deg)}.timeframe button.active{background:radial-gradient(circle at 16% 25%,hsla(0,0%,100%,.14) 0 2px,transparent 3px 100%),radial-gradient(circle at 78% 72%,hsla(0,0%,100%,.12) 0 1px,transparent 2px 100%),linear-gradient(96deg,#573676,#6a4687 52%,#5d3b7a);color:#fff}.timeframe button:hover{filter:drop-shadow(0 10px 5px rgba(64,42,84,.2));transform:translateY(-2px) rotate(-.2deg)}.predict-btn{width:100%;max-width:1000px;padding:1rem 1.2rem;border:none;border-radius:20px 15px 19px 13px;font-size:1.5rem;cursor:url(/cursor32.png) 6 6,pointer!important;background:radial-gradient(circle at 13% 24%,hsla(0,0%,100%,.16) 0 2px,transparent 3px 100%),radial-gradient(circle at 86% 66%,hsla(0,0%,100%,.12) 0 1px,transparent 2px 100%),linear-gradient(96deg,#573676,#7b51a0 50%,#6a4388);-webkit-clip-path:polygon(1% 17%,6% 5%,34% 3%,67% 1%,95% 5%,99% 18%,98% 82%,93% 96%,61% 98%,30% 96%,5% 98%,0 82%);clip-path:polygon(1% 17%,6% 5%,34% 3%,67% 1%,95% 5%,99% 18%,98% 82%,93% 96%,61% 98%,30% 96%,5% 98%,0 82%);color:#fff;box-shadow:none;filter:drop-shadow(0 10px 5px rgba(64,42,84,.24));transition:transform .15s ease,filter .15s ease}.predict-btn:active{transform:translateY(1px) scale(.99);filter:drop-shadow(0 5px 3px rgba(64,42,84,.2))}.again-btn:hover,.predict-btn:not(:disabled):hover{filter:drop-shadow(0 12px 6px rgba(64,42,84,.26));transform:translateY(-2px) rotate(-.12deg)}.prediction{margin:3rem 0 .7rem;min-height:2.4rem;font-size:1.55rem;line-height:1.4;position:relative;padding-top:0;white-space:nowrap;max-width:590px;font-weight:600}.overlay{position:absolute;inset:0;background:rgba(244,239,252,.96);display:none;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;border-radius:28px;z-index:2;text-align:center}.magic-ball,.overlay.show{display:flex}.magic-ball{width:320px;height:320px;align-items:center;justify-content:center}.magic-ball img{width:100%;height:100%;object-fit:contain;animation:float 2.8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes cat-orbit{0%{transform:translate(0)}25%{transform:translate(24px,-16px)}50%{transform:translateY(-32px)}75%{transform:translate(-24px,-16px)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.cat-setup{animation:none}}.overlay p{margin:0;font-size:1.7rem;color:#3b393c}.result-screen{width:min(1220px,96vw);min-height:calc(100vh - 5rem);padding:9.5rem 2rem 2rem;border-radius:32px;background:transparent;box-shadow:none;text-align:left;position:relative}.result-screen[hidden]{display:none}.result-layout{display:grid;grid-template-columns:minmax(300px,430px) minmax(560px,700px);grid-gap:3.8rem;gap:3.8rem;align-items:start;justify-content:center;padding-top:1.2rem}.result-visual{display:flex;align-items:flex-start;justify-content:center;padding-top:2.1rem}.result-content{width:100%}.cat-result{width:100%;max-width:430px}.oracle-line{margin:0 0 1.1rem;font-size:4.7rem;line-height:1;letter-spacing:3px;color:var(--text);text-transform:uppercase}.scroll-wrapper{margin:0 0 1.7rem;max-width:100%;display:flex;justify-content:flex-start}.scroll-core{width:100%;max-width:700px;aspect-ratio:1.95/1;display:flex;align-items:center;justify-content:center;padding:2.85rem 3.1rem 3rem;color:var(--text);font-size:1.7rem;line-height:1.55;position:relative;white-space:pre-line;background:transparent;background-image:url(/scroll.png);background-size:100% 100%;background-repeat:no-repeat;background-position:50%;text-align:center}.actions{display:flex;gap:1.2rem;justify-content:flex-start;flex-wrap:wrap}.again-btn{border:none;border-radius:20px 15px 18px 13px;min-width:240px;padding:1rem 2.8rem;font-size:1.5rem;letter-spacing:1px;background:radial-gradient(circle at 13% 24%,hsla(0,0%,100%,.15) 0 2px,transparent 3px 100%),radial-gradient(circle at 86% 66%,hsla(0,0%,100%,.12) 0 1px,transparent 2px 100%),linear-gradient(96deg,#573676,#754d97 50%,#634080);-webkit-clip-path:polygon(1% 17%,6% 5%,34% 3%,67% 1%,95% 5%,99% 18%,98% 82%,93% 96%,61% 98%,30% 96%,5% 98%,0 82%);clip-path:polygon(1% 17%,6% 5%,34% 3%,67% 1%,95% 5%,99% 18%,98% 82%,93% 96%,61% 98%,30% 96%,5% 98%,0 82%);color:#fff;filter:drop-shadow(0 9px 5px rgba(64,42,84,.22));cursor:url(/cursor32.png) 6 6,pointer!important;transition:transform .15s ease,filter .15s ease}.again-btn:active{transform:translateY(1px) scale(.99);filter:drop-shadow(0 5px 3px rgba(64,42,84,.18))}.share-btn{border-radius:20px 15px 18px 13px;min-width:400px;padding:1rem 2.8rem;font-size:1.5rem;text-transform:uppercase;letter-spacing:1px;border:0;background:radial-gradient(circle at 16% 25%,hsla(0,0%,100%,.28) 0 2px,transparent 3px 100%),radial-gradient(circle at 78% 72%,rgba(95,61,125,.1) 0 1px,transparent 2px 100%),linear-gradient(98deg,rgba(216,207,227,.94),rgba(233,225,241,.9) 48%,rgba(201,185,216,.94));-webkit-clip-path:polygon(1.2% 14%,6% 4%,38% 2%,64% 5%,93% 3%,99% 16%,98% 84%,94% 96%,62% 98%,35% 96%,7% 99%,0 84%);clip-path:polygon(1.2% 14%,6% 4%,38% 2%,64% 5%,93% 3%,99% 16%,98% 84%,94% 96%,62% 98%,35% 96%,7% 99%,0 84%);color:var(--accent-dark);filter:drop-shadow(0 8px 4px rgba(64,42,84,.16));cursor:url(/cursor32.png) 6 6,pointer!important;transition:transform .15s ease,filter .15s ease}.share-btn:active{transform:translateY(1px) scale(.99);filter:drop-shadow(0 4px 3px rgba(64,42,84,.14))}.share-btn:disabled{opacity:.6;cursor:url(/cursor32.png) 6 6,not-allowed!important}.share-btn:not(:disabled):hover{filter:drop-shadow(0 10px 5px rgba(64,42,84,.2));transform:translateY(-2px) rotate(-.15deg)}@media (max-width:840px){.side-nav{top:60%;transform:none;gap:.6rem}.side-nav-btn{writing-mode:vertical-lr;text-align:center;padding:.9rem .55rem;font-size:.9rem;border-radius:14px 0 0 14px}.side-nav-btn:hover{transform:none}main{width:min(680px,94vw);min-height:auto;padding:1.1rem 1.4rem 2.2rem;text-align:center}.setup-layout{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding-top:0}.cat-setup{max-width:250px;margin-top:.5rem}h1{font-size:2.4rem;letter-spacing:2px;margin:.3rem 0 .1rem}.title-script{letter-spacing:3px}.app-header{top:1.55rem;width:calc(100vw / .9);padding:0 1.25rem;gap:.7rem;justify-content:flex-start}.app-header.with-title{justify-content:center}.app-header.with-title .header-actions{left:auto;right:1.25rem}.app-header.home-header{justify-content:flex-start}.app-header.home-header .header-actions{position:absolute;right:1.25rem}.app-header.home-header .title-script{display:none}.app-header .title-script{font-size:clamp(1.8rem,7vw,3rem);letter-spacing:2px}.app-header .title-script.cyrillic-text{max-width:min(360px,calc(100vw - 9.8rem));white-space:normal;text-align:center;font-size:clamp(1.55rem,6vw,2.35rem);line-height:1.08;letter-spacing:1px;overflow-wrap:normal}.app-header .title-script.coffee-title,.app-header .title-script.coffee-title-es,.app-header .title-script.coffee-title-ru,.app-header .title-script.coffee-title-tr{position:absolute;top:.35rem;left:5.9rem;right:7rem;width:auto;max-width:none;transform:none;white-space:pre-line;text-align:center;font-size:clamp(1.46rem,6.3vw,2.12rem);line-height:.94;letter-spacing:1px}.app-header .title-script.coffee-title-es,.app-header .title-script.coffee-title-ru{font-size:clamp(1.08rem,4.75vw,1.52rem);line-height:1.02;letter-spacing:.6px}.app-header .title-script.coffee-title-ru{line-height:1.2}.app-header .title-script.coffee-title-tr{font-size:clamp(1.65rem,7.2vw,2.18rem)}.app-logo-link{top:-.7rem;left:1.25rem;width:74px;height:74px}.header-actions{gap:.55rem}.menu-toggle{width:62px;height:62px}.menu-toggle[aria-expanded=true]:after,.menu-toggle[aria-expanded=true]:before{left:15px;top:29px;width:32px;height:3px}.menu-screen{padding:0;width:calc(100vw / .9);height:calc(100vh / .9)}.menu-panel{width:100%;height:100%;grid-template-columns:1fr;grid-template-rows:1fr;padding:0}.menu-illustration{display:none}.menu-content{min-height:0;padding:9.2rem 1.75rem 2.2rem;align-items:flex-start;justify-content:flex-start}.menu-title{top:6.1rem;left:1.75rem;right:1.75rem;font-size:clamp(2.25rem,11vw,3.4rem);line-height:.95;letter-spacing:2px;text-align:left}.menu-illustration:before{left:8%;top:30%;width:24%}.menu-illustration:after{left:29%;top:56%;width:30%;height:17%}.menu-close{top:1.55rem;left:1.75rem;right:auto;width:50px;height:50px}.menu-links{width:min(520px,100%);min-height:0;display:flex;flex-direction:column;gap:1.25rem}.menu-link{min-height:58px;grid-template-columns:86px 1fr;gap:0;font-size:1.18rem;line-height:1.12}.menu-link-about{margin-top:0}.about-menu-icon img{max-width:46px;max-height:46px}.menu-icon{width:72px;height:58px}.menu-icon img{max-width:72px;max-height:58px}.prediction-menu-icon img{max-width:56px;max-height:52px}.crystal-menu-icon img{max-width:62px;max-height:54px}.coffee-menu-icon:before{width:44px;height:44px;left:12px;top:7px;border-width:6px;box-shadow:inset 0 0 0 10px #664283}.coffee-menu-icon:after{width:18px;height:14px;right:7px;top:25px}.wheel-menu-icon img{max-width:58px;max-height:58px}.crystal-icon{width:46px;height:46px;box-shadow:0 10px 0 -4px #3b393c}.prediction,.timeframe-subtitle{max-width:none;margin-left:auto;margin-right:auto}.timeframe-subtitle{white-space:normal;font-size:.95rem;line-height:1.35;margin-top:.3rem}.timeframe{justify-content:center;gap:.6rem;margin-top:.9rem}.timeframe button{font-size:1.1rem;padding:.7rem .4rem}.predict-btn{width:100%;max-width:none;font-size:1.2rem;margin-top:.6rem}.prediction{margin-top:.9rem;white-space:normal;font-size:1rem}.mobile-home-title{display:block;margin:.75rem 0 1.05rem;font-size:clamp(2.9rem,11vw,4.6rem);font-weight:400;line-height:1;letter-spacing:0;color:#0f0f0f}.result-screen{width:min(760px,96vw);min-height:auto;padding:6.5rem 1rem 2.4rem;text-align:center}.result-layout{grid-template-columns:1fr;gap:1rem;padding-top:0}.result-visual{padding-top:0}.cat-result{max-width:320px}.oracle-line{font-size:2.8rem;margin-bottom:.8rem;text-align:center}.scroll-wrapper{justify-content:center}.scroll-core{max-width:100%;font-size:1rem;padding:2.3rem 2rem 2.4rem}.actions{justify-content:center}.again-btn,.share-btn{min-width:0;width:100%}.language-picker{flex-shrink:0}.app-header .language-picker{display:none}.menu-language{position:absolute;top:1.95rem;left:6.6rem;display:flex}.language-picker select{border-radius:18px}.setup-content{padding-top:.35rem}}.side-nav{position:fixed;right:0;top:82%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:10}.side-nav-btn{display:block;padding:1rem 1.4rem;font-size:1.25rem;color:#fff;background:var(--accent);border-radius:14px 0 0 16px;text-decoration:none;white-space:nowrap;transition:transform .15s ease,background .15s ease;cursor:url(/cursor32.png) 6 6,pointer!important}.side-nav-btn:hover{background:var(--accent-dark);transform:translateX(-4px)}.nav-link{display:inline-block;margin-top:1.2rem;font-size:1.15rem;color:var(--accent);text-decoration:none;transition:opacity .15s ease}.nav-link:hover{opacity:.7}.coin-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.about-page,.coin-page{min-height:calc(100vh - 5rem);padding:8.6rem 2rem 3rem}.about-page{width:min(1180px,94vw)}.about-layout{width:100%;display:grid;grid-template-columns:minmax(420px,620px) minmax(320px,480px);grid-gap:4rem;gap:4rem;align-items:center;justify-content:center}.about-copy{padding:2.7rem 2.8rem;border-radius:18px;background-color:hsla(0,0%,100%,.5);background-image:linear-gradient(hsla(0,0%,100%,.34),hsla(0,0%,100%,.34)),url("/watercolor paper texture.jpg");background-size:cover;background-position:50%;background-blend-mode:normal,multiply;box-shadow:0 4px 11.4px rgba(0,0,0,.13);color:#363636}.about-copy h2{margin:0 0 2.2rem;font-size:2rem;line-height:1.15;font-weight:400}.about-copy p{margin:0 0 1.35rem;font-size:1rem;line-height:1.5}.about-copy p:last-child{margin-bottom:0}.about-visual{display:flex;align-items:center;justify-content:center}.about-visual img{width:min(430px,100%);height:auto;object-fit:contain}.coin-title{font-size:5rem;letter-spacing:4px;margin:0}.coin-visual{display:flex;align-items:center;justify-content:center;flex:1 1;padding:1rem 0}.coin-img{width:340px;height:340px;object-fit:contain}.coin-img.flipping{animation:coin-toss 4s ease-in-out forwards}@keyframes coin-toss{0%{transform:translateY(0)}50%{transform:translateY(-40px)}to{transform:translateY(0)}}.coin-subtitle{margin:0 auto .8rem;width:min(1080px,86vw);min-height:126px;padding:2.7rem 2rem;border-radius:18px;background-color:hsla(0,0%,100%,.5);background-image:linear-gradient(hsla(0,0%,100%,.34),hsla(0,0%,100%,.34)),url("/watercolor paper texture.jpg");background-size:cover;background-position:50%;background-blend-mode:normal,multiply;box-shadow:0 4px 11.4px rgba(0,0,0,.13);color:#363636;font-size:1.27rem;line-height:1.35}.coin-btn{max-width:400px;width:100%}@media (max-width:840px){.about-page{width:min(680px,94vw);padding:6.5rem 1rem 4.5rem}.about-layout{grid-template-columns:1fr;gap:1.4rem}.about-copy{order:2;padding:2rem 1.35rem}.about-copy h2{margin-bottom:1.6rem;font-size:1.75rem}.about-copy p{font-size:.98rem}.about-visual{order:1}.about-visual img{width:min(260px,72vw)}.coin-page{padding:6.5rem 1.4rem 4.5rem;gap:.8rem;min-height:calc(100vh - 3rem)}.coin-title{font-size:2.6rem;letter-spacing:2px}.coin-img{width:240px;height:240px}.coin-subtitle{width:min(360px,92vw);min-height:112px;padding:2rem 1.25rem;font-size:1.23rem}.coin-btn{max-width:none}}.card-page{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.4rem;min-height:calc(100vh - 5rem);padding:8.6rem 2rem 3rem}.card-subtitle{margin:0 auto .8rem;width:min(1080px,86vw);min-height:126px;padding:2.7rem 2rem;border-radius:18px;background-color:hsla(0,0%,100%,.5);background-image:linear-gradient(hsla(0,0%,100%,.34),hsla(0,0%,100%,.34)),url("/watercolor paper texture.jpg");background-size:cover;background-position:50%;background-blend-mode:normal,multiply;box-shadow:0 4px 11.4px rgba(0,0,0,.13);color:#363636;font-size:1.27rem;line-height:1.35;white-space:pre-line}.card-fan{position:relative;width:100%;max-width:1100px;height:420px;display:flex;align-items:flex-start;justify-content:center;margin:0}.card-slot{position:absolute;width:180px;height:270px;top:20px;perspective:900px;cursor:url(/cursor32.png) 6 6,pointer!important;transform-origin:50% 250%;transform:rotate(var(--fan-angle));transition:transform .4s ease,z-index 0s;border-radius:14px}.card-slot:hover:not(.chosen){transform:rotate(var(--fan-angle)) translateY(-20px)}.card-slot.chosen{transform:rotate(0deg);transform-origin:center center}.card-slot.zoomed{transform:rotate(0deg) scale(1.9);transform-origin:center center}.card-inner{position:relative;width:100%;height:100%;transition:transform .7s ease;transform-style:preserve-3d}.card-slot.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;inset:0;border-radius:14px;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.card-back{border:2px solid var(--accent-soft);box-shadow:none;overflow:hidden}.card-back-image{display:block;width:100%;height:100%;object-fit:cover}.card-front{background:transparent;border:0;box-shadow:none;transform:rotateY(180deg);padding:0;overflow:hidden}.card-front-image{display:block;width:100%;height:100%;object-fit:cover}.card-front-overlay{position:absolute;inset:0;display:none}.card-image-prompt{margin:-1.2rem auto 0;width:min(760px,82vw);min-height:92px;padding:2rem 2.2rem;border-radius:18px;background-color:hsla(0,0%,100%,.5);background-image:linear-gradient(hsla(0,0%,100%,.34),hsla(0,0%,100%,.34)),url("/watercolor paper texture.jpg");background-size:cover;background-position:50%;background-blend-mode:normal,multiply;box-shadow:0 4px 11.4px rgba(0,0,0,.13);color:#363636;font-size:1.27rem;line-height:1.35;animation:crystal-dissolve-in .5s ease both}.wheel-page{width:min(1180px,94vw);min-height:calc(100vh - 5rem);padding:8.6rem 2rem 3rem;text-align:center}.wheel-subtitle{margin:0 auto 1.5rem;width:min(1080px,86vw);min-height:126px;padding:2.7rem 2rem;border-radius:18px;background-color:hsla(0,0%,100%,.5);background-image:linear-gradient(hsla(0,0%,100%,.34),hsla(0,0%,100%,.34)),url("/watercolor paper texture.jpg");background-size:cover;background-position:50%;background-blend-mode:normal,multiply;box-shadow:0 4px 11.4px rgba(0,0,0,.13);color:#363636;font-size:1.27rem;line-height:1.35}.wheel-workspace{display:grid;grid-template-columns:minmax(280px,380px) minmax(420px,620px);grid-gap:3rem;gap:3rem;align-items:start;justify-content:center}.wheel-controls{width:100%;display:flex;flex-direction:column;gap:1rem;text-align:left;padding-top:1.3rem}.wheel-choice-field span,.wheel-count-label{display:block;margin-bottom:.35rem;font-size:1rem;line-height:1.2}.wheel-choice-field input,.wheel-controls select{width:100%;min-height:52px;border:2px solid rgba(95,61,125,.35);border-radius:8px;background:hsla(0,0%,100%,.82);color:var(--text);font:inherit;padding:.7rem .9rem;outline:none}.wheel-choice-field input:focus-visible,.wheel-controls select:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.wheel-choice-field input:disabled,.wheel-controls select:disabled{opacity:.65}.wheel-inputs{gap:.75rem}.wheel-inputs,.wheel-stage{display:flex;flex-direction:column}.wheel-stage{width:100%;min-height:620px;align-items:center;justify-content:flex-start;position:relative}.wheel-frame{--wheel-size:min(540px,82vw);position:relative;width:var(--wheel-size);aspect-ratio:1;background-image:url("/back of wheel.png");background-size:contain;background-position:50%;background-repeat:no-repeat}.fortune-wheel{position:absolute;inset:12.8%;border-radius:50%;background:conic-gradient(var(--wheel-gradient));overflow:hidden}.wheel-sector-label{position:absolute;inset:50% auto auto 50%;width:42%;height:0;transform:rotate(var(--label-angle)) translateY(calc(var(--wheel-size) * -.22));transform-origin:0 0;text-align:center;color:#fff;pointer-events:none}.wheel-sector-label span{display:block;max-width:100%;transform:translateX(-50%) rotate(calc(var(--label-angle) * -1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.8rem,2.1vw,1.15rem);line-height:1.15}.wheel-hub{left:50%;top:50%;width:22%;height:auto;transform:translate(-50%,-50%)}.wheel-hub,.wheel-pointer-track{position:absolute;pointer-events:none}.wheel-pointer-track{top:0;width:min(540px,82vw);aspect-ratio:1;z-index:3}.wheel-pointer{position:absolute;inset:0;border-radius:50%;transform-origin:center;transition:transform 3.6s cubic-bezier(.12,.68,.11,1)}.wheel-pointer-image{position:absolute;left:50%;top:50%;width:22%;height:auto;transform:translateY(-50%) rotate(-90deg);transform-origin:0 50%;pointer-events:none}.wheel-spin-btn{width:min(360px,100%);margin-top:1.35rem;filter:none;box-shadow:none}.wheel-spin-btn:active,.wheel-spin-btn:not(:disabled):hover{filter:none}.wheel-message{min-height:1.4rem;margin:1rem 0 0;font-size:1.3rem;line-height:1.3}.wheel-message.error{color:#9f2d42}.wheel-message.result strong{color:var(--accent-dark)}@media (max-width:840px){.card-page{padding:6.5rem 1rem 4.5rem;gap:1rem}.card-subtitle{width:min(360px,92vw);min-height:112px;padding:2rem 1.25rem;font-size:1.23rem}.card-fan{height:300px}.card-slot{width:110px;height:165px}.card-slot.zoomed{transform:rotate(0deg) scale(1.55)}.card-image-prompt{margin-top:-.5rem;width:min(360px,92vw);min-height:86px;padding:1.6rem 1.25rem;font-size:1.08rem}.wheel-page{width:min(680px,94vw);padding:6.5rem 1rem 4.5rem}.wheel-subtitle{width:min(360px,92vw);min-height:112px;padding:2rem 1.25rem;font-size:1.23rem;margin-bottom:1rem}.wheel-workspace{grid-template-columns:1fr;gap:1.5rem}.wheel-controls{order:2;padding-top:0;text-align:center}.wheel-stage{order:1;min-height:0}.wheel-frame,.wheel-pointer-track{--wheel-size:min(360px,88vw);width:var(--wheel-size)}.wheel-hub{width:24%}.wheel-pointer-image{width:22%}.wheel-message{font-size:1.05rem}}.crystal-page{width:calc(100vw / .9);min-height:calc(100vh - 5rem);padding:11rem 1.5rem 3rem;text-align:center;background:transparent;border-radius:0}.crystal-page.has-reading{padding-top:8.2rem}.crystal-subtitle{margin:0 auto;width:min(1080px,86vw);min-height:126px;padding:2.7rem 2rem;border-radius:18px;background-color:hsla(0,0%,100%,.5);background-image:linear-gradient(hsla(0,0%,100%,.34),hsla(0,0%,100%,.34)),url("/watercolor paper texture.jpg");background-size:cover;background-position:50%;background-blend-mode:normal,multiply;box-shadow:0 4px 11.4px rgba(0,0,0,.13);font-size:1.27rem;line-height:1.35;color:#363636;white-space:pre-line;animation:crystal-dissolve-in .48s ease both}.crystal-field{width:min(1120px,100%);min-height:0;margin:3.6rem auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;align-items:center;grid-gap:3rem 2.4rem;gap:3rem 2.4rem}.crystal-choice{position:relative;width:clamp(230px,23vw,300px);aspect-ratio:1;padding:0;border:0;background:transparent;cursor:url(/cursor32.png) 6 6,pointer!important;transform:translate(var(--crystal-entry-x),var(--crystal-entry-y)) rotate(var(--crystal-rotation)) scale(.94);transform-origin:center;opacity:.38;filter:grayscale(24%) saturate(62%) blur(.3px);pointer-events:none;z-index:0;transition:transform .65s ease,filter .65s ease,opacity .65s ease}.crystal-choice:after,.selected-crystal:after{content:"";position:absolute;left:16%;right:16%;bottom:8%;height:13%;border-radius:50%;background:rgba(88,82,91,.28);filter:blur(12px);transform:rotate(-2deg);z-index:-1;pointer-events:none}.crystal-field.is-visible .crystal-choice{opacity:1;filter:none;pointer-events:auto;transform:translate(var(--crystal-offset-x),var(--crystal-offset-y)) rotate(var(--crystal-rotation))}.crystal-choice:focus-visible,.crystal-choice:hover{filter:drop-shadow(0 10px 14px rgba(95,61,125,.22));transform:translate(var(--crystal-offset-x),var(--crystal-offset-y)) rotate(var(--crystal-rotation)) scale(1.06);outline:none}.crystal-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;transform:scale(var(--crystal-art-scale,1));transform-origin:center}.crystal-reading{width:min(1320px,92vw);min-height:545px;margin:7.2rem auto 0;position:relative;display:grid;grid-template-columns:minmax(260px,430px) minmax(420px,650px);grid-gap:4rem;gap:4rem;align-items:center;justify-content:center;animation:crystal-dissolve-in .5s ease both}.crystal-reading.is-detail{padding:3.8rem 7rem 3.5rem;border-radius:18px;background-color:hsla(0,0%,100%,.5);background-image:linear-gradient(hsla(0,0%,100%,.34),hsla(0,0%,100%,.34)),url("/watercolor paper texture.jpg");background-size:cover;background-position:50%;background-blend-mode:normal,multiply;box-shadow:0 18px 38px rgba(95,61,125,.05)}.crystal-reading.is-gate{width:min(1020px,86vw);min-height:430px;margin-top:1.8rem;grid-template-columns:minmax(260px,390px) minmax(360px,565px);gap:3.2rem}.selected-crystal{position:relative;width:min(440px,100%);aspect-ratio:1;justify-self:center;z-index:0}.crystal-reading.is-gate .selected-crystal{width:min(390px,100%)}.selected-crystal:after{left:13%;right:13%;bottom:9%;height:12%;filter:blur(14px)}.crystal-gate-card{position:relative;width:100%;min-height:164px;padding:2.35rem 3rem 1.3rem;border-radius:18px;background-color:hsla(0,0%,100%,.5);background-image:linear-gradient(hsla(0,0%,100%,.34),hsla(0,0%,100%,.34)),url("/watercolor paper texture.jpg");background-size:cover;background-position:50%;background-blend-mode:normal,multiply;color:#363636;text-align:left;box-shadow:0 4px 11.4px rgba(0,0,0,.13);animation:crystal-dissolve-in .5s ease both}.crystal-gate-card .crystal-gate-close{top:1.05rem;right:1.05rem;width:46px;height:46px}.crystal-gate-card p{margin:0;max-width:500px;font-size:1.28rem;line-height:1.33;white-space:pre-line}.crystal-gate-card strong{display:inline-block;margin-bottom:1.15rem;font-weight:900;text-shadow:.035em 0 currentColor,-.015em 0 currentColor}.crystal-reveal{position:absolute;right:1.05rem;bottom:1.25rem;display:block;width:104px;height:46px;margin:0;padding:0;border:0;background:transparent;cursor:url(/cursor32.png) 6 6,pointer!important;transition:transform .16s ease,filter .16s ease}.crystal-reveal img{width:100%;height:100%;object-fit:contain;pointer-events:none}.crystal-reveal:focus-visible,.crystal-reveal:hover{filter:drop-shadow(0 5px 5px rgba(95,61,125,.18));transform:translateX(3px)}.crystal-reveal:focus-visible{outline:2px solid rgba(69,40,95,.75);outline-offset:5px}.crystal-info{position:relative;min-height:0;padding:0;border-radius:0;background:transparent;color:#363636;text-align:left;animation:crystal-dissolve-in .5s ease both}.crystal-info h2{margin:0 4rem 2rem 0;font-size:clamp(4.4rem,5.7vw,6.4rem);line-height:.95;font-weight:400;text-align:center}.crystal-info p{margin:0 0 2rem;padding-bottom:1rem;border-bottom:1px solid rgba(54,54,54,.75);font-size:1.16rem;line-height:1.35}.crystal-info h3{margin:0 0 1.45rem;font-size:1.28rem;line-height:1.2;font-weight:400}.crystal-info ul{margin:0;padding-left:1.55rem;display:flex;flex-direction:column;gap:1.55rem;list-style-type:square}.crystal-info li{padding-left:.4rem;font-size:1.16rem;line-height:1.35}.crystal-close{position:absolute;top:1rem;right:1rem;width:54px;height:54px;padding:0;border:0;background:transparent;cursor:url(/cursor32.png) 6 6,pointer!important}@keyframes crystal-dissolve-in{0%{opacity:0;filter:blur(5px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.coffee-grounds-pattern,.coffee-guide-panel,.crystal-gate-card,.crystal-info,.crystal-reading,.crystal-subtitle{animation:none}.coffee-cup.is-drinking .coffee-liquid{animation:none;transform:scale(.36)}}.crystal-close img{width:100%;height:100%;object-fit:contain;pointer-events:none}.crystal-footer{margin:3.8rem auto 0;max-width:1160px;font-size:1.22rem;line-height:1.35;color:#363636}.crystal-page:not(.has-reading) .crystal-footer{display:none}.coffee-page{width:calc(100vw / .9);min-height:calc(100vh - 5rem);padding:12rem 1.5rem 3rem;text-align:center;background:transparent;color:#363636}.coffee-page.has-grounds{padding-top:12rem}.coffee-subtitle{margin:0 auto;width:min(1080px,86vw);min-height:84px;padding:1.65rem 2rem;border-radius:14px;background-color:hsla(0,0%,100%,.56);background-image:linear-gradient(hsla(0,0%,100%,.32),hsla(0,0%,100%,.32)),url("/watercolor paper texture.jpg");background-size:cover;background-position:50%;background-blend-mode:normal,multiply;box-shadow:0 4px 11.4px rgba(0,0,0,.13);font-size:1.22rem;line-height:1.38;white-space:pre-line}.coffee-page.has-grounds .coffee-subtitle{min-height:150px;padding:1.9rem 4.2rem}.coffee-stage{position:relative;width:min(940px,92vw);min-height:470px;margin:2.1rem auto 0}.coffee-cup{--coffee-rotation:0deg;position:relative;width:clamp(292px,34vw,420px);aspect-ratio:1;margin:0 auto;transform:rotate(var(--coffee-rotation));transform-origin:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .18s ease}.coffee-cup.is-readable{cursor:-webkit-grab;cursor:grab}.coffee-cup.is-readable:active{cursor:-webkit-grabbing;cursor:grabbing}.coffee-rim{position:absolute;inset:0;border-radius:50%;background:#d8d8d8;z-index:1}.coffee-inner{inset:6.8%;background:#bcb8c0}.coffee-inner,.coffee-liquid{position:absolute;overflow:hidden;border-radius:50%}.coffee-liquid{inset:0;background:transparent;transform-origin:50% 50%}.coffee-surface-image{object-fit:contain;transform:scale(1.18)}.coffee-cup.is-drinking .coffee-liquid{animation:coffee-drink-down 1.05s cubic-bezier(.65,0,.35,1) forwards}.coffee-cup.is-readable .coffee-liquid{opacity:0}.coffee-grounds-pattern{object-fit:contain;padding:3%;opacity:.86;mix-blend-mode:multiply;animation:crystal-dissolve-in .55s ease both}.coffee-handle{position:absolute;width:30%;height:11%;top:44.5%;right:-22%;border-radius:0 10px 10px 0;background:#d8d8d8;z-index:0}.coffee-action{position:relative;z-index:6;display:block;width:min(352px,76vw);min-height:50px;margin:-2.15rem auto 0}.coffee-action:focus-visible,.coffee-action:hover{outline:none}.coffee-action:disabled{opacity:.72;cursor:default!important}.coffee-guide-trigger{position:fixed;top:9.1rem;right:3.85rem;z-index:35;width:66px;height:66px;border:0;background:transparent;color:#664283;font:inherit;font-size:4.35rem;line-height:.86;cursor:url(/cursor32.png) 6 6,pointer!important}.coffee-drag-note{position:absolute;left:5%;top:5%;margin:0;color:#664283;font-size:1.32rem}.coffee-drag-note:before{display:none}.coffee-guide-panel{position:fixed;z-index:34;top:13.75rem;right:3.85rem;width:min(390px,43vw);max-height:min(630px,calc(100vh - 14.2rem));overflow:auto;padding:1.55rem 1.65rem 1.45rem;border-radius:12px;background-color:hsla(0,0%,100%,.96);background-image:linear-gradient(hsla(0,0%,100%,.24),hsla(0,0%,100%,.24)),url("/watercolor paper texture.jpg");background-size:cover;color:#363636;box-shadow:0 8px 22px rgba(56,38,69,.16);text-align:left;animation:crystal-dissolve-in .25s ease both}.coffee-guide-panel h2{margin:0 0 .45rem;color:#664283;font-size:1.18rem}.coffee-guide-panel p{margin:0 0 .75rem;font-size:.82rem;line-height:1.35}.coffee-guide-panel ul{margin:0;padding:0;list-style:none}.coffee-guide-panel li{margin:0 0 .64rem;font-size:.78rem;line-height:1.32}.coffee-guide-panel strong{color:#5c3c78}@keyframes coffee-drink-down{0%{transform:scale(1)}45%{transform:scale(.86)}to{transform:scale(.36)}}@media (max-width:840px){.crystal-page{width:calc(100vw / .9);min-height:calc(100vh - 3rem);padding:8.8rem .8rem 3.5rem}.crystal-page.has-reading{padding-top:7.4rem}.crystal-subtitle{width:min(360px,92vw);min-height:112px;padding:2rem 1.25rem;font-size:1.23rem}.crystal-field{margin-top:3rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem}.crystal-choice{width:min(42vw,190px)}.crystal-reading{min-height:auto;grid-template-columns:1fr;gap:1.3rem;align-items:center;width:min(390px,94vw);margin-top:5.2rem}.crystal-reading.is-detail{padding:2rem 1.35rem 1.6rem}.crystal-reading.is-gate{width:min(390px,94vw);min-height:auto;margin-top:1.2rem;grid-template-columns:1fr;gap:1.5rem}.selected-crystal{width:min(270px,72vw)}.crystal-reading.is-gate .selected-crystal{width:min(300px,78vw)}.crystal-gate-card{min-height:146px;padding:3.1rem 1.45rem 4.4rem}.crystal-gate-card .crystal-gate-close{top:.7rem;right:.7rem;width:40px;height:40px}.crystal-gate-card p{font-size:1.02rem}.crystal-reveal{width:86px;height:38px;right:.72rem;bottom:.95rem}.crystal-info{min-height:0;width:100%;padding:0;border-radius:0}.crystal-info h2{margin-right:3rem;font-size:clamp(2.1rem,9vw,3rem)}.crystal-footer,.crystal-info h3,.crystal-info li,.crystal-info p{font-size:.98rem}.crystal-info p{margin-bottom:1.8rem}.crystal-info ul{gap:1rem}.crystal-close{top:.45rem;right:.45rem;width:44px;height:44px}.crystal-footer{margin-top:1.3rem;max-width:330px}.coffee-page{min-height:calc(100vh - 4rem);padding:8.2rem 1rem 2.4rem}.coffee-page.has-grounds{padding-top:8.2rem}.coffee-page.has-grounds .coffee-subtitle,.coffee-subtitle{width:min(92vw,720px);min-height:0;padding:1.25rem;font-size:1rem}.coffee-stage{min-height:392px;margin-top:3.6rem}.coffee-cup{width:min(70vw,310px)}.coffee-guide-trigger{position:fixed;top:14.85rem;left:1.45rem;right:auto;z-index:35;width:46px;height:46px;font-size:3.1rem}.coffee-drag-note{position:fixed;left:4.85rem;top:15.05rem;z-index:35;font-size:1.02rem}.coffee-drag-note:before{width:56px;height:48px;right:-48px;top:18px}.coffee-action{margin-top:-.35rem;min-height:48px;font-size:1rem}.coffee-guide-panel{position:fixed;top:19rem;left:1.45rem;right:auto;width:min(88vw,440px);max-height:min(510px,calc(100vh - 20rem));transform:none}}