.card-inner{display:block}
html[data-theme] .tarot-page{background:var(--t-ink);color:var(--t-text)}
html[data-theme="light"] .tarot-page{--t-ink:#f0e8de;--t-panel:#fbf5ee;--t-text:#382d3d;--t-muted:#77627b;--t-gold:#805628;--t-edge:#cdbbbf;color-scheme:light}
html[data-theme="light"] .tarot-top{background:#f0e8deee}
html[data-theme="light"] .tarot-main{background:radial-gradient(ellipse at 63% 43%,#d6b6c230,transparent 66%),linear-gradient(130deg,#eee3e7,#f8f0e4 60%,#f0e6dd)}
html[data-theme="light"] .tarot-page .primary-button{background:#ead19d;color:#382b30}
html[data-theme="light"] .tarot-page :is(.stage-meta,.stage-footer,.stage-footer #stage-status,.local-card p,.ai-reading p){color:var(--t-muted)}
html[data-theme="light"] .tarot-page :is(.local-card .keywords,.ai-reading .ai-label){color:#806486}
.tarot-page .ai-reading .ai-question{padding-left:12px;border-left:2px solid var(--t-edge);margin:0 0 18px;color:var(--t-muted);font-style:italic;overflow-wrap:anywhere}
.tarot-page .ai-reading .ai-answer{color:var(--t-text)}
html[data-theme="light"] .tarot-page #question{background:#fffaf4;color:var(--t-text)}
html[data-theme="light"] .stage-phrase{color:#77607870}
html[data-theme="light"] .stars{filter:brightness(.45)}
html[data-theme="light"] .selection-slot{color:#766174;opacity:.8}
html[data-theme="light"] .halo{border-color:#90718c35}
:root{color-scheme:dark}.tarot-page{--t-ink:#17111f;--t-text:#f3e9de;--t-muted:#b7a7b9;--t-gold:#eed29d;--t-edge:#594859;--t-panel:#211827;margin:0;background:var(--t-ink);color:var(--t-text);font-family:Arial,Helvetica,sans-serif;overflow:hidden}.tarot-page *{box-sizing:border-box}.tarot-page [hidden]{display:none!important}.tarot-page button,.tarot-page input,.tarot-page textarea{font:inherit}.tarot-page button{cursor:pointer}.tarot-page button:disabled{cursor:not-allowed;opacity:.35}.tarot-page :focus-visible{outline:3px solid var(--t-gold);outline-offset:5px}.skip-link{position:fixed;left:12px;top:12px;padding:12px;background:var(--t-gold);color:var(--t-ink);z-index:10;transform:translateY(-180%)}.skip-link:focus{transform:none}.tarot-top{height:68px;min-height:68px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #5e4a593e;gap:12px;background:#17111fee;position:relative;z-index:4;flex-wrap:nowrap}.tarot-brand{display:flex;align-items:center;gap:19px;flex:none}.tarot-brand .brand{font-size:15px;font-weight:750;letter-spacing:-.05em;white-space:nowrap;text-decoration:none;color:var(--t-text)}.tarot-brand .brand span{font-weight:400;letter-spacing:-.02em;color:var(--t-muted)}.tarot-brand i{height:22px;width:1px;background:var(--t-edge)}.tarot-brand h1{font-size:16px;margin:0;font-weight:500;letter-spacing:-.02em}.tarot-page .top nav{display:flex;flex-wrap:nowrap;align-items:center;gap:7px;width:auto;flex:none}.icon-control,.tarot-page .tools-theme-control,.tarot-page .tools-install-control{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--t-edge);background:transparent;border-radius:50%;color:var(--t-text);padding:11px;font-size:24px;margin:0}.icon-control svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-control:hover{background:#c7aa9820}.tarot-main{position:relative;width:100%;height:calc(100dvh - 68px);min-height:360px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 63% 43%,#67425030 0,#37203925 28%,transparent 66%),linear-gradient(130deg,#211826,#16101e 60%,#22171e)}.cosmos{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.halo{position:absolute;border:1px solid #90718c25;width:570px;height:570px;border-radius:50%;left:58%;top:43%;transform:translate(-50%,-50%)}.halo-one:before,.halo-one:after{content:'';position:absolute;inset:18px;border:1px solid #90718c1b;border-radius:50%}.halo-one:after{inset:80px}.halo-two{width:800px;height:800px;border-style:dashed;border-color:#96738714}.stars{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(circle at 14% 34%,#bca3bd 0 1px,transparent 1.5px),radial-gradient(circle at 83% 15%,#dfbf9d 0 1px,transparent 1.5px),radial-gradient(circle at 59% 73%,#937997 0 1px,transparent 1.5px),radial-gradient(circle at 35% 18%,#dfbf9d 0 1px,transparent 1.5px);background-size:280px 230px,350px 340px,240px 420px,480px 380px}.axis{position:absolute;left:58%;top:43%;width:850px;height:1px;background:linear-gradient(90deg,transparent,#92768d23,transparent);transform:translate(-50%,-50%) rotate(-25deg)}.axis-two{transform:translate(-50%,-50%) rotate(65deg)}.stage-meta{position:absolute;top:25px;left:32px;right:32px;display:flex;justify-content:space-between;color:#b09dad;font-size:8px;letter-spacing:.18em}.stage-meta span:last-child{font-size:12px;font-variant-numeric:tabular-nums;color:var(--t-gold);letter-spacing:.13em}.choose-heading{position:absolute;top:19%;left:5.4%;pointer-events:none;z-index:2;max-width:300px}.eyebrow{font-size:9px;letter-spacing:.17em;color:var(--t-muted)}.choose-heading h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,5.8vw,78px);letter-spacing:-.065em;line-height:1.04;margin:23px 0 22px}.choose-heading h2 em{font-weight:400;color:var(--t-gold)}.choose-heading p{font-size:11px;color:var(--t-muted);line-height:1.6;max-width:240px;margin:0}.orbit-shell{position:absolute;left:59%;top:42%;width:min(61vw,760px);height:min(57vh,440px);transform:translate(-50%,-50%);perspective:1500px;z-index:1}.orbit{position:relative;width:100%;height:100%;transform-style:preserve-3d}.orbit-card{position:absolute;left:50%;top:50%;width:103px;height:175px;margin:0;padding:0;border:0;background:none;transform:translate(-50%,-50%) translate(var(--x),var(--y)) rotate(var(--angle));perspective:800px;transition:filter .2s;z-index:var(--z);touch-action:manipulation}.orbit-surface{display:block;position:relative;width:100%;height:100%;border:1px solid #bc937675;border-radius:9px;box-shadow:0 12px 30px #0007,0 0 22px #d3a97909;background:#2b2131;transform-style:preserve-3d;overflow:hidden}.orbit-surface svg{width:100%;height:100%;display:block}.orbit-card:hover .orbit-surface,.orbit-card:focus-visible .orbit-surface{box-shadow:0 0 0 2px #f0cb8b,0 0 40px #ddaa7850;filter:brightness(1.3)}.orbit-card.is-picked{opacity:.25;filter:saturate(.3);pointer-events:none}.stage-phrase{position:absolute;right:5.2%;bottom:27%;font-family:Georgia,serif;font-size:19px;font-style:italic;color:#9b81965e;text-align:right;pointer-events:none;line-height:1.4;z-index:0}.tarot-bottom{position:absolute;bottom:72px;left:5.4%;right:5.4%;display:flex;justify-content:space-between;align-items:center;gap:22px;z-index:3}.selection-tray{display:flex;align-items:center;gap:18px}.selection-slots{display:flex;align-items:center;gap:8px}.selection-slot{height:58px;width:36px;border:1px dashed #9d839469;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#a68d9e66;font:10px Georgia,serif;padding:0;background:transparent}.selection-slot.has-card{border:1px solid #b9917470;box-shadow:0 0 22px #f2ba8115}.selection-slot svg{width:100%;height:100%;display:block;border-radius:4px}.selection-slot:disabled{opacity:1;cursor:default}.text-control{border:0;background:none;color:var(--t-muted);font-size:12px;padding:12px 0;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.stage-actions{display:flex;align-items:center;gap:19px}.primary-button,.secondary-button{min-height:46px;border-radius:50px;padding:14px 25px;font-size:12px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-weight:600;white-space:nowrap}.primary-button{background:var(--t-gold);color:#382b30}.primary-button:hover{background:#ffe4b3;box-shadow:0 0 28px #dba57922}.secondary-button{background:transparent;color:var(--t-text);border-color:var(--t-edge)}.stage-footer{position:absolute;bottom:23px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:#aa90a0}.stage-footer #stage-status{color:#d1bba6;text-align:right}.selected-cards{position:absolute;inset:12% 8% 28%;display:flex;justify-content:center;align-items:center;gap:clamp(22px,4vw,70px);perspective:1800px;z-index:2}.selected-card{width:clamp(135px,16vw,226px);max-width:26vw;position:relative;flex:none;padding:0;background:none;border:0;color:var(--t-text);text-align:center;perspective:1200px}.card-inner{width:100%;aspect-ratio:3/5;position:relative;transform-style:preserve-3d;border-radius:12px;box-shadow:0 15px 55px #0005}.card-face{position:absolute;inset:0;border-radius:12px;border:1px solid #cda577a3;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#292130}.card-face svg{width:100%;height:100%;display:block}.card-front{transform:rotateY(180deg)}.card-front.is-reversed svg{transform:rotate(180deg)}.card-back{transform:rotateY(0deg)}.card-caption{display:grid;gap:8px;margin-top:24px;min-height:50px}.card-position{font-size:9px;letter-spacing:.15em;color:var(--t-gold);text-transform:uppercase}.card-name{font-size:14px;font-family:Georgia,serif}.card-orientation{color:var(--t-muted);font-size:9px}.selected-card:hover .card-inner{box-shadow:0 0 0 1px #edca8a55,0 18px 70px #0005}.tarot-main:not([data-phase="choosing"]) .choose-heading,.tarot-main:not([data-phase="choosing"]) .stage-phrase,.tarot-main:not([data-phase="choosing"]) .orbit-shell{display:none}.tarot-main:not([data-phase="choosing"]) .selection-tray>.eyebrow{display:none}.tarot-main[data-phase="revealing"] .card-caption{opacity:0}.tarot-main[data-phase="revealing"] #shuffle{visibility:hidden}.tarot-main[data-phase="revealed"] .selection-slots{display:none}.tarot-dialog{color:var(--t-text);background:var(--t-panel);border:1px solid var(--t-edge);border-radius:22px;padding:27px;width:min(520px,calc(100vw - 30px));max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 30px 130px #0007}.tarot-dialog::backdrop{background:#0d081dbe;backdrop-filter:blur(12px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px}.dialog-heading h2{font:400 30px/1.2 Georgia,serif;letter-spacing:-.04em;margin:9px 0 0}.spread-picker{border:0;padding:0;margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.spread-picker legend{font-size:12px;color:var(--t-muted);margin-bottom:10px}.spread-picker label{cursor:pointer}.spread-picker input{position:absolute;width:1px;height:1px;opacity:0}.spread-picker label>span{display:grid;gap:9px;padding:16px;border:1px solid var(--t-edge);border-radius:12px;min-height:87px}.spread-picker small{font-size:10px;color:var(--t-muted)}.spread-picker b{font-size:13px;font-weight:500}.spread-picker input:checked+span{border-color:#dabb88;background:#cba26a18}.spread-picker input:focus-visible+span{outline:3px solid var(--t-gold);outline-offset:4px}.check-label{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.5;margin:20px 0}.check-label input{width:18px;height:18px;flex:none;accent-color:#e0be89;margin-top:1px}.check-label>span{display:grid;gap:6px}.check-label small{font-size:11px;color:var(--t-muted);line-height:1.6}.small-note{font-size:12px;color:var(--t-muted);line-height:1.7}.tarot-dialog form>.primary-button{width:100%;margin-top:12px}.reading-dialog{width:min(720px,calc(100vw - 30px))}.local-reading{display:grid;gap:15px}.local-card{border:1px solid var(--t-edge);border-radius:12px;padding:18px;display:grid;grid-template-columns:55px 1fr;gap:17px}.local-card>svg{width:55px;aspect-ratio:3/5;border-radius:4px;border:1px solid #c0986866}.local-card h3{font:400 19px Georgia,serif;margin:5px 0 8px}.local-card .position-tag{font-size:9px;letter-spacing:.13em;color:var(--t-gold);text-transform:uppercase}.local-card p{font-size:12px;line-height:1.8;color:#cbb9c9;margin:0}.local-card .keywords{font-size:9px;letter-spacing:.04em;color:#9d8296;margin-top:8px}.ai-section{margin-top:30px;padding-top:25px;border-top:1px solid var(--t-edge)}.ai-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.ai-heading h3{font:400 25px Georgia,serif;letter-spacing:-.02em;margin:0}.ai-heading>span{font-size:10px;color:var(--t-muted)}#interpret-form>label:first-child{font-size:12px;display:block;margin:22px 0 9px}#question{width:100%;min-height:105px;max-height:250px;resize:vertical;padding:14px;border:1px solid var(--t-edge);background:#17111f;color:var(--t-text);border-radius:10px;font-size:13px;line-height:1.6}#question::placeholder{color:#947e99}.question-count{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:10px;color:var(--t-muted)}.consent-label{padding:15px;background:#d0a16c08;border:1px solid #ae8d6540;border-radius:10px;font-size:12px}.ai-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ai-actions button{font-size:11px}.cloud-status{font-size:12px;line-height:1.7;color:var(--t-gold)}.cloud-status:empty{display:none}.ai-reading{margin-top:23px;padding:20px;border:1px solid #d8b58270;border-radius:12px;background:#dbc09108}.ai-reading h3{font:400 24px Georgia,serif;margin:0 0 14px}.ai-reading h4{font-size:13px;margin:21px 0 9px;color:var(--t-gold)}.ai-reading p{font-size:13px;line-height:1.9;color:#d3c1cf;white-space:pre-line;margin:0}.ai-reading .ai-label{font-size:9px;letter-spacing:.13em;color:var(--t-muted);margin-bottom:12px}.noscript{position:fixed;bottom:0;left:0;right:0;padding:15px;color:#fff;background:#301f32;z-index:8}.tarot-page .tools-install-dialog{background:var(--t-panel);color:var(--t-text);border-color:var(--t-edge)}
@media(max-width:850px){.choose-heading{left:32px;top:13%;max-width:230px}.choose-heading h2{font-size:52px}.orbit-shell{left:62%;width:65vw}.orbit-card{width:84px;height:143px}.stage-phrase{display:none}.tarot-bottom{left:32px;right:32px}.selection-tray{gap:12px}.selection-tray>.eyebrow{display:none}}
@media(max-width:600px){.tarot-top{height:64px;min-height:64px;padding:9px 12px;gap:7px}.tarot-brand{gap:7px}.tarot-brand i,.tarot-brand .brand span{display:none}.tarot-brand .brand{font-size:11px}.tarot-brand h1{font-size:13px}.tarot-page .top nav{gap:3px}.tarot-main{height:calc(100dvh - 64px)}.stage-meta{top:20px;left:19px;right:19px;font-size:7px;letter-spacing:.12em}.stage-meta span:last-child{font-size:10px}.choose-heading{left:23px;top:10%;max-width:300px}.choose-heading h2{font-size:46px;line-height:1.03;margin:12px 0 13px}.choose-heading h2 br{display:none}.choose-heading h2 em{margin-left:5px}.choose-heading p{font-size:10px}.orbit-shell{left:50%;top:48%;width:84vw;height:34vh}.orbit-card{width:77px;height:130px}.halo{left:50%;top:46%;width:350px;height:350px}.halo-two{width:500px;height:500px}.axis{left:50%;top:46%;width:520px}.tarot-bottom{left:20px;right:20px;bottom:69px;gap:10px;flex-wrap:wrap}.selection-tray{gap:13px}.selection-slot{height:48px;width:30px}.selection-slots{gap:6px}.stage-actions{gap:10px}.primary-button,.secondary-button{padding:14px 18px;gap:13px;font-size:11px;min-height:46px}.text-control{font-size:10px}.stage-footer{left:20px;right:20px;bottom:19px;gap:9px;font-size:8px;line-height:1.6}.stage-footer>span{max-width:49%}.selected-cards{inset:20% 14px 27%;gap:11px}.selected-card{width:29vw;max-width:29vw}.selected-card:only-child{width:49vw;max-width:240px}.card-inner,.card-face{border-radius:7px}.card-caption{gap:7px;margin-top:18px}.card-position{font-size:7px;letter-spacing:.08em}.card-name{font-size:12px;line-height:1.4}.card-orientation{font-size:8px}.tarot-main[data-phase="revealed"] .tarot-bottom{justify-content:center}.tarot-dialog{padding:23px 18px;border-radius:17px}.dialog-heading h2{font-size:27px}.local-card{padding:14px;gap:12px;grid-template-columns:44px 1fr}.local-card>svg{width:44px}.local-card h3{font-size:17px}.ai-heading{align-items:flex-start}.ai-heading h3{font-size:22px}.question-count{font-size:9px}.ai-actions .primary-button,.ai-actions .secondary-button{flex:1}.spread-picker label>span{padding:14px 11px}}
@media(max-width:380px){.tarot-brand .brand{display:none}.tarot-page .top nav{gap:4px}.tarot-bottom .selection-tray{width:100%;justify-content:center}.tarot-bottom .stage-actions{width:100%;justify-content:center}.tarot-bottom{bottom:63px}.orbit-shell{top:46%;height:28vh}.orbit-card{width:68px;height:115px}.choose-heading h2{font-size:38px}}
@media(max-height:620px) and (min-width:601px){.tarot-top{height:58px;min-height:58px;padding-block:7px}.tarot-main{height:calc(100dvh - 58px)}.choose-heading{top:20%;left:4%;max-width:210px}.choose-heading h2{font-size:46px;margin:10px 0}.stage-meta{top:17px}.orbit-shell{top:44%;height:44vh}.orbit-card{width:75px;height:127px}.tarot-bottom{bottom:54px}.selection-slot{height:43px;width:27px}.stage-footer{bottom:14px}.selected-cards{inset:10% 20% 30%;gap:28px}.selected-card{width:125px}.card-caption{margin-top:12px}.card-name{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tarot-page *{scroll-behavior:auto!important;transition:none!important}.tarot-dialog::backdrop{backdrop-filter:none}}