:root{color-scheme:dark;--ink:#f6efe2;--muted:#b9aa92;--line:rgba(246,239,226,0.18);--panel:rgba(20,18,28,0.78);--deep:#0b0a12;--violet:#5d4aa8;--wine:#8b3156;--gold:#d8b568;--green:#48745e;--blue:#385c78;--shadow:rgba(0,0,0,0.45);--arcana-0:#d8b568;--arcana-1:#8b3156;--arcana-2:#5d4aa8;--arcana-3:#48745e;--arcana-4:#385c78;--arcana-5:#c36a4a}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Noto Sans Thai,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 18% 20%,rgba(139,49,86,.34),transparent 28rem),radial-gradient(circle at 84% 10%,rgba(56,92,120,.28),transparent 24rem),linear-gradient(135deg,#08070d,#15111c 45%,#0d1015);overflow-x:hidden}body.modal-open{overflow:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(216,181,104,.06) 1px,transparent 0),linear-gradient(90deg,rgba(216,181,104,.05) 1px,transparent 0);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 85%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 85%)}.app-shell{width:min(1160px,calc(100% - 32px));min-height:calc(100vh - 88px);margin:0 auto;display:grid;grid-template-columns:380px 1fr;grid-gap:32px;gap:32px;align-items:center;padding:40px 0}.oracle-panel{position:-webkit-sticky;position:sticky;top:32px;align-self:start;display:grid;justify-items:center;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 22px 60px var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;text-align:center}.brand-mark{width:72px;aspect-ratio:1;display:grid;place-items:center;margin:0 auto 22px;border:1px solid rgba(216,181,104,.5);transform:rotate(45deg)}.brand-mark span{width:38px;aspect-ratio:1;border:1px solid rgba(246,239,226,.42)}.brand-mark i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold)}.kicker,.reading-label{margin:0 0 8px;font-family:Cinzel,serif;color:var(--gold);letter-spacing:0;text-transform:uppercase;font-size:.78rem}h1,h2{font-family:Cinzel,Noto Sans Thai,serif;letter-spacing:0}h1{width:100%;margin:0 auto;max-width:9.5ch;font-size:clamp(2.05rem,3.2vw,2.85rem);line-height:.98;text-wrap:balance}h1 span{display:block}.intro{margin:16px 0 20px;color:var(--muted);line-height:1.7}.language-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;color:var(--muted);font-size:.82rem}.language-options{display:inline-grid;grid-template-columns:repeat(3,minmax(36px,1fr));gap:2px;padding:2px;border:1px solid rgba(246,239,226,.14);border-radius:8px;background:rgba(255,255,255,.055)}.language-options button{width:auto;min-height:28px;padding:0 8px;border-radius:6px;color:var(--muted);background:transparent;font-size:.74rem;font-weight:800}.language-options button.is-active,.language-options button:hover{color:#15110a;background:linear-gradient(135deg,#f0d98c,#b9833c);transform:none;filter:none}.entry-form label{display:block;margin-bottom:10px;font-weight:700}.form-row{display:flex;gap:10px}button,input{min-height:46px;border-radius:8px;font:inherit}button:disabled{cursor:wait;filter:saturate(.75) brightness(.86)}input{min-width:0;width:100%;color:var(--ink);background:rgba(255,255,255,.06);border:1px solid var(--line);padding:0 14px;outline:none}input:focus{border-color:rgba(216,181,104,.72);box-shadow:0 0 0 3px rgba(216,181,104,.14)}button{border:0;color:#15110a;background:linear-gradient(135deg,#f0d98c,#b9833c);padding:0 18px;font-weight:800;cursor:pointer;white-space:nowrap;transition:transform .16s ease,filter .16s ease}button:hover{transform:translateY(-1px);filter:brightness(1.08)}.ghost-button,.secondary-button{width:100%;margin-top:12px}.ghost-button{color:var(--ink);border:1px solid var(--line);background:rgba(255,255,255,.06)}.daily-note{margin:12px 0 0;color:var(--muted);font-size:.92rem;line-height:1.6}.donate-panel{position:relative;margin-top:14px;border:1px solid rgba(216,181,104,.26);border-radius:8px;background:rgba(255,255,255,.045);overflow:hidden}.donate-joke-button{width:100%;display:grid;grid-template-columns:1fr auto;grid-gap:4px 34px;gap:4px 34px;min-height:0;padding:12px;border-radius:0;color:inherit;background:transparent;text-align:left;white-space:normal}.donate-joke-button:hover{transform:none;filter:none;background:rgba(216,181,104,.07)}.donate-joke-button span{color:var(--ink);font-size:.88rem;font-weight:800}.donate-joke-button small{justify-self:end;color:var(--muted);font-size:.68rem}.donate-joke{grid-column:1/-1;min-height:42px;display:block;padding:2px 26px 2px 0;color:var(--gold);font-size:.82rem;font-weight:600;line-height:1.5}.monocle-button{position:absolute;right:7px;bottom:6px;width:22px;min-height:22px;display:grid;place-items:center;padding:0;border:1px solid rgba(216,181,104,.38);border-radius:50%;background:rgba(8,7,13,.78);box-shadow:0 0 10px rgba(216,181,104,.12);pointer-events:none}.monocle-button:hover{transform:scale(1.06);filter:brightness(1.12)}.amund-icon{position:relative;width:16px;height:14px;display:grid;place-items:end center}.amund-hat{position:absolute;top:-1px;left:1px;z-index:0;width:7px;height:8px;background:linear-gradient(135deg,#020105 8%,#15111c 72%);-webkit-clip-path:polygon(50% 0,92% 88%,8% 88%);clip-path:polygon(50% 0,92% 88%,8% 88%);filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.amund-hat:after{content:"";position:absolute;left:-2px;bottom:1px;width:11px;height:2px;border-radius:999px;background:#020105;box-shadow:0 0 0 1px rgba(216,181,104,.22)}.crystal-monocle{position:absolute;right:0;bottom:0;z-index:1;width:15px;height:12px}.monocle-lens{top:0;right:2px;width:10px;border:1.2px solid rgba(229,243,250,.96);background:linear-gradient(135deg,rgba(255,255,255,.92) 0 16%,rgba(168,221,242,.18) 17% 48%,transparent 49%),radial-gradient(circle at 72% 70%,rgba(98,176,216,.22),transparent 42%),rgba(246,239,226,.08);box-shadow:0 0 5px rgba(181,225,248,.62),inset 0 0 3px rgba(255,255,255,.72),0 0 0 1px rgba(216,181,104,.26)}.monocle-lens,.monocle-lens:before{position:absolute;aspect-ratio:1;border-radius:50%}.monocle-lens:before{content:"";top:-2px;left:1px;width:1.6px;background:rgba(245,252,255,.95);box-shadow:3px -.5px 0 rgba(213,236,248,.86),6px 0 0 rgba(245,252,255,.9),9px 1px 0 rgba(181,225,248,.72)}.monocle-lens:after{content:"";top:2.5px;left:1.5px;width:6px;height:1.5px;background:rgba(255,255,255,.82);filter:blur(.2px);transform:rotate(-34deg)}.monocle-lens:after,.monocle-stem{position:absolute;border-radius:999px}.monocle-stem{right:0;bottom:0;width:7px;height:1.2px;background:linear-gradient(90deg,rgba(245,252,255,.92),rgba(216,181,104,.68));transform:rotate(-42deg);transform-origin:right center}.monocle-chain{position:absolute;left:0;bottom:3px;width:2px;aspect-ratio:1;border:1px solid rgba(221,238,246,.84);border-radius:50%;box-shadow:3px -1px 0 -.5px rgba(8,7,13,.92),3px -1px 0 0 rgba(221,238,246,.82),6px -1.5px 0 -.5px rgba(8,7,13,.92),6px -1.5px 0 0 rgba(221,238,246,.76);transform:rotate(-16deg)}.donate-joke-button:focus-visible,.monocle-button:focus-visible{outline:3px solid rgba(216,181,104,.55);outline-offset:3px}.panel-footer{margin-top:12px;padding-top:12px;border-top:1px solid rgba(246,239,226,.1);display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.72rem}.panel-footer span{color:var(--gold);font-family:Cinzel,serif;font-weight:700}.panel-footer small{color:var(--muted);font-size:inherit;text-align:right}.site-footer{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:0 0 28px;display:grid;grid-gap:4px;gap:4px;color:var(--muted);font-size:.82rem;line-height:1.55;text-align:center}.site-footer p{margin:0}.reading-stage{min-height:720px;display:grid;align-items:center;position:relative}.deck-placeholder{display:grid;place-items:center;min-height:520px}.deck-card,.tarot-card{width:min(290px,70vw);aspect-ratio:.64;border-radius:8px}.deck-card{display:grid;place-items:center;text-align:center;padding:28px;border:1px solid rgba(216,181,104,.42);background:linear-gradient(145deg,rgba(93,74,168,.28),rgba(11,10,18,.95)),repeating-linear-gradient(45deg,rgba(216,181,104,.08) 0 1px,transparent 1px 18px);box-shadow:0 30px 70px var(--shadow);animation:floatCard 5s ease-in-out infinite;overflow:hidden;position:relative}.deck-card:after,.deck-card:before,.ritual-veil:before{content:"";position:absolute;inset:13%;border:1px solid rgba(216,181,104,.42);transform:rotate(45deg);pointer-events:none}.deck-card:after{inset:25%;border-color:rgba(246,239,226,.22);transform:rotate(-45deg)}.deck-card.is-shuffling{animation:shuffleCard .34s ease-in-out infinite}.deck-card.is-shuffling .deck-art{filter:brightness(1.14) contrast(1.04)}.deck-card.is-shuffling:before{animation:sigilSpin 1.2s linear infinite}.deck-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.deck-art+.sigil,.deck-art~.deck-lines,.deck-art~p{opacity:0}.sigil{font-size:5rem;color:var(--gold);text-shadow:0 0 32px rgba(216,181,104,.55)}.deck-lines{width:72%;height:1px;background:var(--line)}.deck-card p{color:var(--muted);line-height:1.5}.reading-list{display:grid;grid-gap:22px;gap:22px;padding:12px 0}.reading-card{display:grid;grid-template-columns:220px 1fr;grid-gap:26px;gap:26px;align-items:stretch;padding:22px;border:1px solid var(--line);border-radius:8px;background:rgba(15,14,22,.82);box-shadow:0 22px 56px var(--shadow);animation:revealReading .7s ease both;position:relative;overflow:hidden}.reading-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--arcana-accent) 18%,transparent),transparent);opacity:.55;transform:translateX(-100%);animation:omenSweep 1.4s ease both;pointer-events:none}.tarot-card{width:100%;min-width:0;align-self:start;perspective:900px;border:0;padding:0;color:inherit;background:transparent;cursor:zoom-in;text-align:inherit;transition:transform .18s ease,filter .18s ease}.tarot-card:hover{transform:translateY(-2px);filter:brightness(1.05)}.tarot-card:focus-visible{outline:3px solid rgba(216,181,104,.55);outline-offset:5px}.preload-card-art{display:none}.protected-card,.protected-card *{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-face{height:100%;min-height:344px;display:grid;grid-template-rows:1fr auto auto;padding:18px;border-radius:8px;border:1px solid rgba(216,181,104,.55);background:linear-gradient(180deg,rgba(246,239,226,.1),transparent 36%),radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--arcana-accent,var(--gold)) 42%,transparent),transparent 7rem),linear-gradient(145deg,var(--violet),#17131e 58%,var(--wine));box-shadow:inset 0 0 0 8px rgba(8,7,13,.58),0 0 28px color-mix(in srgb,var(--arcana-accent,var(--gold)) 24%,transparent);transform-origin:center;animation:flipIn .9s cubic-bezier(.2,.9,.2,1) both;overflow:hidden;position:relative;background-size:cover;background-position:50%}.card-face.has-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28) 64%,rgba(0,0,0,.78))}.card-face.has-art .arcana-symbol{opacity:0}.card-face.has-art .card-number,.card-face.has-art .card-title{position:relative;z-index:1;color:var(--ink);text-shadow:0 2px 12px rgba(0,0,0,.88)}.arcana-symbol{display:grid;place-items:center;color:var(--gold);font-family:Cinzel,serif;font-size:5.6rem;text-shadow:0 0 32px rgba(216,181,104,.55)}.card-number{color:var(--muted);font-family:Cinzel,serif;text-align:center}.card-title{margin-top:8px;padding-top:12px;border-top:1px solid rgba(216,181,104,.36);font-family:Cinzel,Noto Sans Thai,serif;font-size:clamp(.88rem,4.6vw,1.05rem);line-height:1.18;text-align:center;font-weight:700;overflow-wrap:anywhere}.reading-copy h2{margin:0 0 12px;font-size:1.8rem}.story{margin:0 0 18px;color:#e8dcc8;line-height:1.85;white-space:pre-line}.forecast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.forecast-item{min-height:112px;padding:14px;border:1px solid rgba(246,239,226,.12);border-radius:8px;background:rgba(255,255,255,.045)}.forecast-item strong{display:block;margin-bottom:6px;color:var(--gold)}.ritual-veil{position:absolute;inset:50%;z-index:4;width:min(310px,78vw);aspect-ratio:1;display:grid;place-items:center;align-content:center;grid-gap:16px;gap:16px;padding:28px;border:1px solid rgba(216,181,104,.5);border-radius:50%;background:rgba(8,7,13,.76);box-shadow:0 24px 80px rgba(0,0,0,.5),inset 0 0 48px rgba(216,181,104,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-50%,-50%);text-align:center;overflow:hidden}.ritual-veil[hidden]{display:none}.ritual-sigil{font-family:Cinzel,serif;color:var(--gold);font-size:4.2rem;text-shadow:0 0 34px rgba(216,181,104,.72);animation:sigilPulse .9s ease-in-out infinite alternate}.ritual-veil p{max-width:220px;margin:0;color:var(--ink);line-height:1.6}.ai-wait-loader{position:absolute;top:50%;left:50%;z-index:5;width:min(360px,calc(100% - 28px));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;padding:16px;border:1px solid rgba(216,181,104,.48);border-radius:8px;background:rgba(8,7,13,.86);box-shadow:0 22px 70px rgba(0,0,0,.55),inset 0 0 34px rgba(216,181,104,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%,-50%);pointer-events:none;animation:waitLoaderIn .22s ease both}.ai-wait-ring{position:relative;width:54px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(246,239,226,.16);border-radius:50%}.ai-wait-ring span{position:absolute;inset:6px;border:2px solid rgba(216,181,104,.18);border-top:2px solid var(--gold);border-radius:50%;animation:waitRingSpin .92s linear infinite}.ai-wait-ring i{width:10px;aspect-ratio:1;background:var(--gold);box-shadow:0 0 14px rgba(216,181,104,.56);transform:rotate(45deg)}.ai-wait-loader strong{display:block;color:var(--ink);font-family:Cinzel,Noto Sans Thai,serif;font-size:.96rem;line-height:1.25}.ai-wait-loader p{margin:4px 0 0;color:var(--muted);font-size:.86rem;line-height:1.45}.ai-wait-dots{display:inline-grid;grid-template-columns:repeat(3,4px);gap:4px;align-items:end}.ai-wait-dots span{width:4px;height:12px;border-radius:999px;background:var(--gold);opacity:.34;animation:waitDotPulse .78s ease-in-out infinite}.ai-wait-dots span:nth-child(2){animation-delay:.12s}.ai-wait-dots span:nth-child(3){animation-delay:.24s}.forecast-item p{margin:0;color:var(--muted);line-height:1.55}.card-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px}.card-modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;width:100%;min-height:0;margin:0;padding:0;border-radius:0;background:rgba(4,4,8,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out}.modal-backdrop:hover{transform:none;filter:none}.modal-panel{position:relative;z-index:1;display:grid;place-items:center;width:min(92vw,450px,calc((100dvh - 64px) * .64))}.modal-close{position:absolute;top:-16px;right:-16px;z-index:2;width:44px;min-height:44px;padding:0;border:1px solid rgba(216,181,104,.44);border-radius:50%;color:var(--ink);background:rgba(15,14,22,.92);box-shadow:0 12px 30px rgba(0,0,0,.42);font-size:1.6rem;line-height:1}.modal-close:hover{transform:scale(1.04);filter:brightness(1.12)}.modal-card-shell{box-sizing:border-box;width:min(86vw,430px,calc((100dvh - 64px) * .64));max-height:calc(100dvh - 64px);aspect-ratio:.64;padding:clamp(10px,2.6vw,18px);border:1px solid rgba(216,181,104,.44);border-radius:8px;background:linear-gradient(135deg,rgba(216,181,104,.12),transparent 38%),rgba(10,9,15,.86);box-shadow:0 30px 90px rgba(0,0,0,.64);cursor:default}.modal-card-face{width:100%;height:100%;min-height:0;font-size:clamp(1rem,2.3vw,1.28rem);animation:modalCardIn .22s ease both}.modal-card-face .arcana-symbol{font-size:clamp(5.2rem,17vw,8.2rem)}.modal-card-face .card-title{font-size:clamp(1rem,3vw,1.45rem)}.support-modal-panel{width:min(92vw,760px);place-items:stretch;gap:14px;padding:24px;border:1px solid rgba(216,181,104,.42);border-radius:8px;background:linear-gradient(135deg,rgba(216,181,104,.13),transparent 42%),rgba(15,14,22,.94);box-shadow:0 30px 90px rgba(0,0,0,.64)}.support-modal-panel h2{margin:0;font-size:clamp(1.55rem,4vw,2.25rem);line-height:1.12}.support-modal-copy{margin:0;color:var(--muted);line-height:1.65}.support-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.support-method{display:grid;grid-gap:10px;gap:10px;align-content:start;padding:12px;border:1px solid rgba(246,239,226,.12);border-radius:8px;background:rgba(8,7,13,.5)}.support-method strong{color:var(--gold)}.support-method p{margin:6px 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.support-method img{width:100%;max-height:min(34vh,280px);border-radius:8px;object-fit:contain;background:#ffffff}@keyframes floatCard{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes revealReading{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes flipIn{0%{opacity:0;transform:rotateY(90deg) scale(.96)}to{opacity:1;transform:rotateY(0) scale(1)}}@keyframes shuffleCard{0%,to{transform:translateY(0) rotate(-1deg)}25%{transform:translate(-8px,-8px) rotate(-4deg)}50%{transform:translate(7px,-2px) rotate(4deg)}75%{transform:translate(-3px,6px) rotate(-2deg)}}@keyframes sigilSpin{to{transform:rotate(405deg)}}@keyframes sigilPulse{0%{transform:scale(.94);opacity:.72}to{transform:scale(1.04);opacity:1}}@keyframes omenSweep{to{transform:translateX(100%)}}@keyframes waitLoaderIn{0%{opacity:0;transform:translate(-50%,-46%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes waitRingSpin{to{transform:rotate(1turn)}}@keyframes waitDotPulse{0%,to{opacity:.32;transform:scaleY(.72)}50%{opacity:1;transform:scaleY(1)}}@keyframes modalCardIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width:920px){.app-shell{grid-template-columns:1fr;align-items:start;padding:20px 0 28px}.oracle-panel{position:relative;top:auto;width:min(100%,620px);margin:0 auto}.reading-stage{min-height:auto}.site-footer{width:min(620px,calc(100% - 32px))}}@media (max-width:640px){.app-shell{width:min(100% - 20px,1160px)}.oracle-panel,.reading-card{padding:16px}.brand-mark{width:56px;margin-bottom:18px}.brand-mark span{width:30px}h1{font-size:clamp(2rem,10vw,2.75rem)}.intro{margin-bottom:16px;font-size:.94rem}.language-control{align-items:center;flex-direction:row;gap:10px;font-size:.78rem}.language-options{width:auto;grid-template-columns:repeat(3,36px)}.language-options button{min-height:26px;padding:0 6px;font-size:.68rem}.form-row{flex-direction:column}button{width:100%}.language-options button{width:auto}.reading-card{grid-template-columns:1fr}.tarot-card{max-width:240px;margin:0 auto}.forecast-grid{grid-template-columns:1fr}.monocle-button{width:28px}.donate-joke-button{width:100%;grid-template-columns:1fr}.donate-joke-button small{justify-self:start}.ai-wait-loader{grid-template-columns:auto minmax(0,1fr)}.ai-wait-dots{grid-column:1/-1;justify-self:center}.support-modal-panel{width:min(100%,560px);padding:18px}.support-methods{grid-template-columns:1fr}.site-footer{gap:6px;padding-bottom:22px}.card-modal{padding:16px}.modal-close{top:-12px;right:-10px}}