@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.2chmmw5jncpj5.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.32i82hrueyy96.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.1aj2xxlo5mdna.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.2vx-usavuz-_v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.anuphan_cd0888bc-module__H-S1WW__className{font-family:Anuphan,Anuphan Fallback;font-style:normal}.anuphan_cd0888bc-module__H-S1WW__variable{--font-anuphan:"Anuphan", "Anuphan Fallback"}
:root{--bg:#08080a;--bg-2:#0e0e12;--surface:#ffffff08;--surface-2:#ffffff0f;--line:#ffffff14;--line-2:#ffffff29;--fg:#f4f4f5;--fg-2:#a1a1aa;--fg-3:#63636e;--holo:linear-gradient(110deg, #a5b4fc 0%, #f0abfc 22%, #fde68a 44%, #86efac 64%, #7dd3fc 84%, #a5b4fc 100%);--radius:20px;--card-w:150px;--font:var(--font-anuphan), system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.65;overflow-x:hidden}::selection{color:#08080a;background:#f0abfc}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.12}p{margin:0}[hidden]{display:none!important}.nowrap{white-space:nowrap}:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #c4b5fd}.ambient{z-index:-1;pointer-events:none;position:fixed;inset:0}.ambient:before{content:"";background-image:radial-gradient(#ffffff17 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask:radial-gradient(80% 60% at 50% 30%,#000 20%,#0000 75%);mask:radial-gradient(80% 60% at 50% 30%,#000 20%,#0000 75%)}.ambient:after{content:"";background:radial-gradient(600px circle at var(--mx,50%) var(--my,20%), #c4b5fd12, transparent 60%);position:absolute;inset:0}.grain{z-index:100;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(4,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,3%)}}.progress{z-index:60;background:var(--holo);transform-origin:0;width:100%;height:2px;transform:scaleX(var(--progress,0));position:fixed;top:0;left:0}.holo-text{background:var(--holo);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite holoShift}@keyframes holoShift{to{background-position:-200% 0}}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);font-size:12px;font-weight:500}.chip{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--fg-2);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-size:13px;display:inline-flex}.chip-dot{background:var(--holo);border-radius:50%;width:18px;height:18px;position:relative}.chip-dot:after{content:"";animation:ping 2.4s var(--ease) infinite;border:1px solid #f0abfc80;border-radius:50%;position:absolute;inset:-4px}@keyframes ping{0%{opacity:1;transform:scale(.6)}80%,to{opacity:0;transform:scale(1.4)}}.split .w{vertical-align:bottom;padding-bottom:.08em;display:inline-block;overflow:hidden}.split .w>span{animation:rise 1s var(--ease) forwards;animation-delay:calc(.15s + var(--i) * 80ms);display:inline-block;transform:translateY(110%)}@keyframes rise{to{transform:none}}.reveal{opacity:0;filter:blur(6px);transition:opacity .9s var(--ease), transform .9s var(--ease), filter .9s var(--ease);transition-delay:var(--d,0s);transform:translateY(24px)}.reveal.in{opacity:1;filter:none;transform:none}.btn{--pad:12px 20px;padding:var(--pad);cursor:pointer;white-space:nowrap;transition:transform .4s var(--ease), background .25s, border-color .25s, color .25s, box-shadow .3s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:500;display:inline-flex;position:relative}.btn svg{width:16px;height:16px;transition:transform .35s var(--ease);flex:none}.btn:hover svg{transform:translate(3px)}.btn-lg{--pad:15px 26px;font-size:16px}.btn-sm{--pad:8px 16px;font-size:14px}.btn-primary{background:var(--fg);color:#0a0a0c;isolation:isolate}.btn-primary:hover{box-shadow:0 0 0 4px #ffffff14}.btn-primary:before{content:"";z-index:-1;border-radius:inherit;background:var(--holo);opacity:0;filter:blur(14px);transition:opacity .35s;position:absolute;inset:0}.btn-primary:hover:before{opacity:.8}.btn-ghost{border-color:var(--line-2);background:var(--surface);color:var(--fg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-ghost:hover{background:var(--surface-2);border-color:#ffffff4d}.nav{z-index:50;border:1px solid #0000;border-radius:999px;align-items:center;gap:20px;width:min(1120px,100% - 24px);padding:8px 8px 8px 16px;transition:background .35s,border-color .35s;display:flex;position:fixed;top:14px;left:50%;translate:-50%}.nav.scrolled{border-color:var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);background:#0e0e12b3}.brand{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.brand svg{width:28px;height:28px}.nav-links{gap:2px;margin-left:auto;display:flex}.nav-links a{color:var(--fg-2);white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:14px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--fg);background:var(--surface-2)}.sound-btn{border:1px solid var(--line-2);background:var(--surface);width:36px;height:36px;color:var(--fg-2);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:color .2s,background .2s,border-color .2s;display:grid}.sound-btn svg{width:18px;height:18px}.sound-btn:hover{color:var(--fg);background:var(--surface-2)}.sound-btn[aria-pressed=false]{color:var(--fg-3)}main{position:relative}.section{width:min(1120px,100% - 32px);margin:0 auto;padding:120px 0 0}.section-head{gap:14px;margin-bottom:44px;display:grid}.section-head h2{text-wrap:balance;max-width:24ch;font-size:clamp(30px,4.4vw,52px)}.section-head p{color:var(--fg-2);text-wrap:balance;max-width:560px}.section-head.center{text-align:center;justify-items:center}.section-head.center h2{max-width:none}.hero{text-align:center;flex-direction:column;align-items:center;min-height:100vh;padding:110px 16px 0;display:flex;position:relative;overflow-x:clip}.hero-copy{z-index:3;justify-items:center;gap:22px;display:grid;position:relative}.hero-title{letter-spacing:-.045em;font-size:clamp(44px,7vw,92px);font-weight:600;line-height:1.04}.hero-sub{text-wrap:balance;max-width:540px;color:var(--fg-2);font-size:clamp(15px,1.5vw,18px)}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.stage{--r:calc(var(--card-w) * 2.75);width:100%;height:calc(var(--card-w) * 3.1);margin-top:calc(var(--card-w) * -.2);perspective:2400px;perspective-origin:50% 20%;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.stage.dragging{cursor:grabbing}.floor-wheel{width:calc(var(--r) * 2.5);aspect-ratio:1;transform-origin:50% 100%;color:#e9dcc0;opacity:.55;pointer-events:none;position:absolute;bottom:-2%;left:50%;transform:perspective(900px)rotateX(76deg);-webkit-mask:radial-gradient(circle,#000 55%,#0000 72%);mask:radial-gradient(circle,#000 55%,#0000 72%)}.floor-wheel .zodiac{width:100%;height:100%}.beam{width:calc(var(--r) * 1.6);pointer-events:none;background:radial-gradient(50% 60% at 50% 30%,#c4b5fd29,#0000 70%);height:130%;position:absolute;top:-20%;left:50%;translate:-50%}.ring{width:var(--card-w);aspect-ratio:7/12;margin:calc(var(--card-w) * -1) 0 0 calc(var(--card-w) / -2);transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%}.rc,.rc-in{transform-style:preserve-3d;position:absolute;inset:0}.rc-in{animation:5s ease-in-out infinite bob;animation-delay:var(--bd,0s)}@keyframes bob{50%{transform:translateY(-12px)}}.rc .face,.rc .back,.side{border-radius:calc(var(--card-w) * .06);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.rc .face,.side.face{background:#e9e3d3;box-shadow:0 0 0 1px #ffffff2e,0 30px 50px -20px #000000e6}.rc .face{-webkit-box-reflect:below 14px linear-gradient(transparent 70%, #ffffff1f)}.rc .face img,.side.face img{object-fit:cover;pointer-events:none}.rc .face:after{content:"";background:var(--holo);background-size:300% 100%;background-position:var(--glint,50%) 0;mix-blend-mode:color-dodge;opacity:calc(.1 + var(--lo,0) * .22);position:absolute;inset:0}.rc .back,.card-back{transform:rotateY(180deg)}.card-back,.rc .back,.mini-back{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 120'%3E%3Cg fill='none' stroke='%23fff' stroke-width='.5'%3E%3Crect x='4' y='4' width='62' height='112' rx='3' stroke-opacity='.35'/%3E%3Ccircle cx='35' cy='60' r='18' stroke-opacity='.5'/%3E%3Ccircle cx='35' cy='60' r='24' stroke-opacity='.18'/%3E%3Ccircle cx='35' cy='60' r='30' stroke-opacity='.1'/%3E%3Cpath d='M35 10v26M35 84v26' stroke-opacity='.3'/%3E%3C/g%3E%3Cpath d='M38 51.5a8.5 8.5 0 1 0 0 17a10 10 0 1 1 0-17z' fill='%23fff' fill-opacity='.85'/%3E%3C/svg%3E") 50%/100% 100% no-repeat,linear-gradient(160deg,#1d1d26,#0b0b0f 60%);box-shadow:0 0 0 1px #ffffff24,0 30px 50px -20px #000000e6}.rc .back:after,.card-back:after{content:"";border-radius:inherit;background:var(--holo);background-size:300% 100%;background-position:var(--glint,50%) 0;mix-blend-mode:overlay;opacity:.3;position:absolute;inset:0}.rc .name{white-space:nowrap;letter-spacing:.16em;color:var(--fg-2);opacity:var(--lo,0);backface-visibility:hidden;font-size:11px;font-weight:500;position:absolute;bottom:-30px;left:50%;translate:-50%}.hero-meta{color:var(--fg-3);flex-wrap:wrap;justify-content:center;gap:8px 28px;margin:30px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.hero-meta b{color:var(--fg);font-variant-numeric:tabular-nums;margin-right:6px;font-weight:600}.scroll-cue{color:var(--fg-3);justify-items:center;gap:10px;margin:36px 0 30px;font-size:12px;display:grid}.footer{border-top:1px solid var(--line);width:min(1120px,100% - 32px);color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 32px;margin:40px auto 0;padding:28px 0 36px;font-size:13px;display:flex}.footer .brand{color:var(--fg-2);font-size:14px}.footer .brand svg{width:22px;height:22px}.footer-text{gap:4px;max-width:620px;display:grid}.footer-text i{font-style:italic}@keyframes spin{to{rotate:360deg}}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rim{to{--a:360deg}}@media (max-width:960px){:root{--card-w:120px}}@media (max-width:720px){:root{--card-w:92px}.nav{gap:10px;padding:6px 6px 6px 14px}.hero{padding-top:104px}.stage{--r:calc(var(--card-w) * 2.5);perspective:1500px;margin-top:12px}.section{padding-top:90px}}@media (max-width:480px){.nav>.btn-sm{display:none}}@media (max-width:420px){:root{--card-w:76px}.chip-long{display:none}.brand span{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.split .w>span{transform:none}}.zodiac{display:block;overflow:visible}.zodiac .z-outer,.zodiac .z-numerals{transform-origin:50%;animation:240s linear infinite spin}.zodiac .z-inner{transform-origin:50%;animation:160s linear infinite reverse spin}.wheel-bg{z-index:-1;color:#e9dcc0;opacity:.09;pointer-events:none;width:90vmin;height:90vmin;position:fixed;top:-22vmin;right:-26vmin}.dust{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.vignette{z-index:-1;pointer-events:none;background:radial-gradient(85% 75% at 50% 45%,#0000 55%,#0000008c 100%);position:fixed;inset:0}.moon{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.moon svg{filter:drop-shadow(0 0 6px #fff0d273);width:16px;height:16px}.moon-chip{color:var(--fg-2);font-size:13px}@media (max-width:720px){.wheel-bg{width:120vmin;height:120vmin;top:-40vmin;right:-60vmin}}.account-btn{height:36px;color:var(--fg-2);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;font-size:14px;transition:color .2s,background .2s;display:inline-flex}.account-btn.guest{border:1px solid var(--line-2);background:var(--surface);padding:0 14px 0 10px}.account-btn.guest:hover{color:var(--fg);background:var(--surface-2)}.account-btn.guest svg{width:18px;height:18px}.account-btn.placeholder{border:1px solid var(--line);width:36px}.avatar{background:var(--holo);color:#0a0a0c;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid;overflow:hidden;box-shadow:0 0 0 1px #ffffff40}.avatar img{object-fit:cover;width:100%;height:100%}@media (max-width:720px){.account-btn.guest{justify-content:center;width:36px;padding:0}.account-btn.guest span{display:none}}
.page{width:min(1120px,100% - 32px);margin:0 auto;padding:110px 0 40px}.page-head{gap:12px;margin-bottom:36px;display:grid}.page-head h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(32px,5vw,56px)}.page-head p{color:var(--fg-2);text-wrap:balance;max-width:560px}.stepper{flex-wrap:wrap;gap:6px;margin-bottom:28px;padding:0;list-style:none;display:flex}.stepper li{border:1px solid var(--line);color:var(--fg-3);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:13px;transition:color .3s,border-color .3s,background .3s;display:inline-flex}.stepper li span{background:var(--surface-2);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.stepper li.on{color:var(--fg);border-color:var(--line-2);background:var(--surface)}.stepper li.on span{background:var(--fg);color:#0a0a0c}.stepper li.done span{background:var(--holo);color:#0a0a0c}.stage-in{animation:stageIn .6s var(--ease) both}@keyframes stageIn{0%{opacity:0;filter:blur(6px);transform:translateY(16px)}}.spreads{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.spread-opt{--mx:50%;--my:50%;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);text-align:left;cursor:pointer;isolation:isolate;min-height:250px;transition:border-color .3s, transform .4s var(--ease);align-content:start;gap:6px;padding:22px;display:grid;position:relative;overflow:hidden}.spread-opt:after{content:"";z-index:-1;background:radial-gradient(320px circle at var(--mx) var(--my), #c4b5fd1f, transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.spread-opt:hover{border-color:var(--line-2);transform:translateY(-3px)}.spread-opt:hover:after{opacity:1}.spread-opt[aria-pressed=true]{border-color:#ffffff80}.spread-opt b{letter-spacing:-.01em;font-size:20px;font-weight:600}.spread-opt small{color:var(--fg-2);font-size:14px}.spread-n{color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:13px}.spread-free{border:1px solid var(--line-2);letter-spacing:.08em;color:var(--fg-2);border-radius:999px;padding:3px 10px;font-size:11px;position:absolute;top:18px;right:18px}.mini{height:92px;margin:10px 0 8px;position:relative}.mini i{width:22px;height:36px;transition:transform .5s var(--ease), border-color .3s;background:linear-gradient(160deg,#22222c,#101015);border:1px solid #ffffff59;border-radius:4px;position:absolute}.spread-opt:hover .mini i{border-color:#ffffffb3}.mini-1 i{top:28px;left:calc(50% - 11px)}.spread-opt:hover .mini-1 i{transform:translateY(-6px)rotate(-4deg)}.mini-3 i:first-child{top:28px;left:calc(50% - 45px)}.mini-3 i:nth-child(2){top:28px;left:calc(50% - 11px)}.mini-3 i:nth-child(3){top:28px;left:calc(50% + 23px)}.spread-opt:hover .mini-3 i:nth-child(odd){transform:translateY(-6px)}.mini-4 i:first-child{top:28px;left:calc(50% - 62px)}.mini-4 i:nth-child(2){top:28px;left:calc(50% - 28px)}.mini-4 i:nth-child(3){top:28px;left:calc(50% + 6px)}.mini-4 i:nth-child(4){top:28px;left:calc(50% + 40px)}.spread-opt:hover .mini-4 i:nth-child(2n){transform:translateY(-6px)}.mini-10 i{border-radius:3px;width:16px;height:26px}.mini-10 i:first-child{top:33px;left:calc(50% - 38px)}.mini-10 i:nth-child(2){top:33px;left:calc(50% - 38px);transform:rotate(90deg)}.mini-10 i:nth-child(3){top:3px;left:calc(50% - 38px)}.mini-10 i:nth-child(4){top:63px;left:calc(50% - 38px)}.mini-10 i:nth-child(5){top:33px;left:calc(50% - 62px)}.mini-10 i:nth-child(6){top:33px;left:calc(50% - 14px)}.mini-10 i:nth-child(7){top:66px;left:calc(50% + 30px)}.mini-10 i:nth-child(8){top:44px;left:calc(50% + 30px)}.mini-10 i:nth-child(9){top:22px;left:calc(50% + 30px)}.mini-10 i:nth-child(10){top:0;left:calc(50% + 30px)}.topic-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.topic-opt{border:1px solid var(--line);background:var(--bg-2);text-align:left;cursor:pointer;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:18px;transition:border-color .25s,background .25s;display:grid;position:relative}.topic-opt:hover{border-color:var(--line-2)}.topic-opt b{font-size:17px;font-weight:600;display:block}.topic-opt small{color:var(--fg-2);font-size:13px}.tick{border:1.5px solid var(--line-2);border-radius:7px;place-items:center;width:24px;height:24px;transition:background .25s,border-color .25s;display:grid}.tick svg{color:#0a0a0c;opacity:0;width:14px;height:14px;transition:opacity .2s, transform .3s var(--ease);transform:scale(.5)}.topic-opt[aria-checked=true]{background:#14141a;border-color:#ffffff80}.topic-opt[aria-checked=true] .tick{background:var(--fg);border-color:var(--fg)}.topic-opt[aria-checked=true] .tick svg{opacity:1;transform:none}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.btn[disabled]{opacity:.4;pointer-events:none}.back-link{color:var(--fg-2);cursor:pointer;background:0 0;border:0;padding:8px 4px;font-size:14px}.back-link:hover{color:var(--fg)}.draw-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.draw-head p{color:var(--fg-2)}.draw-count{color:var(--fg-2);font-variant-numeric:tabular-nums;font-size:15px}.draw-count b{color:var(--fg);font-size:22px;font-weight:600}.shuffle-cta{text-align:center;color:var(--fg-2);justify-items:center;gap:22px;padding:30px 0 10px;display:grid}.deck-btn{aspect-ratio:7/12;cursor:pointer;background:0 0;border:0;width:120px;padding:0;position:relative}.deck-btn i{--card-w:120px;transition:transform .4s var(--ease);border-radius:9px;position:absolute;inset:0;transform:translate(calc(var(--i) * -2px), calc(var(--i) * -2px))!important}.deck-btn:hover i{transform:translate(calc(var(--i) * -5px), calc(var(--i) * -5px)) rotate(calc(var(--i) * -2deg))!important}.shuffling-deck{place-items:center;height:260px;display:grid;position:relative}.shuffling-deck i{--card-w:110px;width:var(--card-w);aspect-ratio:7/12;animation:riffle 1.1s var(--ease) infinite;animation-delay:calc(var(--i) * 70ms);border-radius:8px;position:absolute}@keyframes riffle{0%,to{transform:translate(0)rotate(0)}30%{transform:translateX(calc((var(--i) - 3.5) * 22px)) rotate(calc((var(--i) - 3.5) * 4deg))}60%{transform:translateX(calc((var(--i) - 3.5) * -10px)) translateY(-8px)}}.fan{scrollbar-width:none;cursor:grab;padding:40px 30px 30px;display:flex;position:relative;overflow:auto visible;-webkit-mask:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.fan::-webkit-scrollbar{display:none}.fan-card{--card-w:84px;width:var(--card-w);aspect-ratio:7/12;margin-left:calc(var(--card-w) * -.62);cursor:pointer;transform:translateY(calc(var(--arc) * 1px)) rotate(calc(var(--rot) * 1deg));transition:transform .35s var(--ease), opacity .35s, margin .4s var(--ease);animation:dealIn .6s var(--ease) backwards;animation-delay:calc(var(--i) * 8ms);background:0 0;border:0;border-radius:7px;flex:none;padding:0;position:relative}.fan-card:first-child{margin-left:0}.fan-card .card-back{border-radius:7px;position:absolute;inset:0;transform:none}.fan-card:hover,.fan-card:focus-visible{z-index:2;transform:translateY(-26px)rotate(0)}.fan-card.taken{opacity:0;pointer-events:none;transform:translateY(-80px)scale(.9)}@keyframes dealIn{0%{opacity:0;transform:translateY(40px)rotate(0)}}.picked{flex-wrap:wrap;gap:8px;min-height:76px;margin-top:10px;display:flex}.picked-slot{aspect-ratio:7/12;border:1px dashed var(--line-2);width:40px;color:var(--fg-3);border-radius:5px;place-items:center;font-size:11px;display:grid}.picked-slot.filled{animation:slotIn .45s var(--ease);border:0}.picked-slot.filled .card-back{border-radius:5px;width:100%;height:100%;display:block;position:relative;transform:none}@keyframes slotIn{0%{opacity:0;transform:translateY(-30px)scale(1.3)}}.board-wrap{padding:20px 0 10px;position:relative}.board{--card-w:120px;justify-content:center;gap:22px 18px;display:grid}.board-1{--card-w:200px}.board-3{grid-template-columns:repeat(3, var(--card-w));--card-w:150px}.board-4{grid-template-columns:repeat(4, var(--card-w));--card-w:136px}.board-10{--card-w:92px;grid-template-columns:repeat(3, var(--card-w)) 30px var(--card-w);grid-template-areas:".c3. .p10""c5 c1 c6.p9"".c4. .p8"". . . .p7";gap:14px 34px}.board-10 .slot-1{grid-area:c1}.board-10 .slot-2{z-index:2;grid-area:c1;transform:rotate(90deg)scale(.84)}.board-10 .slot-3{grid-area:c3}.board-10 .slot-4{grid-area:c4}.board-10 .slot-5{grid-area:c5}.board-10 .slot-6{grid-area:c6}.board-10 .slot-7{grid-area:p7}.board-10 .slot-8{grid-area:p8}.board-10 .slot-9{grid-area:p9}.board-10 .slot-10{grid-area:p10}.board-10 .slot-2 .slot-label{display:none}.slot{justify-items:center;gap:8px;display:grid;position:relative}.slot-label{color:var(--fg-3);text-align:center;max-width:calc(var(--card-w) + 20px);font-size:12px;line-height:1.3}.slot-label b{color:var(--fg-2);font-variant-numeric:tabular-nums;margin-right:4px;font-weight:500}.rflip{width:var(--card-w);aspect-ratio:7/12;cursor:pointer;perspective:1000px;animation:dealIn .6s var(--ease) backwards;animation-delay:calc(var(--i) * 90ms);background:0 0;border:0;padding:0;position:relative}.rflip-inner{transform-style:preserve-3d;transition:transform .9s var(--ease);position:absolute;inset:0;transform:rotateY(180deg)}.rflip.open .rflip-inner{transform:rotateY(0)}.rflip:not(.open):hover .rflip-inner{transform:rotateY(180deg)translateY(-6px)}.rflip .side{border-radius:calc(var(--card-w) * .07)}.rflip .face img{object-fit:cover}.rflip .face img.rev,.rcard-img img.rev{transform:rotate(180deg)}.rflip.active .side{box-shadow:0 0 0 2px var(--fg), 0 20px 40px -10px #000c}.board-hint{color:var(--fg-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:26px;font-size:14px;display:flex}.readings{gap:14px;margin-top:50px;display:grid}.rcard{border:1px solid var(--line);background:var(--bg-2);animation:stageIn .7s var(--ease) both;border-radius:24px;grid-template-columns:150px 1fr;gap:28px;padding:26px;scroll-margin-top:100px;display:grid}.rcard-img{aspect-ratio:7/12;background:#e9e3d3;border-radius:10px;width:150px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff26}.rcard-img img{object-fit:cover}.rcard-body{align-content:start;gap:14px;display:grid}.rcard-pos{color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.rcard h3{font-size:clamp(22px,2.6vw,30px)}.rcard h3 small{letter-spacing:.12em;color:var(--fg-3);text-transform:uppercase;margin-top:4px;font-size:13px;font-weight:500;display:block}.pill{border:1px solid var(--line-2);color:var(--fg-2);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.pill i{background:var(--c,var(--fg-3));border-radius:50%;width:7px;height:7px}.tone-2{--c:#86efac}.tone-1{--c:#bef264}.tone-0{--c:#fde68a}.tone--1{--c:#fdba74}.tone--2{--c:#fca5a5}.rblock h4{color:var(--fg-3);letter-spacing:.04em;margin:0 0 4px;font-size:13px;font-weight:500}.rblock p{color:var(--fg)}.rblock.pred p{font-size:17px;line-height:1.75}.waite{border-top:1px solid var(--line);color:var(--fg-2);padding-top:12px;font-size:14px}.waite summary{cursor:pointer;color:var(--fg-3);align-items:center;gap:6px;list-style:none;display:inline-flex}.waite summary::-webkit-details-marker{display:none}.waite summary:before{content:"+";width:12px;transition:transform .3s var(--ease);display:inline-block}.waite[open] summary:before{transform:rotate(45deg)}.waite p{margin-top:8px}.skel{gap:8px;display:grid}.skel i{background:linear-gradient(90deg, var(--surface-2), #ffffff1f, var(--surface-2));background-size:200% 100%;border-radius:6px;height:12px;animation:1.4s linear infinite shimmer;display:block}.skel i:nth-child(2){width:92%}.skel i:nth-child(3){width:70%}@keyframes shimmer{to{background-position:-200% 0}}.thinking{color:var(--fg-2);align-items:center;gap:10px;font-size:14px;display:inline-flex}.thinking .orb{background:var(--holo);background-size:200% 100%;border-radius:50%;width:14px;height:14px;animation:2s linear infinite holoShift,1.4s ease-in-out infinite pulseOrb}@keyframes pulseOrb{50%{opacity:.6;transform:scale(.7)}}.summary{background:var(--bg-2);isolation:isolate;animation:stageIn .8s var(--ease) both;border-radius:32px;margin-top:50px;padding:clamp(26px,5vw,56px);position:relative;overflow:hidden}.summary:before{content:"";border-radius:inherit;background:conic-gradient(from var(--a), var(--line) 0 55%, #f0abfc, #fde68a, #7dd3fc, var(--line) 95%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:8s linear infinite rim;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.summary:after{content:"";z-index:-1;background:radial-gradient(700px 300px at 50% 0,#c4b5fd1f,#0000 70%);position:absolute;inset:0}.summary h2{letter-spacing:-.03em;text-wrap:balance;margin:16px 0 18px;font-size:clamp(26px,3.6vw,42px)}.summary .overview{color:var(--fg);max-width:760px;font-size:17px;line-height:1.85}.meter{color:var(--fg-2);align-items:center;gap:12px;font-size:14px;display:flex}.meter-bar{gap:4px;display:flex}.meter-bar i{background:var(--surface-2);border-radius:3px;width:26px;height:6px}.meter-bar i.on{background:var(--c);box-shadow:0 0 12px -2px var(--c)}.sum-cols{grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;display:grid}.sum-col{border:1px solid var(--line);background:#0003;border-radius:18px;padding:22px}.sum-col h4{margin:0 0 12px;font-size:14px;font-weight:600}.sum-col ol{counter-reset:n;gap:10px;margin:0;padding:0;list-style:none;display:grid}.sum-col li{color:var(--fg-2);counter-increment:n;padding-left:30px;font-size:15px;position:relative}.sum-col li:before{content:counter(n);border:1px solid var(--line-2);width:20px;height:20px;color:var(--fg);border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;top:2px;left:0}.sum-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.note{color:var(--fg-3);margin-top:18px;font-size:12px}.alert{color:#fecaca;background:#fca5a50f;border:1px solid #fca5a559;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding:16px 20px;font-size:15px;display:flex}.history{gap:12px;display:grid}.hitem{border:1px solid var(--line);background:var(--bg-2);transition:border-color .25s, transform .35s var(--ease);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:16px 20px;display:grid}.hitem:hover{border-color:var(--line-2);transform:translate(4px)}.hthumbs{display:flex}.hthumbs span{aspect-ratio:7/12;border-radius:4px;width:34px;margin-left:-14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #fff3,-4px 0 10px #00000080}.hthumbs span:first-child{margin-left:0}.hthumbs img{object-fit:cover}.hmeta{gap:2px;min-width:0;display:grid}.hmeta b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.hmeta small{color:var(--fg-3);font-size:13px}.empty{text-align:center;color:var(--fg-2);border:1px dashed var(--line-2);border-radius:24px;justify-items:center;gap:16px;padding:60px 20px;display:grid}@media (max-width:960px){.spreads,.topic-grid{grid-template-columns:repeat(2,1fr)}.board-3{--card-w:120px}.board-4{--card-w:110px}}@media (max-width:720px){.page{padding-top:96px}.spreads{grid-template-columns:1fr 1fr;gap:10px}.spread-opt{min-height:210px;padding:16px}.spread-opt b{font-size:17px}.topic-grid{grid-template-columns:1fr}.board-1{--card-w:170px}.board-3{--card-w:calc((100vw - 32px - 36px) / 3);gap:16px 18px}.board-4{grid-template-columns:repeat(2, var(--card-w));--card-w:120px}.board-10{--card-w:58px;grid-template-columns:repeat(3, var(--card-w)) 0px var(--card-w);gap:10px 22px}.board-10 .slot-label{font-size:10px}.rcard{grid-template-columns:1fr;gap:18px;padding:20px}.rcard-img{width:120px}.sum-cols{grid-template-columns:1fr}.fan-card{--card-w:70px}.hitem{grid-template-columns:auto 1fr}.hitem>svg{display:none}}.spot{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;animation:spotIn .5s var(--ease) both;background:radial-gradient(60% 55% at 50% 42%,#281e3c8c,#030305f5 70%);place-content:center;justify-items:center;gap:28px;padding:24px;display:grid;position:fixed;inset:0}@keyframes spotIn{0%{opacity:0}}.spot-beam{clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(14px);pointer-events:none;width:min(560px,120vw);height:85%;animation:beamIn 1.2s var(--ease) both;background:linear-gradient(#fff4dc33,#fff4dc0a 70%,#0000);position:absolute;top:-10%;left:50%;translate:-50%}@keyframes beamIn{0%{opacity:0;transform-origin:top;transform:scaleY(.6)}}.spot-card{--card-w:min(260px, 56vw);width:var(--card-w);aspect-ratio:7/12;perspective:1400px;animation:spotRise 1.1s var(--ease) both;position:relative}.spot-card:after{content:"";filter:blur(6px);background:radial-gradient(#fff0d240,#0000 70%);border-radius:50%;width:140%;height:50px;position:absolute;bottom:-40px;left:50%;translate:-50%}@keyframes spotRise{0%{opacity:0;transform:translateY(60px)scale(.7)}}.spot-inner{transform-style:preserve-3d;animation:spotTurn 1.2s .35s var(--ease) both;position:absolute;inset:0}@keyframes spotTurn{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.spot .side{border-radius:14px}.spot .face{box-shadow:0 0 0 1px #ffffff40,0 0 80px -10px #ffecc880,0 40px 80px -20px #000}.spot .face img{object-fit:cover}.spot-text{text-align:center;animation:spotWords 1s 1.1s var(--ease) both;justify-items:center;gap:6px;display:grid}.spot-text h2{letter-spacing:-.03em;font-size:clamp(30px,5vw,48px)}.spot-text p{color:var(--fg-2);letter-spacing:.08em;font-size:14px}@keyframes spotWords{0%{opacity:0;letter-spacing:.2em;filter:blur(8px);transform:translateY(10px)}}.spot-hint{text-align:center;color:var(--fg-3);animation:spotWords .8s 2s var(--ease) both;font-size:13px;position:absolute;bottom:28px;left:0;right:0}.narrator{border:1px solid var(--line-2);background:#00000040;border-radius:999px;align-items:center;gap:14px;max-width:760px;margin-top:22px;padding:8px 18px 8px 8px;display:flex}.narrator-btn{background:var(--fg);color:#0a0a0c;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid}.narrator-btn svg{width:16px;height:16px}.narrator-wave{flex:none;align-items:center;gap:3px;height:20px;display:flex}.narrator-wave i{background:var(--fg-3);border-radius:2px;width:3px;height:5px;transition:background .3s}.narrator.on .narrator-wave i{background:var(--holo);animation:.9s ease-in-out infinite wave;animation-delay:calc(var(--i) * .12s)}@keyframes wave{50%{height:20px}}.narrator-text{color:var(--fg-2);font-size:14px;line-height:1.5}.narrator.on .narrator-text{color:var(--fg)}.entry-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:40px;display:grid}.entry{gap:16px;display:grid}.entry-label{color:var(--fg-2);font-size:14px}.entry-box{position:relative}.entry-box textarea{border:1px solid var(--line-2);background:var(--bg-2);width:100%;color:var(--fg);font:inherit;resize:vertical;border-radius:20px;padding:20px 64px 20px 22px;font-size:18px;line-height:1.6;transition:border-color .25s,box-shadow .25s}.entry-box textarea:focus{border-color:#fff6;outline:none;box-shadow:0 0 0 4px #c4b5fd1f}.entry-box .mic{position:absolute;top:14px;right:14px}.points{gap:12px;margin:0;padding:0;list-style:none;display:grid}.points li{border:1px solid var(--line);background:#0e0e1299;border-radius:18px;gap:4px;padding:20px;display:grid}.points span{color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:12px}.points b{font-size:17px;font-weight:600}.points small{color:var(--fg-2);font-size:14px}.chips-row{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{border:1px solid var(--line-2);background:var(--surface);color:var(--fg-2);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.chip-btn svg{width:16px;height:16px}.chip-btn:hover{color:var(--fg);background:var(--surface-2);border-color:#ffffff4d}.dock-note{color:var(--fg-3);font-size:13px}.mic{border:1px solid var(--line-2);background:var(--surface);width:40px;height:40px;color:var(--fg-2);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.mic svg{width:18px;height:18px}.mic.on{color:#0a0a0c;background:#fca5a5;border-color:#fca5a5;animation:1.2s ease-in-out infinite micPulse}@keyframes micPulse{50%{box-shadow:0 0 0 8px #fca5a526}}.room-page{padding-bottom:0}.room{grid-template:"altar feed"1fr"altar dock"/340px 1fr;gap:0 40px;min-height:calc(100vh - 110px);display:grid}.altar{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:linear-gradient(#141022bf,#08080c99);border-radius:28px;grid-area:altar;align-self:start;justify-items:center;gap:14px;padding:26px 22px;display:grid;position:sticky;top:96px}.ball-wrap{--lv:0;aspect-ratio:1;place-items:center;width:220px;display:grid;position:relative}.ball-wrap:before{content:"";filter:blur(24px);opacity:calc(.35 + var(--lv) * 1.4);transform:scale(calc(1 + var(--lv) * .25));background:radial-gradient(circle,#c4b5fd59,#0000 70%);border-radius:50%;position:absolute;inset:8%}.ball{aspect-ratio:1;border-radius:50%;width:78%;position:relative;box-shadow:0 0 0 1px #ffffff1a,0 30px 60px -20px #000}.conf-ring{width:100%;height:100%;transition:stroke-dasharray .8s var(--ease);position:absolute;inset:0}.conf-ring circle{transition:stroke-dasharray 1.2s var(--ease)}.ball-base{z-index:-1;background:linear-gradient(#2a2236,#0c0a12);border-radius:50% 50% 12px 12px/60% 60% 12px 12px;width:46%;height:12%;position:absolute;bottom:2%;box-shadow:0 0 0 1px #ffffff14}.ball-wrap.thinking .conf-ring{animation:6s linear infinite spin}.altar-name{gap:2px;display:grid}.altar-name b{font-size:19px;font-weight:600}.altar-name span{color:var(--fg-3);font-size:13px}.clarity{color:var(--fg-3);align-items:baseline;gap:10px;font-size:13px;display:flex}.clarity b{color:var(--fg);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.subtitle{max-width:290px;min-height:3.2em;color:var(--fg-2);opacity:0;font-size:15px;line-height:1.6;transition:opacity .4s}.subtitle.on{opacity:1;color:var(--fg);animation:subIn .5s var(--ease)}@keyframes subIn{0%{filter:blur(6px);transform:translateY(6px)}}.altar-tools{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.table{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;padding-top:12px;display:flex}.table-card{aspect-ratio:7/12;width:30px;animation:slotIn .5s var(--ease);border-radius:4px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #fff3}.table-card img{object-fit:cover}.table-card img.rev{transform:rotate(180deg)}.table-count{color:var(--fg-3);font-variant-numeric:tabular-nums;margin-left:4px;font-size:12px}.feed{flex-direction:column;grid-area:feed;gap:16px;min-width:0;padding-bottom:24px;display:flex}.msg{max-width:640px;animation:stageIn .6s var(--ease) both}.msg.user{align-self:flex-end}.msg.user p{background:var(--fg);color:#0a0a0c;border-radius:20px 20px 6px;padding:12px 18px;font-size:15px}.msg.reader{gap:8px;display:grid}.msg.reader>p{font-size:17px;line-height:1.85}.msg-name{color:var(--fg-3);align-items:center;gap:8px;font-size:13px;display:inline-flex}.msg-name:before{content:"";background:var(--holo);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #f0abfc99}.replay{border:1px solid var(--line-2);width:24px;height:24px;color:var(--fg-2);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.replay svg{width:10px;height:10px}.msg-ask{background:#f0abfc0f;border-left:2px solid #f0abfc;border-radius:0 12px 12px 0;padding:12px 16px;font-size:16px}.msg.card{border:1px solid var(--line);background:var(--bg-2);text-align:left;cursor:pointer;border-radius:16px;align-self:center;align-items:center;gap:14px;padding:10px 18px 10px 10px;transition:border-color .2s;display:flex}.msg.card:hover{border-color:var(--line-2)}.msg-card-img{aspect-ratio:7/12;border-radius:6px;flex:none;width:52px;position:relative;overflow:hidden}.msg-card-img img{object-fit:cover}.msg-card-img img.rev{transform:rotate(180deg)}.msg.card span:last-child{gap:1px;display:grid}.msg.card small{color:var(--fg-3);font-size:12px}.msg.card b{font-size:17px;font-weight:600}.msg.card em{color:var(--fg-2);letter-spacing:.04em;font-size:12px;font-style:normal}.dots{gap:6px;padding:8px 0;display:inline-flex}.dots i{background:var(--fg-2);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{50%{opacity:.4;transform:translateY(-5px)}}.verdict{background:var(--bg-2);isolation:isolate;border-radius:24px;margin-top:10px;padding:26px;position:relative;overflow:hidden}.verdict:before{content:"";border-radius:inherit;background:conic-gradient(from var(--a), var(--line) 0 55%, #f0abfc, #fde68a, #7dd3fc, var(--line) 95%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:8s linear infinite rim;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.verdict h3{letter-spacing:-.02em;margin:10px 0;font-size:clamp(22px,2.6vw,30px)}.verdict>p{color:var(--fg-2);line-height:1.8}.verdict-time{margin-top:10px}.verdict-time b{color:var(--fg);margin-right:6px;font-weight:600}.verdict .sum-cols{margin-top:18px}.caution{color:var(--fg-2);font-size:15px}.dock{z-index:5;background:linear-gradient(to top, var(--bg) 70%, transparent);grid-area:dock;min-width:0;padding:16px 0 22px;position:sticky;bottom:0}.dock-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dock-pick>p{color:var(--fg-2);font-size:15px}.dock-pick>p b{color:var(--fg);font-weight:600}.dock-pick .fan{padding-top:34px;padding-bottom:14px}.dock-pick .fan-card{--card-w:64px}.dock-ask{gap:12px;display:grid}.dock-q{font-size:17px}.composer{border:1px solid var(--line-2);background:var(--bg-2);border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 18px;display:flex}.composer input{min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;flex:1;padding:8px 0;font-size:15px}.composer input:focus{outline:none}.composer:focus-within{border-color:#ffffff59}.send{background:var(--fg);color:#0a0a0c;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid}.send svg{width:16px;height:16px}.send[disabled]{opacity:.3;cursor:default}.dock-pick .composer{margin-top:6px}@media (max-width:960px){.entry-grid{grid-template-columns:1fr}.room{grid-template:"altar""feed"1fr"dock"/1fr;gap:18px}.altar{text-align:left;border-radius:22px;grid-template-columns:auto 1fr;place-items:center start;gap:6px 16px;padding:16px;position:relative;top:0}.altar .ball-wrap{grid-row:span 4;width:120px}.altar .subtitle{text-align:center;grid-column:1/-1;justify-self:stretch;max-width:none;min-height:0}.altar .subtitle:not(.on){display:none}.altar .table,.altar .altar-tools{grid-column:1/-1;justify-content:center;justify-self:stretch}}@media (max-width:720px){.msg.reader>p{font-size:16px}.dock-pick .fan-card{--card-w:56px}}.rblock .links{color:var(--fg-2);font-size:15px}.essence{border:1px solid var(--line);max-width:760px;color:var(--fg-2);background:#c4b5fd0d;border-radius:14px;gap:4px;margin-top:18px;padding:14px 18px;font-size:15px;display:grid}.essence b{color:var(--fg);letter-spacing:.04em;font-size:13px;font-weight:600}.back-oracle,.back-lenormand{background-repeat:no-repeat!important;background-size:100% 100%!important}.back-oracle{background:url(/decks/oracle/back.svg) 50%/100% 100% no-repeat}.back-lenormand{background:url(/decks/lenormand/back.svg) 50%/100% 100% no-repeat}.deck-tag{border:1px solid var(--line-2);color:var(--fg-2);border-radius:999px;padding:3px 10px;font-size:12px;display:inline-flex}.q-label{color:var(--fg-2);margin:22px 0 8px;font-size:14px;display:block}.q-input{border:1px solid var(--line-2);background:var(--bg-2);width:100%;color:var(--fg);font:inherit;border-radius:14px;padding:14px 18px;font-size:16px}.q-input:focus{border-color:#fff6;outline:none}.plan{text-align:center;justify-items:center;gap:26px;padding:10px 0 20px;display:grid}.plan .actions{justify-content:center}.plan-wait{color:var(--fg-2);justify-items:center;gap:16px;padding:60px 0;display:grid}.plan-wait .orb{background:var(--holo);filter:blur(1px);background-size:200% 100%;border-radius:50%;width:48px;height:48px;animation:2s linear infinite holoShift,1.4s ease-in-out infinite pulseOrb}.plan-decks{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.plan-deck{width:210px;animation:stageIn .7s var(--ease) both;justify-items:center;gap:8px;display:grid}.plan-deck:nth-child(3){animation-delay:.2s}.plan-back{aspect-ratio:7/12;border-radius:10px;width:120px;display:block;position:relative;box-shadow:0 0 0 1px #fff3,0 20px 50px -10px #c4b5fd73;transform:none!important}.plan-deck b{font-size:18px;font-weight:600}.plan-deck small{color:var(--fg-2);font-size:13px}.plan-plus{color:var(--fg-3);font-size:28px}.plan-reason{border:1px solid var(--line);background:#c4b5fd0d;border-radius:18px;gap:8px;max-width:640px;margin:0;padding:20px 24px;font-size:17px;line-height:1.8;display:grid}.closing-slot{--card-w:120px;border-top:1px dashed var(--line-2);justify-items:center;gap:10px;margin-top:30px;padding-top:24px;display:grid}.page-head.center{text-align:center;justify-items:center}.auth-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#141022d9,#08080cbf);border-radius:28px;gap:16px;width:min(460px,100%);margin:0 auto;padding:28px;display:grid}.auth-tabs{background:var(--surface);border:1px solid var(--line);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tabs button{color:var(--fg-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px;font-size:15px;transition:background .25s,color .25s}.auth-tabs button[aria-selected=true]{background:var(--fg);color:#0a0a0c;font-weight:600}.btn-google{color:#1f1f1f;background:#fff;border-color:#fff;width:100%}.btn-google:hover{box-shadow:0 0 0 4px #ffffff1a}.btn-google svg{width:20px;height:20px}.btn-google:hover svg{transform:none}.auth-or{color:var(--fg-3);align-items:center;gap:12px;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);flex:1;height:1px}.auth-form{gap:14px;display:grid}.auth-form>.btn{width:100%;margin-top:4px}.field{color:var(--fg-2);gap:6px;font-size:14px;display:grid}.field input{border:1px solid var(--line-2);background:var(--bg-2);width:100%;color:var(--fg);font:inherit;border-radius:14px;padding:13px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:#ffffff73;outline:none;box-shadow:0 0 0 4px #c4b5fd1f}.field input[aria-invalid=true]{border-color:#fca5a5}.field-error{color:#fecaca;font-size:13px}.pw{display:block;position:relative}.pw input{padding-right:48px}.pw-toggle{width:36px;height:36px;color:var(--fg-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:8px;translate:0 -50%}.pw-toggle:hover{color:var(--fg)}.pw-toggle svg{width:18px;height:18px}.auth-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.check{color:var(--fg-2);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.check input{accent-color:#c4b5fd;width:16px;height:16px}.link-btn{color:var(--fg-2);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.link-btn:hover{color:var(--fg)}.notice{color:#bbf7d0;background:#86efac12;border:1px solid #86efac59;border-radius:14px;padding:12px 16px;font-size:14px}.auth-card .alert{margin-top:0}.auth-foot{color:var(--fg-3);text-align:center;font-size:13px}.account{text-align:center;justify-items:center;padding:36px 28px}.account-who{gap:2px;display:grid}.account-who b{font-size:22px;font-weight:600}.account-who small{color:var(--fg-3);font-size:14px}.account-note{color:var(--fg-2);max-width:360px;font-size:15px}.gate{text-align:center;justify-items:center;padding:40px 28px}.gate h2{font-size:clamp(22px,3vw,28px)}.gate p{color:var(--fg-2);max-width:380px;font-size:15px}.gate-mark{border:1px solid var(--line-2);width:64px;height:64px;color:var(--fg);background:radial-gradient(circle,#c4b5fd2e,#0000 70%);border-radius:50%;place-items:center;display:grid}.gate-mark svg{width:28px;height:28px}.pw-match{color:#fca5a5;pointer-events:none;font-size:12px;position:absolute;top:50%;right:14px;translate:0 -50%}.pw-match.ok{color:#86efac}.tabbar,.m-progress{display:none}@media (max-width:720px){:root{--tabbar-h:64px}html,body{overscroll-behavior-y:none}body{-webkit-tap-highlight-color:transparent;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}button,a{touch-action:manipulation}.btn:active,.tab:active,.spread-opt:active,.topic-opt:active,.chip-btn:active{transition-duration:.1s;transform:scale(.97)}.nav,.nav.scrolled{width:100%;height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0 16px;border:0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);background:#08080ad1;border-radius:0;gap:8px;top:0;left:0;translate:none}.nav-links,.nav>.btn-sm{display:none}.nav>.sound-btn{background:0 0;border-color:#0000;width:34px;height:34px;margin-left:auto}.brand{font-size:17px}.brand svg{width:26px;height:26px}.tabbar{z-index:60;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.6);backdrop-filter:blur(22px)saturate(1.6);background:#0a0a0de0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--fg-3);border-radius:14px;align-content:center;justify-items:center;gap:3px;font-size:11px;transition:color .2s,transform .2s;display:grid}.tab svg{width:24px;height:24px;transition:transform .3s var(--ease)}.tab.on{color:var(--fg)}.tab.on svg{filter:drop-shadow(0 0 8px #c4b5fd8c);transform:translateY(-1px)scale(1.06)}.tab.on:after{content:"";background:var(--holo);border-radius:50%;width:4px;height:4px;margin-top:1px}.wheel-bg,.grain,.aurora,.ambient:after{display:none}.page{padding-top:calc(76px + env(safe-area-inset-top));width:calc(100% - 32px)}.page-head{gap:8px;margin-bottom:22px}.page-head h1{font-size:30px}.page-head p{font-size:14px}.label{font-size:11px}.moon-chip{font-size:12px}.hero{min-height:calc(100svh - var(--tabbar-h));padding-top:calc(72px + env(safe-area-inset-top));justify-content:center;padding-bottom:12px}.hero-copy{width:100%}.hero .chip,.scroll-cue{display:none}.hero-title{font-size:46px}.hero-cta{gap:10px;width:100%}.hero-cta .btn{--pad:15px 12px;flex:1;font-size:15px}.hero-meta{gap:6px 18px;margin-top:8px;font-size:13px}.stepper{display:none}.m-progress{color:var(--fg-2);gap:8px;margin:-4px 0 20px;font-size:13px;display:grid}.m-progress i{background:var(--surface-2);border-radius:3px;height:3px;display:block;position:relative;overflow:hidden}.m-progress i:after{content:"";background:var(--holo);transform-origin:0;transform:scaleX(var(--p));transition:transform .6s var(--ease);position:absolute;inset:0}.spreads{gap:10px}.spread-opt{border-radius:18px;gap:2px;min-height:0;padding:14px}.spread-opt .mini{height:64px;margin:4px 0;transform:scale(.8)}.spread-opt small{font-size:12px;line-height:1.45}.spread-free{top:12px;right:12px}.topic-grid{grid-template-columns:1fr 1fr;gap:8px}.topic-opt{border-radius:14px;grid-template-columns:1fr;gap:6px;padding:12px}.topic-opt .tick{border-radius:6px;width:20px;height:20px}.topic-opt b{font-size:15px}.topic-opt small{display:none}.actions{gap:8px}.actions .btn-lg{width:100%}.actions .back-link{margin:0 auto}.draw-head h2,.page-head h2{font-size:22px!important}.plan-deck{width:150px}.plan-back{width:92px}.plan-reason{padding:16px;font-size:15px}.board-wrap{padding-top:6px}.board-10 .slot-label{font-size:0}.board-10 .slot-label b{margin:0;font-size:11px}.board-10{gap:10px 18px}.readings{gap:12px;margin-top:28px}.rcard{border-radius:20px;grid-template-columns:64px 1fr;align-items:center;gap:10px 14px;padding:16px}.rcard-body{display:contents}.rcard-img{border-radius:8px;grid-row:span 2;width:64px}.rcard-pos{grid-column:2;gap:6px;font-size:12px}.rcard h3{grid-column:2;font-size:20px}.rcard h3 small{font-size:11px}.rcard .rblock,.rcard .waite{grid-column:1/-1}.rblock.pred p{font-size:16px;line-height:1.7}.summary{border-radius:24px;margin-top:28px;padding:22px}.summary h2{font-size:24px}.summary .overview{font-size:16px}.sum-actions .btn{flex:1}.narrator{padding-right:12px}.narrator-text{font-size:13px}.room-page{padding-bottom:0}body:has(.room){padding-bottom:0}body:has(.room) .footer{display:none}.dock{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.hitem{border-radius:16px;gap:12px;padding:12px 14px}.auth-card{border-radius:24px;padding:22px 18px}.footer{gap:10px;padding:28px 0 24px;font-size:12px}.footer .brand{display:none}}.spread-opt.locked{cursor:not-allowed;opacity:.55}.spread-opt.locked:hover{border-color:var(--line);transform:none}.spread-wait{color:#fde68a;background:#fde68a0f;border:1px solid #fde68a59;border-radius:999px;padding:3px 10px;font-size:11px;position:absolute;top:14px;right:14px}.spread-wait b{font-variant-numeric:tabular-nums;font-weight:600}@media (max-width:720px){.spread-wait{justify-self:start;margin-bottom:4px;position:static}}.vip-badge{letter-spacing:.12em;color:#1a1426;background:linear-gradient(110deg,#f5d98b,#f3c4e4 45%,#b9d8ff 80%,#f5d98b) 0 0/200% 100%;border-radius:999px;place-items:center;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.4;animation:6s linear infinite vip-sheen;display:inline-grid}@keyframes vip-sheen{to{background-position:-200% 0}}.btn .vip-badge{margin-left:2px}.vip-gate .vip-mark{color:#f5d98b;background:radial-gradient(circle,#f5d98b33,#0000 70%)}.vip-expired{color:var(--fg-3,var(--fg-2))!important;font-size:13px!important}.tab{position:relative}.tab-vip{letter-spacing:.08em;color:#1a1426;background:linear-gradient(110deg,#f5d98b,#f3c4e4);border-radius:6px;padding:0 4px;font-size:8.5px;font-style:normal;font-weight:700;line-height:1.5;position:absolute;top:2px;left:calc(50% + 6px)}@media (prefers-reduced-motion:reduce){.vip-badge{animation:none}}.plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;max-width:1000px;margin:0 auto;display:grid}.plan{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-rows:auto 1fr auto;gap:20px;padding:26px 22px 22px;display:grid;position:relative}.plan>header{background:0 0;border:0;justify-self:stretch;justify-items:start;gap:6px;width:auto;max-width:none;margin:0;padding:0;display:grid;position:static}.plan-name{color:var(--fg-2);font-size:14px;font-weight:600}.plan-name.vip-badge{color:#1a1426;font-size:12px;font-weight:700}.plan-price{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:44px;font-weight:700;line-height:1}.plan-price small{color:var(--fg-2);margin-right:3px;font-size:22px;font-weight:500}.plan-price em{color:var(--fg-2);letter-spacing:0;margin-left:4px;font-size:15px;font-style:normal;font-weight:400}.plan-note{color:var(--fg-3);font-size:13px}.plan ul{color:var(--fg-2);align-content:start;gap:12px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.plan li{grid-template-columns:20px 1fr;align-items:start;gap:10px;line-height:1.5;display:grid}.plan li svg{color:#86efac;width:18px;height:18px;margin-top:2px}.plan li.off,.plan li.off svg{color:var(--fg-3)}.plan .btn{justify-content:center;width:100%}.plan-vip{border-color:#f5d98b47}.plan-supervip{background:linear-gradient(var(--bg-2), var(--bg-2)) padding-box, var(--holo) border-box;border-color:#0000;box-shadow:0 30px 80px -30px #f0abfc59}.plan.current:after{content:"แพ็กเกจของคุณ";color:var(--fg-2);border:1px solid var(--line-2);border-radius:999px;padding:2px 10px;font-size:11.5px;position:absolute;top:18px;right:18px}.plan-flag{color:#1a1426;background:var(--holo);white-space:nowrap;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plans-foot{text-align:center;max-width:640px;color:var(--fg-3);margin:22px auto 0;font-size:13px;line-height:1.7}.account-tier{border:1px solid var(--line);background:var(--surface);color:var(--fg-2);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;padding:10px 14px;font-size:13px;display:flex}.account-tier.tier-free .vip-badge{background:var(--surface-2);color:var(--fg-2);animation:none}.account-tier-link{color:var(--fg);text-underline-offset:3px;font-weight:600;text-decoration:underline}.pay-page{padding-top:110px}.pay-page svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.pay-shell{gap:16px;width:min(440px,100%);margin:0 auto;display:grid}.pay-card{border:1px solid var(--line-2);background:var(--bg-2);border-radius:28px;gap:16px;padding:26px 22px 18px;display:grid;box-shadow:0 30px 80px -20px #0009}.pay-summary{text-align:center;gap:2px;display:grid}.pay-label{color:var(--fg-2);font-size:13.5px}.pay-amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:50px;font-weight:700;line-height:1.1}.pay-amount small{color:var(--fg-2);margin-right:4px;font-size:26px;font-weight:500}.pay-amount em{color:#f5d98b;font-style:normal}.pay-for{color:var(--fg-2);margin:4px 0 0;font-size:14px}.pay-timer{background:var(--surface-2);border-radius:16px;gap:8px;padding:12px 14px;display:grid}.pay-timer div{color:var(--fg-2);justify-content:space-between;align-items:baseline;font-size:13.5px;display:flex}.pay-timer b{color:var(--fg);font-variant-numeric:tabular-nums;font-size:18px}.pay-timer i{background:var(--line);border-radius:6px;height:6px;display:block;overflow:hidden}.pay-timer i span{background:var(--holo);transform-origin:0;border-radius:6px;height:100%;transition:transform 1s linear;display:block}.pay-timer.urgent b{color:#f28b82}.pay-timer.urgent i span{background:linear-gradient(90deg,#f28b82,#d14343)}.pay-qr{background:#fff;border-radius:22px;width:min(300px,100%);margin:0 auto;overflow:hidden}.pay-qr figcaption{color:#fff;text-align:center;letter-spacing:.03em;background:#1a1426;padding:11px;font-size:17px;font-weight:700}.pay-qr img{aspect-ratio:1;width:100%;image-rendering:pixelated;padding:18px 18px 8px;display:block}.pay-qr p{text-align:center;color:#6b6478;margin:0;padding:60px 20px;font-size:14px}.pay-payee{text-align:center;color:#6b6478;padding:0 14px 14px;font-size:13px;display:block}.pay-payee b{color:#1a1426}.pay-exact{text-align:center;color:var(--fg-2);margin:0;font-size:12.5px;line-height:1.6}.pay-exact b{color:#f5d98b}.pay-save{justify-content:center;width:100%}.pay-save svg{width:19px;height:19px}.pay-steps{border:1px dashed var(--line-2);color:var(--fg-2);border-radius:16px;gap:10px;margin:0;padding:14px;font-size:13.5px;line-height:1.55;list-style:none;display:grid}.pay-steps li{align-items:flex-start;gap:10px;display:flex}.pay-steps b{color:var(--fg)}.pay-steps i{background:var(--surface-2);width:22px;height:22px;color:var(--fg);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:12px;font-style:normal;display:grid}.pay-live{color:var(--fg-2);justify-content:center;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.pay-live span{background:#86efac;border-radius:50%;width:8px;height:8px;animation:1.6s infinite payPing}@keyframes payPing{0%{box-shadow:0 0 #86efac80}70%,to{box-shadow:0 0 0 8px #86efac00}}.pay-result{text-align:center;justify-items:center;gap:8px;padding:22px 8px 8px;display:grid}.pay-result b{font-size:21px}.pay-result>span:not(.pay-result-icon){color:var(--fg-2);max-width:320px;font-size:14px;line-height:1.6}.pay-result .btn{margin-top:10px}.pay-result-icon{background:var(--surface-2);width:72px;height:72px;color:var(--fg-2);border-radius:50%;place-items:center;display:grid}.pay-result-icon svg{width:34px;height:34px}.pay-result.ok .pay-result-icon{background:var(--holo);color:#1a1426;animation:.45s cubic-bezier(.2,1.4,.4,1) both payPop}.pay-result.ok .pay-result-icon svg{stroke-width:2.6px}@keyframes payPop{0%{opacity:0;transform:scale(.4)}}.pay-meta{border-top:1px solid var(--line);color:var(--fg-2);justify-content:space-between;gap:10px;padding-top:14px;font-size:12.5px;display:flex}.pay-meta b{letter-spacing:.05em;color:var(--fg)}.pay-meta a{color:var(--fg);font-weight:600}.pay-trust{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.pay-trust li{text-align:center;color:var(--fg-2);justify-items:center;gap:6px;font-size:11.5px;line-height:1.45;display:grid}.pay-trust svg{color:#86efac;width:20px;height:20px}@media (max-width:860px){.plans{grid-template-columns:1fr;gap:22px;max-width:440px}.plan-supervip{order:-1}}@media (max-width:720px){.pay-page{padding-top:76px}.pay-card{border-radius:24px;padding:22px 16px 16px}}@media (prefers-reduced-motion:reduce){.pay-live span,.pay-result.ok .pay-result-icon{animation:none}.pay-timer i span{transition:none}}.upsell{text-align:center;color:var(--fg-2);margin:18px auto 0;font-size:14px}.upsell a,.room-wait a{color:var(--fg);text-underline-offset:3px;font-weight:600;text-decoration:underline}.room-wait{color:var(--fg-2);background:#f5d98b0f;border:1px solid #f5d98b4d;border-radius:14px;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;padding:12px 16px;font-size:14px;display:flex}.room-wait b{color:var(--fg);font-variant-numeric:tabular-nums}.plan>ul{justify-content:stretch;justify-self:stretch}.account-ring{border-radius:50%;place-items:center;display:grid}.account-btn.member{gap:8px}.account-btn.member .account-ring{background:linear-gradient(135deg,#f5d98b,#f3c4e4 55%,#b9d8ff);padding:2px}.account-btn.member.supervip .account-ring{background:var(--holo);box-shadow:0 0 18px #f0abfc59}.account-btn.member .account-ring .avatar{box-shadow:0 0 0 2px var(--bg)}.account-tag{padding:2px 9px;font-size:11px}@media (max-width:720px){.account-btn.member{gap:0;position:relative}.account-tag{letter-spacing:.06em;white-space:nowrap;padding:0 5px;font-size:8.5px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}}.account-btn.member{height:auto}.announce{z-index:49;color:#1a1426;background:var(--holo);width:max-content;max-width:calc(100% - 24px);animation:announce-in .5s var(--ease) both;border-radius:999px;align-items:center;gap:6px;padding:6px 6px 6px 16px;font-size:13.5px;display:flex;position:fixed;top:80px;left:50%;translate:-50%;box-shadow:0 10px 30px -8px #f0abfc80}.announce button{width:24px;height:24px;color:inherit;cursor:pointer;background:#1a14261f;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.announce svg{width:13px;height:13px}@keyframes announce-in{0%{opacity:0;transform:translateY(-8px)}}@media (max-width:720px){.announce{top:calc(64px + env(safe-area-inset-top));font-size:12.5px}}