:root{color:#f6efe4;background:#141312;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #141312;--ink-soft: #211d1b;--paper: #f5ead7;--paper-deep: #e2cfae;--gold: #c99a3f;--teal: #2a8c83;--ruby: #9e3547;--violet: #5f4c86;--line: rgba(245, 234, 215, .18);--shadow: 0 18px 50px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html{min-width:320px;background:linear-gradient(rgba(245,234,215,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(245,234,215,.03) 1px,transparent 1px),#141312;background-size:32px 32px,32px 32px,auto}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.76}.app-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 24px}.topbar h1,.reading-board h2,.reading-card h2,.empty-spread h2{margin:0;letter-spacing:0}.topbar h1{font-family:Georgia,Times New Roman,serif;font-size:2.3rem;font-weight:700}.eyebrow{margin:0 0 7px;color:var(--gold);font-size:.73rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.deck-status{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:8px;color:var(--paper);background:#f5ead70f}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;min-height:42px;border:1px solid rgba(245,234,215,.14);border-radius:8px;padding:4px;background:#141312a3}.mode-switch button{border:0;border-radius:6px;color:#f6efe4a8;font-size:.88rem;font-weight:850;background:transparent}.mode-switch button:hover,.mode-switch button:focus-visible{color:var(--paper);outline:none}.mode-switch button.is-active{color:#17110c;background:var(--gold)}.studio-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;align-items:start}.control-panel,.reading-board{border:1px solid var(--line);border-radius:8px;background:#211d1bdb;box-shadow:var(--shadow)}.control-panel{position:sticky;top:24px;display:grid;gap:22px;padding:22px}.field-group{display:grid;gap:10px}label,.label-text{color:#f6efe4db;font-size:.88rem;font-weight:760}textarea{width:100%;min-height:118px;resize:vertical;border:1px solid rgba(245,234,215,.18);border-radius:8px;padding:13px 14px;color:var(--paper);background:#141312d6;outline:none}input{width:100%;min-height:42px;border:1px solid rgba(245,234,215,.18);border-radius:8px;padding:0 12px;color:var(--paper);background:#141312d6;outline:none}input:focus,textarea:focus{border-color:#c99a3fc2;box-shadow:0 0 0 3px #c99a3f29}input::placeholder,textarea::placeholder{color:#f6efe46b}.spread-selector{display:grid;gap:8px}.spread-selector button{display:grid;gap:4px;min-height:64px;border:1px solid rgba(245,234,215,.14);border-radius:8px;padding:12px;color:var(--paper);text-align:left;background:#1413128a}.spread-selector button:hover,.spread-selector button:focus-visible{border-color:#c99a3f9e;outline:none}.spread-selector button.is-active{border-color:var(--gold);background:#c99a3f29}.spread-selector span{font-weight:800}.spread-selector small{color:#f6efe494;line-height:1.35}.custom-spread-editor{display:grid;gap:14px;border:1px solid rgba(245,234,215,.14);border-radius:8px;padding:14px;background:#14131266}.custom-position-list{display:grid;gap:8px;max-height:310px;overflow:auto;padding-right:4px}.custom-position-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center}.custom-position-row span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(201,154,63,.4);border-radius:999px;color:var(--gold);font-size:.8rem;font-weight:900;background:#c99a3f1f}.action-row{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:10px}.primary-button,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:8px}.primary-button{gap:9px;padding:0 16px;color:#16110c;font-weight:900;background:var(--gold)}.secondary-button{gap:9px;border:1px solid rgba(245,234,215,.16);padding:0 14px;color:var(--paper);font-weight:850;background:#f5ead71a}.primary-button:hover,.primary-button:focus-visible{background:#dfb357;outline:none}.secondary-button:hover,.secondary-button:focus-visible{border-color:#c99a3f8f;color:#fff;background:#f5ead729;outline:none}.icon-button{width:46px;color:var(--paper);background:#f5ead71a}.icon-button:hover,.icon-button:focus-visible{color:#fff;background:#f5ead72e;outline:none}.spin{animation:spin .9s linear infinite}.error-text{margin:0;color:#ffb4bd}.ritual-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;border:1px solid rgba(245,234,215,.14);border-radius:8px;padding:14px;background:linear-gradient(135deg,rgba(42,140,131,.14),transparent 42%),#14131294}.ritual-panel h2{margin:0;color:var(--paper);font-size:1.1rem;line-height:1.2}.ritual-count{display:inline-flex;align-items:baseline;gap:3px;color:var(--gold)}.ritual-count span{font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:700;line-height:1}.ritual-count small{color:#f6efe48f;font-weight:800}.reading-board{min-height:680px;padding:22px}.reading-board__header{display:flex;align-items:start;justify-content:space-between;gap:18px;min-height:58px;padding-bottom:20px;border-bottom:1px solid var(--line)}.reading-board__header h2{max-width:780px;color:var(--paper);font-size:1.2rem;line-height:1.35;overflow-wrap:anywhere}.reading-board__header time{flex:0 0 auto;color:#f6efe48a;font-size:.86rem}.spread-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;padding-top:22px}.spread-grid.count-1{grid-template-columns:minmax(230px,420px);justify-content:center}.reading-card{display:grid;gap:16px;min-width:0;border:1px solid rgba(245,234,215,.16);border-radius:8px;padding:16px;background:#1413129e;animation:rise-in .42s ease both}.interpretation-panel{grid-column:1 / -1;display:grid;gap:14px;border:1px solid rgba(245,234,215,.16);border-radius:8px;padding:18px;background:linear-gradient(135deg,rgba(201,154,63,.12),transparent 34%),#141312a8;animation:rise-in .42s ease both}.interpretation-panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.interpretation-panel__header h2{margin:0;color:var(--paper);font-size:1.16rem;line-height:1.2}.interpretation-panel__header .primary-button{flex:0 0 auto;min-width:132px}.interpretation-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.interpretation-actions .primary-button,.interpretation-actions .secondary-button{min-width:132px}.interpretation-result{display:grid;gap:12px}.interpretation-meta{display:flex;flex-wrap:wrap;gap:8px;color:#f6efe48f;font-size:.82rem}.interpretation-meta span{color:var(--gold);font-weight:850}.interpretation-result p,.interpretation-placeholder{margin:0;color:#f6efe4c7;line-height:1.82;white-space:pre-wrap}.interpretation-placeholder{color:#f6efe48f}.reading-card__visual{display:grid;justify-items:center;gap:12px}.position-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;min-width:74px;border:1px solid rgba(245,234,215,.16);border-radius:999px;padding:0 12px;color:var(--paper);font-size:.82rem;font-weight:850;background:#f5ead714}.tarot-face{width:min(100%,220px);aspect-ratio:7 / 11;border-radius:8px;padding:9px;color:#181310;background:linear-gradient(135deg,rgba(255,255,255,.48),transparent 32%),var(--paper);box-shadow:0 18px 32px #00000042,inset 0 0 0 1px #1413121f}.tarot-face--image{position:relative;width:min(100%,240px);aspect-ratio:1637 / 2000;overflow:visible;border-radius:12px;padding:0;color:var(--paper);background:transparent;box-shadow:none}.tarot-face__image{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px;filter:drop-shadow(0 18px 32px rgba(0,0,0,.36));transform-origin:50% 50%}.tarot-face__image.is-reversed{transform:rotate(180deg)}.tarot-face__image-badge{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;justify-content:center;min-height:26px;border:1px solid rgba(245,234,215,.22);border-radius:999px;padding:0 10px;color:var(--paper);font-size:.74rem;font-weight:900;background:#141312b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 18px #00000042}.tarot-face__frame{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border:2px solid currentColor;border-radius:6px;background:linear-gradient(90deg,transparent 49%,rgba(20,19,18,.18) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(20,19,18,.18) 50%,transparent 51%);background-size:54px 54px,54px 54px}.tarot-face__sigil{font-size:4.8rem;line-height:1;opacity:.22}.tarot-face__corner{position:absolute;top:10px;left:12px;font-size:1.1rem;font-weight:900}.tarot-face__corner--bottom{inset:auto 12px 10px auto;rotate:180deg}.tarot-face__name{position:absolute;right:10px;bottom:42px;left:10px;display:grid;gap:4px;text-align:center}.tarot-face__name strong{font-family:Georgia,Times New Roman,serif;font-size:1.3rem;line-height:1.1;overflow-wrap:anywhere}.tarot-face__name span{font-size:.66rem;font-weight:800;text-transform:uppercase}.tarot-face__orientation{position:absolute;right:10px;bottom:10px;left:10px;display:inline-flex;align-items:center;justify-content:center;min-height:24px;border-top:1px solid currentColor;padding-top:6px;font-size:.76rem;font-weight:900}.suit-major{color:#34234d}.suit-wands{color:#8f2e32}.suit-cups{color:#167b83}.suit-swords{color:#334f82}.suit-pentacles{color:#5e6e27}.tarot-face.is-reversed{background:linear-gradient(315deg,rgba(255,255,255,.4),transparent 32%),#ead8bc}.reading-card__body{display:grid;align-content:start;gap:13px}.reading-card h2{color:var(--paper);font-size:1.36rem;line-height:1.15}.english-name{margin:5px 0 0;color:#f6efe494;font-size:.88rem}.keyword-row{display:flex;flex-wrap:wrap;gap:7px}.keyword-row span{display:inline-flex;align-items:center;min-height:28px;border:1px solid rgba(42,140,131,.42);border-radius:999px;padding:0 10px;color:#ccefea;font-size:.78rem;background:#2a8c8321}.meaning,.reading-text{margin:0;line-height:1.72}.meaning{color:#f6efe4e0}.reading-text{border-left:3px solid var(--gold);padding-left:12px;color:#f6efe4b3}.empty-spread{display:grid;min-height:560px;place-items:center;align-content:center;gap:24px;text-align:center}.deck-stack{position:relative;width:176px;height:260px}.deck-stack div{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(245,234,215,.22);border-radius:8px;background:linear-gradient(90deg,transparent 49%,rgba(245,234,215,.2) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(245,234,215,.2) 50%,transparent 51%),#24201e;background-size:42px 42px,42px 42px,auto;box-shadow:var(--shadow)}.deck-stack div:nth-child(1){transform:translate(-14px,12px) rotate(-8deg)}.deck-stack div:nth-child(2){transform:translate(12px,8px) rotate(7deg)}.deck-stack div:nth-child(3){display:grid;place-items:center;transform:translate(0) rotate(0)}.deck-stack div:nth-child(3):after{content:"✦";color:var(--gold);font-size:4rem}.ritual-board{overflow:hidden;background:repeating-linear-gradient(90deg,rgba(245,234,215,.035) 0 1px,transparent 1px 18px),repeating-linear-gradient(0deg,rgba(20,19,18,.22) 0 2px,transparent 2px 18px),#1f2621f0}.question-dialog{display:grid;grid-template-columns:minmax(170px,260px) minmax(0,1fr);gap:34px;min-height:560px;align-items:center;border:0;padding:24px 12px 0}.question-dialog__deck{position:relative;min-height:300px}.question-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.question-card--left{transform:translate(-68%,-46%) rotate(-14deg)}.question-card--center{transform:translate(-50%,-52%) rotate(2deg);z-index:2}.question-card--right{transform:translate(-32%,-45%) rotate(13deg)}.question-dialog__body{position:relative;z-index:2;display:grid;gap:14px;max-width:520px}.question-dialog__body h2,.shuffle-stage h2,.selection-status h2{margin:0;color:var(--paper);font-family:Georgia,Times New Roman,serif;font-size:2rem;line-height:1.1;letter-spacing:0}.question-dialog__body .primary-button{width:fit-content;min-width:140px}.card-back{width:100%;aspect-ratio:7 / 11;border-radius:8px;padding:6px;color:#d6ad5a;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 28%),repeating-linear-gradient(45deg,rgba(245,234,215,.06) 0 2px,transparent 2px 10px),#231d29;box-shadow:0 16px 30px #00000052,inset 0 0 0 1px #f5ead71f}.question-dialog__deck .question-card{width:clamp(112px,11vw,168px)}.card-back__inner{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border:1px solid rgba(214,173,90,.72);border-radius:6px;background:linear-gradient(90deg,transparent 48%,rgba(214,173,90,.2) 50%,transparent 52%),linear-gradient(transparent 48%,rgba(214,173,90,.18) 50%,transparent 52%);background-size:28px 28px,28px 28px}.card-back__inner:before,.card-back__inner:after{position:absolute;top:14%;right:14%;bottom:14%;left:14%;content:"";border:1px solid rgba(214,173,90,.36);border-radius:50%}.card-back__inner:after{top:28%;right:28%;bottom:28%;left:28%;border-radius:8px;transform:rotate(45deg)}.card-back__inner span{position:relative;z-index:1;color:var(--gold);font-size:2rem;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.48)}.shuffle-stage{display:grid;min-height:560px;place-items:center;align-content:center;gap:28px;text-align:center}.shuffle-table{position:relative;width:min(78vw,520px);height:320px}.shuffle-table-button{border:0;padding:0;color:inherit;background:transparent;cursor:pointer}.shuffle-table-button:hover,.shuffle-table-button:focus-visible{outline:none}.shuffle-table-button:hover .shuffle-card,.shuffle-table-button:focus-visible .shuffle-card{filter:brightness(1.12)}.shuffle-card{position:absolute;top:50%;left:50%;width:118px;transform:translate(-50%,-50%) rotate(calc((var(--i) - 4) * 5deg));animation:ritual-shuffle 1.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.12s)}.stop-shuffle-button{min-width:148px}.selection-stage{display:grid;gap:22px;padding-top:22px}.selection-status{display:flex;justify-content:space-between;gap:18px;align-items:end}.selection-status h2{font-size:1.8rem}.position-track{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.position-track span{display:inline-flex;align-items:center;min-height:30px;border:1px solid rgba(245,234,215,.16);border-radius:999px;padding:0 10px;color:#f6efe49e;font-size:.78rem;font-weight:850;background:#1413124d}.position-track span.is-filled{border-color:#c99a3fad;color:var(--paper);background:#c99a3f29}.fan-deck{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:12px 8px;align-items:center;min-height:430px;border:1px solid rgba(245,234,215,.12);border-radius:8px;padding:20px;background:linear-gradient(90deg,rgba(20,19,18,.22),transparent 18%,transparent 82%,rgba(20,19,18,.22)),#0b110e2e;perspective:900px}.deck-choice{position:relative;justify-self:center;width:min(100%,58px);min-width:42px;border:0;padding:0;color:var(--paper);background:transparent;transform:translateY(var(--lift)) rotate(var(--tilt));transform-origin:50% 80%;animation:deal-in .44s ease both;animation-delay:var(--delay)}.deck-choice .card-back{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.deck-choice:hover:not(:disabled) .card-back,.deck-choice:focus-visible .card-back{filter:brightness(1.14);transform:translateY(-12px) scale(1.06);box-shadow:0 24px 38px #00000061,0 0 0 2px #c99a3f8a}.deck-choice:focus-visible{outline:none}.deck-choice:disabled{cursor:default;opacity:1}.deck-choice:disabled:not(.is-selected){opacity:.45}.deck-choice.is-selected .card-back{filter:brightness(1.18);transform:translateY(-16px) scale(1.08);box-shadow:0 24px 42px #00000070,0 0 0 2px var(--gold)}.pick-order{position:absolute;top:-10px;right:-7px;display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(20,19,18,.26);border-radius:999px;color:#17110c;font-size:.82rem;font-weight:950;background:var(--gold);box-shadow:0 8px 18px #00000057}.reveal-strip{display:inline-flex;align-items:center;justify-content:center;justify-self:center;gap:8px;min-height:38px;border:1px solid rgba(201,154,63,.48);border-radius:999px;padding:0 14px;color:var(--paper);background:#c99a3f24}.revealed-reading{display:grid;gap:20px;padding-top:22px}.chosen-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;border:1px solid rgba(245,234,215,.12);border-radius:8px;padding:14px;background:#14131247}.chosen-token{position:relative;width:54px}.chosen-token .card-back{box-shadow:0 12px 24px #00000047,inset 0 0 0 1px #f5ead71f}.chosen-token span{position:absolute;right:-8px;bottom:-8px;display:grid;place-items:center;width:24px;height:24px;border-radius:999px;color:#17110c;font-size:.78rem;font-weight:950;background:var(--gold)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ritual-shuffle{0%,to{transform:translate(-50%,-50%) rotate(calc((var(--i) - 4) * 5deg))}28%{transform:translate(calc(-50% + ((var(--i) - 4) * 22px)),-62%) rotate(calc((var(--i) - 4) * -9deg))}58%{transform:translate(calc(-50% - ((var(--i) - 4) * 16px)),-38%) rotate(calc((var(--i) - 4) * 8deg))}}@keyframes deal-in{0%{opacity:0;transform:translateY(22px) rotate(0)}to{opacity:1;transform:translateY(var(--lift)) rotate(var(--tilt))}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.app-shell{padding:20px}.studio-grid{grid-template-columns:1fr}.control-panel{position:static}.question-dialog{grid-template-columns:1fr;gap:20px;min-height:auto}.question-dialog__deck{min-height:240px}.question-dialog__deck .question-card{width:clamp(104px,22vw,148px)}.question-dialog__body{max-width:none}.selection-status{display:grid}.position-track{justify-content:flex-start}}@media(max-width:640px){.app-shell{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.topbar h1{font-size:2rem}.reading-board,.control-panel{padding:16px}.mode-switch{min-height:40px}.reading-board__header{display:grid}.reading-board__header time{justify-self:start}.spread-grid,.spread-grid.count-1{grid-template-columns:1fr}.interpretation-panel__header{display:grid}.interpretation-actions,.interpretation-panel__header .primary-button,.interpretation-panel__header .secondary-button{width:100%}.interpretation-actions{display:grid}.empty-spread{min-height:420px}.question-dialog{padding-top:14px}.question-dialog__deck{min-height:210px}.question-dialog__deck .question-card{width:clamp(88px,30vw,128px)}.question-dialog__body h2,.shuffle-stage h2,.selection-status h2{font-size:1.55rem}.shuffle-stage{min-height:430px}.shuffle-table{width:100%;height:240px}.shuffle-card{width:92px}.fan-deck{grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:10px 6px;min-height:360px;padding:14px}.deck-choice{width:min(100%,46px);min-width:34px}.card-back__inner span{font-size:1.45rem}.chosen-token{width:46px}}