/* Owner-pinned violet grain world, direction 95b46ac8; full Tarot flow. */
:root{--ui-font:"RR Opague","Rubik";--canvas:#0c0917;--surface:#1b142e;--text:#f8f5ff;--muted:#cbbddd;--pink:#baa0f6;--ink:#21133d;--paper:#f6f0ff;--line:#8b73b842;--danger:#ffc5de;--ease:cubic-bezier(.22,1,.36,1)}
body{background:var(--canvas);font-weight:400}
html{scrollbar-color:#7b629e var(--canvas);overflow-y:scroll;scrollbar-gutter:stable}
#main{overflow-anchor:none;min-height:calc(100svh - 137px)}
::selection{background:#baa0f655;color:#fff}
:where(button,a):focus-visible{outline-color:#d9c5ff}
.grain-backdrop{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:#0c0917}
.grain-backdrop__light{position:absolute;inset:0;background:radial-gradient(ellipse 68% 79% at 88% 83%,#603390a8,transparent 76%),radial-gradient(ellipse 62% 52% at 38% 110%,#422563d9,transparent 77%),radial-gradient(ellipse 62% 54% at 62% 9%,#27204166,transparent 79%),linear-gradient(115deg,#0b0a14 7%,#110c20 51%,#211039 100%)}
.grain-backdrop__noise{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:soft-light;opacity:.52;pointer-events:none}
.grain-backdrop__stars{position:absolute;inset:0}
.grain-backdrop__stars i{position:absolute;display:block;border-radius:50%;background:#e9dcff;box-shadow:0 0 6px #dbc3ff60}
.site-header{min-height:76px;max-width:1440px;padding:18px 46px;margin:auto;background:transparent}
.brand span{font-size:14px;color:#d8c8ed;font-weight:500}
.quiet-button,.balance-button{font-weight:500;font-size:14px;color:#ded1f2;min-height:42px;transition:background .22s,color .22s,border-color .22s}
.quiet-button{border:0;background:transparent}
.quiet-button:hover{background:#c8a4ff0c;color:#fff}
.balance-button{border-color:#9876c552;background:#21162f33}
.balance-button:hover{background:#21162f33;border-color:#9876c552;color:#fff}
.cosmic-home{padding:18px 28px 22px;min-height:calc(100svh - 137px);overflow:clip}
.cosmic-content{max-width:740px}
.cosmic-content h1{font-size:clamp(43px,4.5vw,66px);font-weight:700;letter-spacing:-.03em;line-height:1.08;text-wrap:balance}
.cosmic-content h1 span{color:#d2b7ff}
.cosmic-lead{font-size:16px;line-height:1.5;color:#d4c7e6;margin-top:18px}
.center-question{margin-top:25px;max-width:540px}
.center-question .question-shell{background:#171021b3;border:1px solid #a284cc60;border-radius:22px;padding:17px 22px 2px;box-shadow:none;color:var(--text);transition:background .25s,border-color .25s}
.center-question .question-shell:focus-within{background:#21152ee6;border-color:#cfb5ff;box-shadow:none}
.center-question .question-shell.invalid{border-color:var(--danger)}
.center-question label{color:#ddd0ec;font-size:12px;font-weight:500;margin-bottom:11px}
.center-question textarea{font-size:17px;line-height:1.45;min-height:54px;color:var(--text);caret-color:#d2b7ff}
.center-question textarea::placeholder{color:#cab7e1;opacity:1}
.center-question .field-error{color:var(--danger)}
.button{position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:999px;padding:14px 26px;min-height:50px;background:#7546bd;color:#fff;font-size:15px;font-weight:700;line-height:1.35;box-shadow:0 10px 25px #0301083b;transition:background .26s,color .26s,box-shadow .26s}
.button:before{content:'';position:absolute;inset:-80% -35%;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 39%,#fff8 49%,transparent 60%);transform:translateX(-75%);opacity:0}
.button:hover{background:#8554ca;color:#fff;box-shadow:0 12px 26px #03010850;transform:none}
.button:hover:before,.button:focus-visible:before{animation:violet-button-shine .85s var(--ease) both}
.button:active{background:#6339a5;box-shadow:0 5px 15px #03010840;transform:none}
.button:disabled{box-shadow:none;transform:none;background:#534266;color:#d2c7df;opacity:.65;cursor:default}
.button:disabled:before{display:none}
.primary-start{min-width:250px;margin-top:17px;min-height:50px}
.primary-start .icon{width:23px;height:23px}
.question-meta{margin-top:12px;font-size:11px;color:#b9a6cf}
.button.secondary{background:#2a1c3c;color:#f2eaff;border:1px solid #9973c754;box-shadow:none}
.button.secondary:hover{background:#38264b;color:#fff}
.text-button,.back-button,.shuffle-button{font-weight:500;color:#d8c8ef;transition:color .2s,background .2s}
.quiet-button:hover,.text-button:hover,.back-button:hover,.shuffle-button:hover,.dialog-close:hover{color:#fff;background:transparent;box-shadow:none}
.theme-picker{margin-top:24px}
.theme-picker>p{font-size:12px;font-weight:500;color:#c9b8dd}
.theme-list{gap:23px;margin-top:14px}
.theme-option{color:#d2c3e3;min-width:84px}
.theme-option>span:last-child{font-size:12px;font-weight:500}
.theme-option[aria-pressed=true]>span:last-child{color:#eadbff;font-weight:700}
.theme-option[aria-pressed=true]:after{background:#ccb1ff;width:5px;height:5px}
.theme-art img{box-shadow:0 9px 17px #02000566}
.floating-cards{z-index:1;pointer-events:none}
.floating-card{pointer-events:auto;perspective:900px;filter:none;transform:none;animation:violet-float 10s ease-in-out infinite;animation-delay:var(--delay)}
.floating-card__surface{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden;transform:rotateZ(var(--r)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--card-scale,1));transform-style:preserve-3d;box-shadow:0 25px 35px #02000580;transition:transform .6s var(--ease),box-shadow .5s,filter .5s;filter:saturate(.75) brightness(.96)}
.floating-card__surface img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit;pointer-events:none}
.floating-card__shine{position:absolute;inset:0;opacity:0;pointer-events:none;background:linear-gradient(115deg,transparent 18%,#fff9 38%,#fff2 48%,transparent 65%);transform:translateX(-120%);mix-blend-mode:screen}
.floating-card--0{left:6.5%;top:18%;width:clamp(138px,13vw,190px);--r:-13deg;--delay:-3s}
.floating-card--1{left:13%;top:58%;width:clamp(106px,9.8vw,143px);--r:11deg;--delay:-7s;opacity:.82}
.floating-card--2{right:6.5%;top:24%;width:clamp(135px,12.8vw,188px);--r:13deg;--delay:-1s}
.floating-card--3{right:13%;top:59%;width:clamp(100px,9vw,130px);--r:-11deg;--delay:-5s;opacity:.8}
.stage-heading h1,.result-heading h1,.waiting h1,.tarot-checkout-intro h1{font-weight:700;letter-spacing:-.025em}
.stage-heading h1{font-size:clamp(31px,3.1vw,43px)}
.stage-heading>p,.question-caption,.selection-status{color:#cdbbdf}
.slot-image{background:#24173599;border-color:#a182c775}
.table-card img{box-shadow:0 10px 18px #02000566}
.table-card:hover:not(:disabled) img,.table-card:focus-visible img{filter:brightness(1.16);box-shadow:0 14px 26px #02000580}
.table-card:focus-visible{outline-color:#d2b7ff}
.choose-workspace .stage-heading{margin-top:0}
.choose-workspace .selection-status{margin-top:16px;font-size:13px}
.choose-workspace .slots{position:relative;z-index:6;min-height:143px;margin-top:18px;gap:46px}
.choose-workspace .slot{width:72px}
.choose-workspace .slot-image.filled{animation:none}
.choose-workspace .slot-image img{transform-origin:top left}
.choose-workspace .slot small{font-size:11px}
.choose-workspace .slots--single .slot{width:190px}
.choose-workspace .slots--single .slot-image{width:72px;margin-inline:auto}
.choose-workspace .slots--single .slot small{white-space:nowrap}
.choose-workspace .card-table{width:min(100%,1080px);gap:20px 26px;margin-top:16px;padding:7px 12px}
.choose-workspace .table-card{max-width:98px;border-radius:8px;overflow:hidden;box-shadow:0 12px 24px #02000580;transition:transform .32s var(--ease),opacity .3s,filter .25s}
.table-card__shine{position:absolute;inset:0;opacity:0;pointer-events:none;background:linear-gradient(115deg,transparent 18%,#fff8 38%,#fff2 48%,transparent 65%);transform:translateX(-120%);mix-blend-mode:screen}
.choose-workspace .stage-actions{margin-top:24px}
.reveal-card strong{font-weight:700;color:#f2e9ff}
.reveal-card>span,.reveal-card small,.reveal-next{color:#cdbbdf}
.info-dialog{background:#1e152ef5;border:1px solid #9c78c655;color:var(--text);border-radius:25px;box-shadow:0 30px 90px #020005a3}
.info-dialog::backdrop{background:#08050faf;backdrop-filter:blur(5px)}
.info-dialog h2{font-weight:700;font-size:28px;letter-spacing:-.025em}
.info-dialog p{color:#d7c9e8;font-size:15px;line-height:1.65}
.dialog-close{color:#d7c0fa}
.dialog-links{color:#dbc4ff}
.history-item{background:#cba5ff09;border-radius:15px}
.history-item:hover{background:#cba5ff12}
.history-item strong{font-weight:700}
.history-item small{color:#c0aad8}
.reading-panel{background:#1a122ce0;color:#e0d2ee;border:1px solid #9571c337;box-shadow:none}
.reading-panel h2{font-weight:700;letter-spacing:-.02em}
.reading-panel p{max-width:65ch;font-size:16px;line-height:1.7}
.reading-panel .reading-action{background:transparent;color:#e7d4ff;padding:0;border-radius:0;margin-top:28px}
.reading-action strong{color:#edddff;font-weight:700}
.result-note{color:#b5a0ca}
.toast{background:#2d1c42;color:#f8f0ff;box-shadow:0 15px 40px #03010855}
.site-footer{color:#b6a3cd;background:transparent;font-size:11px}
.site-footer button{color:#c5afdF;font-size:11px;font-weight:500}
.site-footer button:hover{color:#fff;background:transparent}
.site-footer button{transition:color .2s}
@keyframes violet-button-shine{0%{transform:translateX(-75%);opacity:0}20%{opacity:.5}100%{transform:translateX(75%);opacity:0}}
@keyframes violet-card-shine{0%{transform:translateX(-120%);opacity:0}20%{opacity:.55}100%{transform:translateX(120%);opacity:0}}
@keyframes violet-float{0%,100%{translate:0 0}50%{translate:0 -11px}}
@media(hover:hover) and (pointer:fine){
  .table-card:hover:not(:disabled){transform:rotate(calc(var(--tilt)*1deg)) translateY(-6px) scale(1.045);z-index:2}
  .table-card:hover:not(:disabled) .table-card__shine{animation:violet-card-shine .8s var(--ease) both}
  .floating-card:hover .floating-card__surface{--card-scale:1.07;filter:saturate(.95) brightness(1.03);box-shadow:0 32px 45px #020005a0;transition:transform .22s var(--ease),filter .5s,box-shadow .5s}
  .floating-card:hover .floating-card__shine{animation:violet-card-shine .95s var(--ease) both}
}
@media(min-width:761px) and (max-height:800px){
  .site-header{min-height:66px;padding-block:14px}
  #main,.choose-workspace{min-height:calc(100svh - 120px)}
  .choose-workspace{position:relative}
  .choose-workspace .stage-toolbar{position:absolute;inset:8px 40px auto;z-index:7;margin:0;pointer-events:none}
  .choose-workspace .stage-toolbar button{pointer-events:auto}
  .choose-workspace .stage-heading{padding-top:6px}
  .choose-workspace .selection-status{margin-top:8px}
  .choose-workspace .slots{margin-top:8px;min-height:122px}
  .choose-workspace .slot,.choose-workspace .slots--single .slot-image{width:60px}
  .choose-workspace .slots--single .slot{width:190px}
  .choose-workspace .card-table{width:min(100%,920px);gap:16px 22px;margin-top:8px}
  .choose-workspace .table-card{max-width:80px}
  .choose-workspace .stage-actions{margin-top:12px}
  .cosmic-home{min-height:calc(100svh - 120px);padding-top:9px;padding-bottom:14px}
  .cosmic-content h1{font-size:48px}
  .cosmic-lead{margin-top:12px;font-size:15px}
  .center-question{margin-top:19px}
  .center-question .question-shell{padding-top:13px}
  .center-question textarea{min-height:44px;font-size:16px}
  .primary-start{min-height:48px;margin-top:14px}
  .theme-picker{margin-top:19px}
  .theme-list{margin-top:11px}
  .floating-card--0{width:155px;left:5%;top:18%}
  .floating-card--2{width:155px;right:5%;top:23%}
  .floating-card--1{width:117px;left:11.5%;top:55%}
  .floating-card--3{width:109px;right:12%;top:56%}
}
@media(max-width:760px){
  .site-header{min-height:66px;padding:14px 20px}
  #main{min-height:calc(100svh - 126px)}
  .choose-workspace .slots{gap:22px;min-height:124px;margin-top:16px}
  .choose-workspace .slot{width:57px}
  .choose-workspace .slots.five{gap:11px}
  .choose-workspace .slots.five .slot{width:45px}
  .choose-workspace .slots--single .slot-image{width:57px}
  .choose-workspace .card-table{width:100%;gap:12px 9px;margin-top:14px;padding:5px 0}
  .choose-workspace .table-card{max-width:48px;border-radius:5px}
  .choose-workspace .stage-actions{margin-top:18px}
  .cosmic-home{min-height:calc(100svh - 126px);padding:28px 20px 20px}
  .cosmic-content h1{font-size:clamp(29px,8vw,37px);line-height:1.12}
  .cosmic-lead{font-size:14px;max-width:280px;margin-top:15px}
  .center-question{margin-top:28px}
  .center-question .question-shell{padding:18px 15px 2px;border-radius:20px;background:#171021d9}
  .center-question textarea{font-size:16px;min-height:66px}
  .button{min-height:48px;padding:13px 22px;font-size:14px;border-radius:999px}
  .primary-start{margin-top:16px;min-width:238px}
  .theme-picker{margin-top:29px}
  .theme-list{gap:0;margin-top:17px}
  .theme-option{min-width:0}
  .theme-option>span:last-child{font-size:11px}
  .floating-card{pointer-events:none;perspective:none;animation:none}
  .floating-card--0{width:89px;left:-46px;top:16%;opacity:.65}
  .floating-card--2{width:88px;right:-46px;top:20%;opacity:.65}
  .floating-card--1{width:68px;left:-39px;top:51%;opacity:.35}
  .floating-card--3{width:67px;right:-38px;top:57%;opacity:.35}
  .floating-card__surface{box-shadow:none;filter:saturate(.75)}
  .grain-backdrop__light{background:radial-gradient(ellipse 130% 75% at 105% 67%,#673490a3,transparent 77%),radial-gradient(ellipse 90% 45% at -10% 100%,#392355c9,transparent 80%),linear-gradient(160deg,#0b0a14,#1b0e30 65%,#201132)}
  .stage-heading h1,.result-heading h1,.waiting h1{font-size:29px}
  .info-dialog{padding:30px 24px;border-radius:23px}
  .info-dialog h2{font-size:26px}
  .info-dialog p{font-size:14px}
  .reading-panel p{font-size:15px;line-height:1.7}
}
@media(max-width:360px){.cosmic-content h1{font-size:27px}.site-header{padding-inline:16px}.brand span{font-size:12px}.choose-workspace .stage-actions .button{padding-inline:13px}}
:root[data-page-visibility=hidden] .floating-card{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.floating-card{animation:none}.floating-card__surface{transform:rotate(var(--r));transition:filter .2s}.floating-card:hover .floating-card__surface{transform:rotate(var(--r))}.floating-card__shine,.table-card__shine{display:none}.table-card:hover:not(:disabled){transform:rotate(calc(var(--tilt)*1deg))}.button:before{display:none}.button{transition:background .2s,color .2s;box-shadow:none}}

/* Waiting and reading stay in the same field; the real card is the selector. */
.app-main--waiting{display:grid;place-items:center}
.app-main--waiting .waiting{min-height:0;width:100%;max-width:760px;padding:36px 20px;margin:auto}
.waiting.view{animation:none;opacity:1}
.waiting .reading-orbit{width:270px;height:230px;margin:0 auto 26px;perspective:800px;transform-style:preserve-3d}
.waiting .reading-orbit img{width:114px;height:auto;left:calc(50% - 57px);top:18px;border-radius:7px;transform-origin:50% 78%;box-shadow:0 22px 32px #02000570;animation:reading-shuffle 3.8s cubic-bezier(.45,0,.25,1) infinite;animation-delay:calc(var(--i)*-.32s);backface-visibility:hidden}
.waiting .reading-orbit:after{content:"";position:absolute;bottom:8px;left:45px;width:180px;height:20px;border-radius:50%;background:#01000870;filter:blur(12px);z-index:-1}
.waiting h1{font-size:clamp(27px,3.2vw,38px);line-height:1.2;text-wrap:balance}
.waiting-dots{display:inline-grid;grid-template-columns:repeat(3,.24em);margin-left:.15em;text-align:center;white-space:nowrap}
.waiting-dots span{opacity:0;animation:reading-dot 2.6s ease-in-out infinite;animation-delay:calc(var(--i)*.28s)}
@keyframes reading-dot{0%,8%,100%{opacity:0}20%,65%{opacity:1}82%{opacity:0}}
@keyframes reading-shuffle{
  0%,100%{transform:translate3d(calc((var(--i) - 1)*8px),0,calc(var(--i)*10px)) rotateZ(calc((var(--i) - 1)*-5deg)) rotateY(-8deg)}
  26%{transform:translate3d(calc((var(--i) - 1)*74px),calc((1 - var(--i))*12px),38px) rotateZ(calc((var(--i) - 1)*24deg)) rotateY(calc((var(--i) - 1)*30deg))}
  50%{transform:translate3d(calc((1 - var(--i))*9px),-7px,calc((2 - var(--i))*16px)) rotateZ(calc((var(--i) - 1)*6deg)) rotateY(15deg)}
  76%{transform:translate3d(calc((1 - var(--i))*64px),calc((var(--i) - 1)*14px),24px) rotateZ(calc((1 - var(--i))*20deg)) rotateY(calc((1 - var(--i))*-28deg))}
}
.compact-result{max-width:1100px;padding-bottom:18px;display:flex;flex-direction:column;height:calc(100svh - 137px);min-height:0}
.compact-result .stage-toolbar{margin-bottom:18px;flex-shrink:0}
.compact-result .result-heading{margin:0 auto;flex-shrink:0}
.compact-result .result-heading h1{font-size:38px}
.compact-result .question-caption{font-size:13px;line-height:1.5;max-width:75ch;margin-top:12px}
.reading-selector{display:flex;align-items:center;justify-content:center;gap:28px;margin:24px auto 12px;max-width:960px;flex-shrink:0}
.reading-overview{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:44px;border:1px solid #9876c552;border-radius:999px;padding:11px 18px;background:transparent;color:#ddcafa;font-size:13px;font-weight:700;transition:color .2s,background .2s}
.reading-overview[aria-pressed=true]{background:#7546bd;color:#fff}
.reading-overview:hover{color:#fff}
.reading-deck{display:flex;justify-content:center;gap:22px;min-width:0;padding:8px 8px 22px}
.reading-choice{display:flex;flex-direction:column;align-items:center;gap:14px;width:112px;min-width:44px;flex:0 1 112px;padding:0;border:0;background:transparent;color:#cbbddd;position:relative;font-size:12px;font-weight:500;line-height:1.35;transition:color .2s;--reading-rotate:3deg}
.reading-choice:nth-child(odd){--reading-rotate:-3deg}
.reading-choice__face{display:block;position:relative;width:100%;aspect-ratio:420/710;border-radius:7px;transform:rotate(var(--reading-rotate));transition:transform .35s var(--ease),filter .25s;box-shadow:0 14px 22px #02000560;isolation:isolate}
.reading-choice__face img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:contain}
.reading-choice__shine{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.reading-choice__shine:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 18%,#fff8 38%,#fff2 48%,transparent 65%);transform:translateX(-120%);opacity:0}
.reading-choice__caption{display:block;min-height:32px;text-align:center;text-wrap:balance}
.reading-choice:only-child .reading-choice__caption{width:max-content;max-width:none;white-space:nowrap}
.reading-choice[aria-pressed=true]{color:#fff;font-weight:700}
.reading-choice[aria-pressed=true] .reading-choice__face{transform:translateY(12px) rotate(0deg);filter:brightness(1.06)}
.reading-choice:focus-visible{outline:none}
.reading-choice:focus-visible .reading-choice__face{outline:2px solid #ddc8ff;outline-offset:5px}
.reading-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.compact-result .reading-panel{width:100%;max-width:960px;max-height:none;min-height:180px;flex:1;margin:0 auto;padding:18px 24px;border:0;border-radius:28px;background:transparent;box-shadow:none;scrollbar-color:#9676b8 transparent;overflow-x:hidden;scrollbar-gutter:stable;isolation:isolate}
.reading-summary{max-width:68ch;margin:auto}
.reading-detail{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:start;gap:34px;animation:none}
.reading-selected-art{position:sticky;top:4px;padding:6px 2px 12px}
.reading-selected-art img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 18px 28px #02000568;transform-origin:50% 50%}
.reading-flight{position:fixed;z-index:40;display:block;pointer-events:none;transform-origin:0 0;border-radius:8px;box-shadow:0 18px 28px #02000568}
.reading-copy{min-width:0}
.reading-card-heading .position{margin:0 0 8px;color:#d2b7ff;font-size:12px}
.reading-card-heading h2{font-size:27px;margin:0;line-height:1.25;text-wrap:balance}
.reading-detail .reading-body{margin-top:18px}
.reading-panel .reading-action{margin-top:22px}
.compact-result .result-note{margin-top:14px;flex-shrink:0}
@media(hover:hover) and (pointer:fine){
  .reading-choice:hover .reading-choice__face{transform:translateY(-7px) rotate(0deg) scale(1.035);filter:brightness(1.05)}
  .reading-choice[aria-pressed=true]:hover .reading-choice__face{transform:translateY(9px) rotate(0deg) scale(1.035)}
  .reading-choice:hover .reading-choice__shine:after{animation:violet-card-shine .8s var(--ease) both}
}
@media(min-width:761px) and (max-height:800px){
  .compact-result{height:calc(100svh - 120px);position:relative}
  .compact-result .stage-toolbar{position:absolute;inset:8px 40px auto;margin:0;pointer-events:none}
  .compact-result .stage-toolbar button{pointer-events:auto}
  .compact-result .result-heading{padding-top:8px}
  .reading-selector{margin-top:16px;margin-bottom:2px;gap:22px}
  .reading-choice{width:90px;flex-basis:90px;gap:10px}
  .reading-deck{gap:20px;padding-bottom:16px}
  .compact-result .result-heading h1{font-size:32px}
  .compact-result .reading-panel{padding-top:10px;padding-bottom:10px}
  .reading-detail{grid-template-columns:115px minmax(0,1fr);gap:28px}
  .reading-panel p{font-size:15px}
}
@media(max-width:760px){
  .app-main--waiting .waiting{padding:28px 18px}
  .waiting .reading-orbit{width:240px;height:205px;margin-bottom:24px;scale:.9}
  .waiting h1{font-size:27px;max-width:350px;margin:auto}
  .compact-result{height:calc(100svh - 126px)}
  .compact-result .result-heading h1{font-size:29px}
  .compact-result .question-caption{font-size:11px;max-width:38ch}
  .reading-selector{flex-direction:column;gap:10px;margin:18px auto 6px}
  .reading-overview{min-height:40px;padding:9px 17px;font-size:12px}
  .reading-deck{width:100%;gap:12px;padding:6px 3px 18px}
  .reading-choice{width:min(80px,calc((100vw - 72px)/var(--reading-count) - 10px));flex:0 0 min(80px,calc((100vw - 72px)/var(--reading-count) - 10px));font-size:10px;gap:11px}
  .reading-choice__face{border-radius:5px}
  .reading-choice__caption{min-height:27px}
  .reading-choice[aria-pressed=true] .reading-choice__face{transform:translateY(7px)}
  .compact-result .reading-panel{min-height:176px;padding:12px 0;border-radius:18px}
  .reading-detail{grid-template-columns:72px minmax(0,1fr);gap:15px}
  .reading-selected-art{position:static;padding:3px 0 0}
  .reading-selected-art img{border-radius:5px}
  .reading-copy{display:contents}
  .reading-card-heading{align-self:center}
  .reading-card-heading h2{font-size:23px}
  .reading-card-heading .position{font-size:10px;margin-bottom:7px}
  .reading-detail .reading-body,.reading-detail .reading-action{grid-column:1/-1;margin-top:0}
  .reading-panel .reading-body,.reading-panel .reading-action{font-size:15px;line-height:1.7}
  .reading-panel h2{font-size:23px}
  .reading-summary h2{font-size:22px}
  .compact-result .result-note{margin-top:10px}
}
@media(max-width:760px) and (max-height:760px){
  .compact-result .stage-toolbar{margin-bottom:12px}
  .reading-selector{gap:6px;margin-top:12px}
  .reading-choice{width:min(64px,calc((100vw - 72px)/var(--reading-count) - 10px));flex-basis:min(64px,calc((100vw - 72px)/var(--reading-count) - 10px))}
}
@media(max-width:360px){.reading-deck{gap:6px;padding-inline:0}}
:root[data-page-visibility=hidden] .reading-orbit img,:root[data-page-visibility=hidden] .waiting-dots span{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .waiting .reading-orbit img{animation:none;transform:translateX(calc((var(--i) - 1)*34px)) rotate(calc((var(--i) - 1)*16deg))}
  .waiting-dots span{animation:none;opacity:1}
  .reading-choice__face,.reading-choice:hover .reading-choice__face,.reading-choice[aria-pressed=true]:hover .reading-choice__face{transform:none;transition:filter .15s}
  .reading-choice[aria-pressed=true] .reading-choice__face{transform:none;outline:2px solid #cdb4ff;outline-offset:3px}
  .reading-choice__shine{display:none}
}