@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cinzel+Decorative:wght@400;700&family=IM+Fell+English:ital@0;1&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:IM Fell English,serif;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden;background:#f0e0c0}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 70% 65% at 50% 45%,#fdf3e0 0%,transparent 70%),radial-gradient(ellipse 110% 110% at 50% 50%,transparent 50%,#c8a46a 100%),radial-gradient(ellipse 80% 40% at 50% 0%,#e8c890 0%,transparent 60%),radial-gradient(ellipse 70% 35% at 50% 100%,#c89850 0%,transparent 60%),linear-gradient(160deg,#f5e4c0,#ead8a8 40%,#e0c898,#d4b880);pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(.8px .8px at 8% 12%,rgba(120,80,20,.18) 0%,transparent 100%),radial-gradient(.6px .6px at 21% 34%,rgba(100,60,10,.12) 0%,transparent 100%),radial-gradient(.8px .8px at 37% 18%,rgba(140,90,30,.15) 0%,transparent 100%),radial-gradient(.5px .5px at 52% 57%,rgba(100,65,15,.1) 0%,transparent 100%),radial-gradient(.7px .7px at 68% 29%,rgba(120,75,20,.14) 0%,transparent 100%),radial-gradient(.6px .6px at 83% 44%,rgba(110,70,15,.12) 0%,transparent 100%),radial-gradient(.8px .8px at 14% 67%,rgba(130,85,25,.16) 0%,transparent 100%),radial-gradient(.5px .5px at 44% 78%,rgba(100,60,10,.1) 0%,transparent 100%),radial-gradient(.7px .7px at 76% 82%,rgba(120,78,20,.13) 0%,transparent 100%),radial-gradient(.6px .6px at 92% 61%,rgba(110,68,12,.11) 0%,transparent 100%),radial-gradient(.8px .8px at 29% 91%,rgba(130,82,22,.14) 0%,transparent 100%),radial-gradient(.5px .5px at 59% 96%,rgba(105,62,14,.1) 0%,transparent 100%);pointer-events:none;z-index:0;mix-blend-mode:multiply}#root{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative;z-index:1}.app-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:1.5rem;width:100%;max-width:680px;gap:1.2rem}.particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;color:#b8860b;font-size:10px;opacity:0;animation:particleDrift linear infinite}.particle-1{left:5%;font-size:8px;animation-duration:12s;animation-delay:0s}.particle-2{left:12%;font-size:10px;animation-duration:16s;animation-delay:-4s}.particle-3{left:20%;font-size:7px;animation-duration:14s;animation-delay:-8s}.particle-4{left:30%;font-size:11px;animation-duration:18s;animation-delay:-2s}.particle-5{left:42%;font-size:8px;animation-duration:13s;animation-delay:-6s}.particle-6{left:55%;font-size:10px;animation-duration:17s;animation-delay:-1s}.particle-7{left:65%;font-size:9px;animation-duration:15s;animation-delay:-9s}.particle-8{left:74%;font-size:12px;animation-duration:20s;animation-delay:-3s}.particle-9{left:83%;font-size:7px;animation-duration:11s;animation-delay:-5s}.particle-10{left:90%;font-size:9px;animation-duration:14s;animation-delay:-7s}.particle-11{left:96%;font-size:8px;animation-duration:16s;animation-delay:-11s}.particle-12{left:35%;font-size:6px;animation-duration:19s;animation-delay:-13s}.particle-13{left:60%;font-size:11px;animation-duration:12s;animation-delay:-10s}.particle-14{left:78%;font-size:7px;animation-duration:15s;animation-delay:-14s}@keyframes particleDrift{0%{transform:translateY(110vh) rotate(0);opacity:0}5%{opacity:.55}90%{opacity:.35}to{transform:translateY(-10vh) rotate(360deg);opacity:0}}.app-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.app-eyebrow{font-family:Cinzel,serif;font-size:clamp(.6rem,1.6vw,.75rem);color:#7a4f1a;letter-spacing:.22em;text-transform:uppercase;opacity:.75}.app-title{font-family:Cinzel Decorative,serif;font-size:clamp(1.8rem,5.5vw,3rem);font-weight:700;color:#3a1a06;text-shadow:0 1px 0 rgba(255,220,150,.6),0 2px 8px rgba(180,100,20,.25),0 4px 20px rgba(140,70,10,.15);letter-spacing:.06em;line-height:1.1}.ornament-divider{display:flex;align-items:center;gap:.7rem;width:100%;max-width:320px;margin:.1rem 0}.ornament-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#b8860b,transparent)}.ornament-symbol{font-size:.85rem;color:#b8860b;line-height:1;text-shadow:0 0 8px rgba(184,134,11,.5)}.app-subtitle{font-family:IM Fell English,serif;font-style:italic;font-size:clamp(.8rem,2vw,.95rem);color:#6b3e10;letter-spacing:.06em;opacity:.75}.ball-scene{display:flex;flex-direction:column;align-items:center;gap:0}.ball-floater{animation:ballFloat 3.2s ease-in-out infinite}.ball-floater.paused{animation-play-state:paused}@keyframes ballFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.ball-shadow{width:clamp(180px,40vw,280px);height:clamp(16px,3.5vw,26px);background:radial-gradient(ellipse,rgba(90,45,10,.5) 0%,rgba(120,70,20,.25) 45%,transparent 75%);border-radius:50%;margin-top:6px;animation:shadowFloat 3.2s ease-in-out infinite}@keyframes shadowFloat{0%,to{transform:scaleX(1);opacity:.55}50%{transform:scaleX(.72);opacity:.22}}.ball-shadow.shaking-shadow{animation-play-state:paused}.ball{position:relative;width:clamp(320px,55vw,480px);height:clamp(320px,55vw,480px);border-radius:50%;background:url(/8ball.png) center / cover no-repeat,#000;box-shadow:0 0 0 2px #c8963c1a,0 8px 28px #3c1e05b3,0 28px 80px #50280a80,0 55px 100px #b46e1e33,inset 0 0 60px #c8781e0f;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;overflow:hidden}.ball-highlight-large{position:absolute;top:6%;left:12%;width:36%;height:26%;background:radial-gradient(ellipse at 40% 40%,rgba(255,240,210,.26) 0%,rgba(255,220,160,.1) 40%,transparent 100%);border-radius:50%;transform:rotate(-22deg);pointer-events:none;z-index:10}.ball-highlight-small{position:absolute;top:9%;left:20%;width:10%;height:7%;background:radial-gradient(ellipse,rgba(255,245,220,.42) 0%,transparent 75%);border-radius:50%;pointer-events:none;z-index:10}.ball-rim-light{position:absolute;bottom:5%;left:18%;right:18%;height:10%;background:radial-gradient(ellipse,rgba(200,130,40,.12) 0%,transparent 80%);border-radius:50%;pointer-events:none;z-index:10}.ball-eight-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);width:34%;height:34%;background:radial-gradient(circle at 36% 30%,#fff,#f2f2f2 28%,#dcdcdc 60%,#c4c4c4);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #000000bf,0 2px 6px #0000008c,inset 0 3px 5px #fffffff2,inset 0 -4px 10px #0003;z-index:5;transition:opacity .28s ease}.ball-eight-circle.hidden{opacity:0;pointer-events:none}.ball-eight-svg{width:44%;height:62%;filter:drop-shadow(0 1px 0 rgba(255,255,255,.55)) drop-shadow(0 2px 5px rgba(0,0,0,.28));-webkit-user-select:none;user-select:none}.ball-triangle-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);width:72%;height:72%;z-index:6;opacity:0;transition:opacity .45s ease .05s;pointer-events:none}.ball-triangle-wrapper.visible{opacity:1}@keyframes ballShake{0%{transform:rotate(0) scale(1) translate(0)}4%{transform:rotate(-10deg) scale(.96) translate(-8px,3px)}9%{transform:rotate(10deg) scale(1.03) translate(8px,-4px)}15%{transform:rotate(-8deg) scale(.97) translate(-6px,2px)}21%{transform:rotate(8deg) scale(1.02) translate(6px,-2px)}28%{transform:rotate(-6deg) scale(.99) translate(-5px,1px)}35%{transform:rotate(6deg) scale(1.01) translate(5px,-1px)}43%{transform:rotate(-4deg) scale(1) translate(-3px,1px)}52%{transform:rotate(4deg) scale(1) translate(3px)}62%{transform:rotate(-2deg) scale(1) translate(-2px)}73%{transform:rotate(2deg) scale(1) translate(2px)}84%{transform:rotate(-1deg) scale(1) translate(-1px)}93%{transform:rotate(1deg) scale(1) translate(1px)}to{transform:rotate(0) scale(1) translate(0)}}.ball.shaking{animation:ballShake 1.2s cubic-bezier(.36,.07,.19,.97) forwards}.controls{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:560px}.input-wrapper{position:relative;width:100%}.input-icon{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:#b8860b;font-size:.75rem;pointer-events:none;opacity:.7}.question-input{width:100%;padding:1.15rem 1.5rem 1.15rem 2.8rem;font-family:IM Fell English,serif;font-style:italic;font-size:1.15rem;color:#3a1a06;background:#fff8e6cc;border:1.5px solid rgba(160,100,30,.35);border-radius:10px;outline:none;transition:border-color .22s,box-shadow .22s,background .22s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 2px 6px #8c500a1a,0 2px 8px #78460a1f}.question-input::placeholder{color:#643c146b;font-style:italic}.question-input:focus{border-color:#b8860bb3;background:#fffcf0eb;box-shadow:0 0 0 3px #b8860b24,inset 0 2px 6px #8c500a14,0 2px 12px #b8860b26}.question-input:disabled{opacity:.48;cursor:not-allowed}.ask-button{width:100%;padding:1.2rem 2.5rem;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;letter-spacing:.08em;color:#fdf3d8;background:linear-gradient(135deg,#6b2d0a,#3d1205 55%,#5c2208);border:none;border-radius:10px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s;box-shadow:0 4px 20px #501e0573,0 2px 8px #0000004d,inset 0 1px #ffdc9633;position:relative;overflow:hidden}.ask-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,210,120,.12),transparent);transition:left .5s ease}.ask-button:hover:not(:disabled):before{left:100%}.ask-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #64280880,0 4px 12px #0000004d,inset 0 1px #ffdc9633}.ask-button:active:not(:disabled){transform:translateY(0) scale(.985)}.ask-button:disabled{opacity:.52;cursor:not-allowed}.hint-text{font-family:IM Fell English,serif;font-style:italic;font-size:.88rem;text-align:center;min-height:1.2em;letter-spacing:.04em}.hint-text.error{color:#8b1a1a}.hint-text.muted{color:#643c1485}.app-footer{margin-top:-.4rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.footer-ornament{font-family:Cinzel,serif;color:#b8860b;font-size:.75rem;letter-spacing:.3em;opacity:.55}.footer-nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.footer-nav a{font-family:Cinzel,serif;font-size:.7rem;color:#7a4f1a;text-decoration:none;letter-spacing:.06em;opacity:.75;transition:opacity .18s}.footer-nav a:hover{opacity:1;text-decoration:underline}.footer-sep{color:#b8860b;font-size:.65rem;opacity:.5}.footer-copy{font-family:IM Fell English,serif;font-size:.65rem;color:#7a4f1a;opacity:.5}.history-container{position:relative;width:100%}.history-toggle{width:100%;display:flex;align-items:center;gap:.45rem;padding:.5rem 1rem;background:#fff8e673;border:1px solid rgba(184,134,11,.3);border-radius:8px;cursor:pointer;font-family:Cinzel,serif;font-size:.72rem;color:#7a4f1a;letter-spacing:.06em;transition:background .18s,border-color .18s}.history-toggle:hover:not(:disabled){background:#fff8e6b3;border-color:#b8860b8c}.history-toggle:disabled{opacity:.45;cursor:not-allowed}.history-icon{color:#b8860b;font-size:.75rem}.history-chevron{margin-left:auto;font-size:.8rem;color:#b8860b;opacity:.7;display:inline-block;transition:transform .18s}.history-chevron.open{transform:rotate(180deg)}.history-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;list-style:none;margin:0;padding:.35rem 0;background:#fdf5e0;border:1px solid rgba(184,134,11,.35);border-radius:10px;box-shadow:0 6px 24px #643c0a2e}.history-item{width:100%;display:flex;align-items:baseline;gap:.6rem;padding:.55rem 1rem;background:none;border:none;cursor:pointer;text-align:left;transition:background .14s}.history-item:hover{background:#b8860b1a}.history-item-num{font-family:Cinzel,serif;font-size:.65rem;color:#b8860b;opacity:.7;min-width:1rem}.history-item-text{font-family:IM Fell English,serif;font-size:.9rem;color:#3a1a06;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-bg{position:fixed;inset:0;background:radial-gradient(ellipse 70% 65% at 50% 45%,#fdf3e0 0%,transparent 70%),radial-gradient(ellipse 110% 110% at 50% 50%,transparent 50%,#c8a46a 100%),radial-gradient(ellipse 80% 40% at 50% 0%,#e8c890 0%,transparent 60%),radial-gradient(ellipse 70% 35% at 50% 100%,#c89850 0%,transparent 60%),linear-gradient(160deg,#f5e4c0,#ead8a8 40%,#e0c898,#d4b880);z-index:0}.page-container{position:relative;z-index:1;min-height:100vh;width:100%;max-width:760px;margin:0 auto;padding:2rem 2rem 3rem;display:flex;flex-direction:column;gap:0}.page-back-link{font-family:Cinzel,serif;font-size:.8rem;color:#7a4f1a;text-decoration:none;letter-spacing:.08em;opacity:.75;align-self:flex-start;margin-bottom:1.8rem;transition:opacity .18s}.page-back-link:hover{opacity:1}.page-header{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:2.2rem}.page-title{font-family:Cinzel Decorative,serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;color:#3a1a06;text-shadow:0 1px 0 rgba(255,220,150,.6),0 2px 8px rgba(180,100,20,.2);letter-spacing:.06em;text-align:center}.page-body{flex:1;display:flex;flex-direction:column;gap:0}.page-intro{font-family:IM Fell English,serif;font-style:italic;font-size:.88rem;color:#7a4f1a;opacity:.7;margin-bottom:1.6rem}.page-section{margin-bottom:2rem;border-top:1px solid rgba(184,134,11,.18);padding-top:1.5rem}.page-section:first-child{border-top:none;padding-top:0}.page-section h2{font-family:Cinzel,serif;font-size:.85rem;font-weight:700;color:#5a2e08;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem}.page-section p,.page-section li{font-family:IM Fell English,serif;font-size:1rem;line-height:1.8;color:#3a1a06;margin-bottom:.6rem}.page-section ul{padding-left:1.4rem;margin-bottom:.6rem}.page-section li{margin-bottom:.3rem}.page-address{font-family:IM Fell English,serif;font-style:normal;font-size:1rem;line-height:1.9;color:#3a1a06;padding:1rem 1.4rem;background:#fff8e68c;border:1px solid rgba(184,134,11,.22);border-radius:8px;display:inline-block}.main-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(184,134,11,.2);display:flex;flex-direction:column;align-items:center;gap:.6rem}.history-panel{width:100%;max-width:460px;display:flex;flex-direction:column;gap:.6rem}.history-header{display:flex;align-items:center;gap:.65rem}.history-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(160,100,30,.35),transparent)}.history-title{font-family:Cinzel,serif;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#7a4f1a;opacity:.7;white-space:nowrap}.history-list{list-style:none;display:flex;flex-direction:column;gap:.4rem;max-height:11rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(160,100,30,.25) transparent}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:transparent}.history-list::-webkit-scrollbar-thumb{background:#a0641e40;border-radius:4px}.history-entry{display:flex;align-items:baseline;gap:.45rem;padding:.5rem .8rem;background:#fff8e18c;border:1px solid rgba(160,100,30,.18);border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 1px 3px #8c500a0f,0 1px 4px #78460a14;flex-wrap:wrap;row-gap:.1rem}.history-question{font-family:IM Fell English,serif;font-style:italic;font-size:.85rem;color:#4a2810;flex:1;min-width:0;word-break:break-word}.history-arrow{font-family:Cinzel,serif;font-size:.7rem;color:#b8860b;opacity:.7;flex-shrink:0}.history-answer{font-family:Cinzel,serif;font-size:.75rem;font-weight:600;letter-spacing:.04em;color:#6b2d0a;flex-shrink:0;text-align:right}@media(max-width:480px){.app-container{padding:1.8rem 1rem 1.6rem;gap:1.3rem}.app-title{font-size:clamp(1.5rem,8vw,2rem)}.ask-button,.question-input{font-size:.92rem}}