:root{--color-bg: #14161d;--color-surface: #1d2029;--color-input: #22262f;--color-text: #ece7db;--color-secondary: #c9c4b8;--color-muted: #9a94a6;--color-accent: #d4a94e;--color-accent-hover: #dfb45f;--color-accent-active: #bd9240;--color-accent-ink: #14161d;--color-line: #2e3340;--color-line-subtle: rgba(236, 231, 219, .12);--color-focus: #d4a94e;--font-display: Georgia, "Times New Roman", serif;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--track-wide: .12em;--space-section: 32px;--space-card: 16px;--radius: 8px;--radius-card: 12px;--shadow-hero: 0 12px 40px rgba(0, 0, 0, .45);--ease-settle: cubic-bezier(.22, .8, .3, 1);--dur-flip: .55s;--dur-stagger: .1s;--dur-fade: .25s;--measure: 680px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.65;color:var(--color-text);background:radial-gradient(120% 60% at 50% 0%,rgba(236,231,219,.05),transparent 70%),var(--color-bg)}main{max-width:var(--measure);margin:0 auto;padding:48px 24px 80px;min-height:100vh}h1{font-family:var(--font-display);font-weight:400;font-size:2.1rem;line-height:1.2;letter-spacing:.01em;margin:0 0 10px;color:var(--color-text)}h2{font-family:var(--font-display);font-weight:400;font-size:1.45rem;line-height:1.3;margin:0 0 10px;color:var(--color-text)}h3{font-family:var(--font-display);font-weight:400;font-size:1.18rem;line-height:1.4;margin:0 0 4px;color:var(--color-text)}h4{font-size:.92rem;line-height:1.45;letter-spacing:var(--track-wide);text-transform:uppercase;font-weight:600;margin:20px 0 6px;color:var(--color-muted)}p{margin:0 0 12px;color:var(--color-secondary)}h1+p,h2+p{color:var(--color-secondary)}section{margin:0 0 var(--space-section)}section:last-child{margin-bottom:0}label{display:block;margin:0 0 18px;font-weight:600;color:var(--color-text)}label>p{font-weight:400;font-size:.92rem;line-height:1.55;color:var(--color-muted);margin:6px 0 0}textarea,select{display:block;width:100%;margin-top:8px;padding:12px 14px;font:inherit;font-size:1rem;line-height:1.5;color:var(--color-text);background:var(--color-input);border:1px solid var(--color-line);border-radius:var(--radius)}textarea{resize:vertical;min-height:88px}textarea::placeholder{color:var(--color-muted)}textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button{display:inline-block;margin:6px 0 14px;padding:12px 24px;font:inherit;font-size:1rem;font-weight:700;color:var(--color-accent-ink);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius);cursor:pointer}button:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}button:active:not(:disabled){background:var(--color-accent-active);border-color:var(--color-accent-active)}button:disabled{opacity:.45;cursor:not-allowed}.mode-card{margin:0 0 20px;padding:18px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card)}.mode-card[data-selected=true]{border-color:#d4a94e8c}.mode-card button{margin-bottom:0}.mode-card button+p{margin-top:10px;margin-bottom:0}.mode-preview{display:flex;align-items:flex-end;gap:10px;margin:2px 0 14px}.mode-preview .tarot-card{margin:0}.mode-preview .tarot-card svg{max-width:76px}.preview-1 .tarot-card svg{max-width:92px}.preview-3 .tarot-card:nth-child(2){transform:translateY(-8px)}.preview-3 .tarot-card svg{max-width:68px}.preview-6{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 10px}.preview-6 .tarot-card svg{max-width:56px}article{margin:0 0 20px;padding:var(--space-card) 18px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card)}article:last-of-type{margin-bottom:16px}article>p:last-child{margin-bottom:0}article p{color:var(--color-secondary)}.tarot-card{margin:4px 0 14px;padding:0}.tarot-card svg{display:block;width:100%;max-width:240px;height:auto;aspect-ratio:3 / 5}.result--3 .tarot-card svg,.result--6 .tarot-card svg{max-width:150px}.tarot-card[data-orientation=reversed] .tarot-art{transform:rotate(180deg);transform-box:fill-box;transform-origin:center;opacity:.82}.result .echo{font-size:.92rem;color:var(--color-muted);margin-bottom:6px}.result .echo+.echo{margin-bottom:20px}.reading-card .tarot-card{margin-bottom:20px}.reading-card h3{font-size:1.25rem}.position-line{color:var(--color-secondary);font-size:.95rem;margin:-2px 0 14px}.reading-card h4{margin-top:16px}.reading-context{background:transparent;border:none;border-left:2px solid var(--color-line);border-radius:0;padding:4px 0 4px 18px;margin-top:32px}.reading-context h3{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-muted)}.reading-reflection{background:transparent;border:none;padding:8px 4px;margin:44px 0 36px}.reading-reflection h3{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-muted)}.reading-reflection p{font-style:italic;color:var(--color-secondary)}.result .provenance{font-size:.85rem;color:var(--color-muted);margin:28px 0 16px}.result>button:last-child{background:transparent;border-color:var(--color-line);color:var(--color-secondary);font-weight:600}.result>button:last-child:hover:not(:disabled){background:transparent;border-color:var(--color-accent);color:var(--color-accent);filter:none}.tarot-card:hover svg{filter:brightness(1.06)}.tarot-card.is-flip{perspective:700px}.flip-inner{position:relative;transform-style:preserve-3d;transition:transform var(--dur-flip) var(--ease-settle);transition-delay:0ms}.flip-inner[data-flipped=false]{transform:rotateY(0)}.flip-inner[data-flipped=true]{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-face.flip-back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg)}.flip-face svg{width:100%;height:auto;display:block}.result article>:not(.tarot-card){transition:opacity var(--dur-fade) ease-out}.result[data-prose=false] article>:not(.tarot-card){opacity:0;transition:none}.result[data-prose=true] article>:not(.tarot-card){opacity:1;transition-delay:0ms}@media (max-width: 720px){main{padding-left:20px;padding-right:20px}}@media (max-width: 480px){body{font-size:16px}main{padding:32px 16px 64px}h1{font-size:1.7rem}h2{font-size:1.3rem}button{width:100%;padding:13px 20px}article{padding:14px}.tarot-card svg{max-width:165px}.result--3 .tarot-card svg,.result--6 .tarot-card svg{max-width:132px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}}