@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f3eef7;font-synthesis:none;--bg:#1d1930;--panel:#28213e;--muted:#a79db4;--lavender:#c9b9ec;--peach:#efb78f;--line:#ede1f624;--ease:cubic-bezier(.22, 1, .36, 1);background:#1d1930;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed}.app-shell{isolation:isolate;background:radial-gradient(circle at 72% 12%, #6b539933, transparent 30%), radial-gradient(circle at 18% 70%, #db917617, transparent 26%), var(--bg);max-width:1180px;min-height:100svh;margin:0 auto;padding:0 48px 34px;position:relative;overflow:hidden}.ambient{z-index:-1;filter:blur(2px);pointer-events:none;border-radius:50%;position:absolute}.ambient-one{background:#9575c512;width:240px;height:240px;top:8%;right:8%}.ambient-two{background:#efb78f0f;width:180px;height:180px;bottom:8%;left:4%}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;display:flex}.brand{text-align:left;background:0 0;align-items:center;gap:11px;padding:0;display:inline-flex}.brand-mark{width:32px;height:32px;color:var(--peach);border:1px solid #efb78f6b;border-radius:50%;place-items:center;font-size:15px;display:grid}.brand strong,.brand em{letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-style:normal;line-height:12px;display:block}.brand strong{color:#f4eef5;font-weight:700}.brand em{color:var(--lavender);font-weight:400}.topbar-right{align-items:center;gap:22px;display:flex}.quiet-status{color:#a19aae;letter-spacing:.04em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.quiet-status i{background:#9ac29e;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 12px #9ac29e}.close-button{border:1px solid var(--line);color:#b7adbf;background:0 0;border-radius:50%;width:30px;height:30px;font-size:19px;line-height:1}.close-button:hover{color:#fff;border-color:#fff6}.progress-wrap{background:#ffffff0a;height:3px;margin:0 -48px;overflow:hidden}.progress-line{background:var(--peach);width:17%;height:100%;transition:width .45s var(--ease)}.progress-question{width:32%}.progress-context{width:46%}.progress-shuffle{width:61%}.progress-select{width:75%}.progress-reveal{width:89%}.progress-interpret{width:100%}.restore-status,.error-banner{z-index:40;text-align:center;border-radius:7px;max-width:680px;margin:14px auto -40px;padding:10px 14px;font-size:11px;position:relative}.restore-status{color:#cfc1da;border:1px solid var(--line);background:#2d2542e6}.error-banner{color:#f4cfb7;background:#55343feb;border:1px solid #efb78f59}.screen{min-height:calc(100svh - 130px);padding:68px 0 54px;position:relative}.fade-in{animation:fade-in .6s var(--ease) both}@keyframes fade-in{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}.eyebrow,.step-kicker,.oracle-label,.field-label,.reveal-position,.reveal-tap,.fan-note,.question-ribbon span,.interpret-question span{color:#a9a0ba;letter-spacing:.15em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.step-kicker span{color:var(--peach);margin-right:8px}.hero-copy{max-width:690px}.hero-copy h1,h2{color:#f4edf4;letter-spacing:-.065em;margin:14px 0 18px;font-size:clamp(43px,6vw,73px);font-weight:600;line-height:.98}.hero-copy h1 i,h2 i{color:var(--lavender);font-style:italic;font-weight:400}.hero-copy p{color:#aaa1b2;max-width:450px;margin:0;font-size:15px;line-height:1.65}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;max-width:810px;margin-top:56px;display:grid}.topic-option{border:1px solid var(--line);text-align:left;min-height:74px;transition:transform .25s var(--ease), border-color .25s, background .25s;background:#30274685;border-radius:12px;align-items:center;gap:14px;padding:15px 17px;display:flex}.topic-option:hover{background:#372c4fd6;border-color:#c9b9ec85;transform:translateY(-3px)}.topic-icon{width:34px;height:34px;color:var(--peach);border:1px solid #efb78f52;border-radius:50%;flex:none;place-items:center;font-size:17px;display:grid}.topic-option strong,.topic-option small{display:block}.topic-option strong{font-size:13px;font-weight:700}.topic-option small{color:#91879e;margin-top:4px;font-size:10px}.topic-arrow{color:#817891;margin-left:auto;font-size:16px}.home-links{gap:26px;margin-top:29px;display:flex}.home-links button{color:#bdb1cf;background:0 0;padding:0;font-size:12px}.home-links button:hover{color:#fff}.home-links span{color:#7e728c;text-transform:uppercase;margin-left:5px;font-family:DM Mono,monospace;font-size:9px}.centered{max-width:640px;margin:0 auto}.form-screen h2{font-size:clamp(39px,5vw,62px)}.topic-pill{color:#d1c2dc;background:#efb78f12;border:1px solid #efb78f40;border-radius:40px;align-items:center;gap:8px;margin:2px 0 39px;padding:7px 11px;font-size:11px;display:inline-flex}.topic-pill span{color:var(--peach)}.field-label{justify-content:space-between;margin-bottom:10px;display:flex}.field-label span{color:#756b81;letter-spacing:.05em}.form-screen textarea{resize:vertical;color:#f4edf4;background:#201b32a8;border:1px solid #ede1f62e;border-radius:10px;outline:none;width:100%;min-height:156px;padding:18px 19px;font-size:15px;line-height:1.6;transition:border .2s,background .2s;display:block}.form-screen textarea:focus{background:#27203ce6;border-color:#c9b9ecb8}.form-screen textarea::placeholder{color:#756c81}.example-copy,.form-intro{color:#898094;margin:12px 0 0;font-size:11px;line-height:1.55}.form-intro{max-width:440px;margin-bottom:31px;font-size:13px;line-height:1.65}.form-footer{color:#756b81;justify-content:space-between;align-items:center;margin-top:26px;font-family:DM Mono,monospace;font-size:10px;display:flex}.primary-button,.secondary-button{min-height:48px;transition:transform .22s var(--ease), background .22s, opacity .22s;border-radius:7px;justify-content:center;align-items:center;gap:18px;padding:0 20px;font-size:12px;font-weight:700;display:inline-flex}.primary-button{color:#2a2035;background:var(--peach)}.primary-button b{font-size:17px;font-weight:500}.primary-button:hover:not(:disabled){background:#f3c7a4;transform:translateY(-2px)}.primary-button:disabled{opacity:.38}.secondary-button{color:#e5dae7;background:0 0;border:1px solid #ede1f62b}.secondary-button:hover{border-color:#ede1f666}.text-button{color:#aaa0b2;background:0 0;padding:10px 0;font-size:12px}.text-button:hover{color:#f3edf5}.ritual-screen{max-width:730px;margin:0 auto}.ritual-header,.select-top,.interpret-top{justify-content:space-between;align-items:end;display:flex}.ritual-header h2,.select-top h2,.interpret-top h2{margin-bottom:0;font-size:50px}.deck-count,.selection-meter{color:#978ca5;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.shuffle-stage{place-items:center;min-height:420px;display:grid;position:relative}.deck-stack{width:202px;height:286px;position:relative}.deck-shadow,.deck-top{border-radius:13px;width:202px;height:286px;display:block;position:absolute;inset:0}.deck-shadow{background:#3c3057;border:1px solid #ede1f624}.deck-top{touch-action:none;transition:transform .18s var(--ease);background:#6e4b67;border:1px solid #efb78f99;padding:10px;box-shadow:0 24px 48px #0a071352}.card-back-inner{color:#f4d6bd;background:radial-gradient(circle at 50% 40%,#efb78f38,#0000 24%),#4d3657;border:1px solid #efb78f57;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.card-back-inner i{color:#f0b38f;margin-bottom:24px;font-size:24px;font-style:normal}.card-back-inner b{letter-spacing:.12em;text-transform:uppercase;font-size:12px;line-height:1.4}.card-back-inner small{color:#c39193;letter-spacing:.1em;text-transform:uppercase;margin-top:24px;font-family:DM Mono,monospace;font-size:7px}.shuffle-hint{color:#d2c5d7;text-align:center;margin:0;font-size:12px;line-height:1.7;position:absolute;bottom:14px}.shuffle-hint span{color:#84788d;font-size:10px}.spark{color:var(--peach);opacity:.7;position:absolute}.spark-a{font-size:18px;top:78px;left:25%}.spark-b{color:var(--lavender);font-size:25px;top:142px;right:24%}.question-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:18px;min-height:55px;padding:11px 16px;display:flex}.question-ribbon strong{color:#e6dce7;font-size:12px;font-weight:500}.question-ribbon.compact{margin:27px 0 14px}.wide{width:100%}.select-screen{max-width:920px;margin:0 auto}.selection-meter strong{color:var(--peach);font-size:24px;font-weight:500}.selection-meter span{color:#756b81}.spread-slots{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:29px;display:grid}.spread-slot{border:1px solid var(--line);opacity:.62;border-radius:8px;align-items:center;gap:11px;min-height:66px;padding:10px 12px;transition:opacity .25s,border .25s,background .25s;display:flex}.spread-slot.active{opacity:1;background:#efb78f0f;border-color:#efb78f8c}.spread-slot.filled{opacity:1}.slot-index{color:var(--peach);align-self:flex-start;font-family:DM Mono,monospace;font-size:10px}.spread-slot strong,.spread-slot small{display:block}.spread-slot strong{font-size:11px}.spread-slot small{color:#8b8195;margin-top:4px;font-size:9px}.slot-check{color:#9ac29e;margin-left:auto}.slot-dot{border:1px solid #756b81;border-radius:50%;width:8px;height:8px;margin-left:auto}.fan-area{height:342px;margin:18px auto 0;position:relative}.fan-note{text-align:center;width:100%;position:absolute;top:5px}.card-fan{width:330px;height:255px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.fan-card{transform-origin:50% 100%;width:62px;height:190px;transform:translateX(-50%) rotate(var(--rotation)) translateY(calc(var(--i) * -1px));transition:transform .25s var(--ease), filter .25s, border .25s;background:#58415f;border:1px solid #efb78f70;border-radius:9px;padding:7px;position:absolute;bottom:0;left:50%;box-shadow:0 8px 15px #08050f38}.fan-card span{color:#eeb18e;background:radial-gradient(circle,#efb78f30,#0000 32%),#4c3657;border:1px solid #efb78f4d;border-radius:5px;place-items:center;width:100%;height:100%;font-size:13px;display:grid}.fan-card:hover{z-index:20;filter:brightness(1.16);transform:translateX(-50%) rotate(var(--rotation)) translateY(-16px)}.fan-card.picked{filter:saturate(.3)brightness(.55);pointer-events:none}.selection-help{color:#83798c;text-align:center;margin:-1px auto 21px;font-size:10px}.reveal-screen{max-width:930px;margin:0 auto}.reveal-heading{max-width:520px}.reveal-heading h2{margin-bottom:12px;font-size:54px}.reveal-heading p{color:#9c91a3;margin:0;font-size:13px;line-height:1.65}.revealed-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px;display:grid}.reveal-card-wrap{text-align:center;background:0 0;padding:0}.reveal-position{color:#c3b5c8;letter-spacing:.08em;margin-bottom:12px;font-size:9px;display:block}.reveal-card{aspect-ratio:.7;transform-style:preserve-3d;transition:transform .7s var(--ease);display:block;position:relative}.reveal-card-wrap.is-revealed .reveal-card{transform:rotateY(180deg)}.reveal-back,.reveal-front{backface-visibility:hidden;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reveal-back{color:#efb78f;background:radial-gradient(circle at 50% 40%,#efb78f33,#0000 25%),#4d3657;border:1px solid #efb78f73;font-size:24px}.reveal-front{border:1px solid var(--card-accent,#c9b9ec);color:#292034;background:var(--card-accent,#c9b9ec);transform:rotateY(180deg)}.reveal-front small{letter-spacing:.11em;text-transform:uppercase;opacity:.65;font-family:DM Mono,monospace;font-size:8px}.reveal-front strong{margin:18px 0 12px;font-size:40px;font-weight:500}.reveal-front b{max-width:110px;font-size:13px;line-height:1.25}.reveal-front em{opacity:.65;margin-top:12px;font-size:9px;font-style:normal}.reveal-tap{color:#867b90;letter-spacing:.08em;margin-top:12px;font-size:9px;display:block}.reveal-card-wrap:not(.is-revealed):hover .reveal-card{transform:translateY(-7px)rotate(-1deg)}.reveal-complete{color:var(--lavender);text-align:center;margin-top:25px;font-family:DM Mono,monospace;font-size:10px}.interpretation-screen{max-width:790px;margin:0 auto}.interpret-top{align-items:start}.interpret-top h2{font-size:54px}.live-dot{color:#9ac29e;letter-spacing:.08em;margin-top:25px;font-family:DM Mono,monospace;font-size:10px}.mini-spread{gap:10px;margin-top:36px;display:flex}.mini-card{border:1px solid color-mix(in srgb, var(--card-accent,#c9b9ec) 45%, transparent);background:color-mix(in srgb, var(--card-accent,#c9b9ec) 10%, transparent);border-radius:6px;align-items:center;gap:8px;min-width:130px;padding:8px 10px;display:flex}.mini-card span{color:var(--card-accent,#c9b9ec);font-size:18px}.mini-card small{color:#c3b8c8;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.interpret-question{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:32px;padding:18px 0}.interpret-question p{color:#e9dce9;margin:9px 0 0;font-size:14px}.interpretation-copy{max-width:650px;margin-top:37px}.oracle-label{color:var(--peach)}.interpretation-copy p{color:#eee5ef;margin:14px 0 0;font-size:18px;line-height:1.8}.cursor{vertical-align:-3px;background:var(--peach);opacity:0;width:7px;height:20px;margin-left:4px;display:inline-block}.cursor.visible{opacity:1;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.interpret-actions{gap:10px;margin-top:37px;display:flex}.app-footer{color:#685e73;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-family:DM Mono,monospace;font-size:9px;display:flex}.app-footer span:last-child{color:#86798c}@media (width<=720px){.app-shell{padding:0 20px 25px}.topbar{height:72px}.quiet-status{display:none}.progress-wrap{margin:0 -20px}.screen{min-height:calc(100svh - 106px);padding:44px 0 40px}.hero-copy h1{font-size:48px}.hero-copy p{max-width:330px;font-size:13px}.topic-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:42px}.topic-option{gap:9px;min-height:72px;padding:12px 11px}.topic-icon{width:29px;height:29px;font-size:14px}.topic-option strong{font-size:11px}.topic-option small{font-size:8px}.topic-arrow{display:none}.home-links{gap:16px;margin-top:22px}.home-links button{font-size:10px}.form-screen h2{font-size:42px}.form-intro{font-size:12px}.ritual-header h2,.select-top h2{font-size:39px}.ritual-header{align-items:start}.deck-count{text-align:right;margin-top:12px}.shuffle-stage{min-height:390px}.spark-a{left:12%}.spark-b{right:10%}.question-ribbon{flex-direction:column;align-items:start;gap:5px;padding:12px 10px}.question-ribbon strong{font-size:11px;line-height:1.4}.spread-slots{gap:5px}.spread-slot{gap:7px;min-height:78px;padding:8px}.spread-slot strong{font-size:9px;line-height:1.25}.spread-slot small,.slot-index{font-size:8px}.fan-area{height:315px;margin-left:-20px;margin-right:-20px;overflow:hidden}.card-fan{transform-origin:50% 100%;transform:translate(-50%)scale(.83)}.selection-help{max-width:290px;line-height:1.5}.reveal-heading h2{font-size:43px}.revealed-grid{gap:7px;margin-top:33px}.reveal-front strong{margin:11px 0 7px;font-size:29px}.reveal-front b{max-width:74px;font-size:10px}.reveal-front small{font-size:6px}.reveal-front em{margin-top:8px;font-size:7px}.reveal-position,.reveal-tap{letter-spacing:.03em;font-size:7px}.interpret-top h2{font-size:43px}.mini-spread{gap:5px;margin-top:29px}.mini-card{flex:1;min-width:0;padding:7px}.mini-card small{font-size:8px}.interpret-question{margin-top:25px}.interpretation-copy p{font-size:16px;line-height:1.7}.interpret-actions{flex-direction:column-reverse}.secondary-button,.interpret-actions .primary-button{width:100%}.app-footer{margin-top:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.deck-shadow{z-index:1}.deck-top{z-index:3;transform:translateX(var(--drag-x,0px)) rotate(var(--drag-rotation,0deg))}.deck-top.is-cutting{z-index:3;pointer-events:none;animation:packet-shift .3s var(--ease) forwards}.deck-top.is-cutting.is-behind{z-index:0;animation:packet-return .3s var(--ease) forwards}.packet-layers{z-index:0;pointer-events:none;position:absolute;inset:0}.packet-layers i{transform:translate(calc(var(--layer) * -4px), calc(var(--layer) * 3px)) rotate(calc(var(--layer) * -1deg));background:#62465f;border:1px solid #efb78f66;border-radius:13px;display:block;position:absolute;inset:0}.card-back-inner{z-index:1;position:relative}.shuffle-hint.is-cutting-copy{color:var(--peach)}@keyframes packet-shift{0%{transform:translateX(var(--drag-x,0px)) rotate(var(--drag-rotation,0deg))}to{transform:translateX(calc(var(--cut-direction) * 154px)) rotate(calc(var(--cut-direction) * 8deg))}}@keyframes packet-return{0%{transform:translateX(calc(var(--cut-direction) * 154px)) rotate(calc(var(--cut-direction) * 8deg))}52%{transform:translateX(calc(var(--cut-direction) * 106px)) translateY(128px) rotate(calc(var(--cut-direction) * 6deg))}to{transform:translate(0)translateY(76px)rotate(0)scale(.96)}}.deck-base{z-index:1;position:absolute;inset:0;transform:translateY(6px)}.physical-card{transform:translate(calc(var(--card-index) * 1.6px), calc(var(--card-index) * 1.8px)) rotate(calc(var(--card-index) * .35deg));background:#50395a;border:1px solid #efb78f5c;border-radius:13px;display:block;position:absolute;inset:0}.deck-packet{z-index:3;width:202px;height:286px;color:inherit;touch-action:none;transform:translateX(var(--drag-x,0px)) rotate(var(--drag-rotation,0deg));transition:transform .18s var(--ease);background:#6e4b67;border:1px solid #efb78f99;border-radius:13px;padding:10px;display:block;position:absolute;inset:0;box-shadow:0 24px 48px #0a071352}.deck-packet.is-cutting{z-index:3;pointer-events:none;animation:packet-shift .3s var(--ease) forwards}.deck-packet.is-cutting.is-behind{z-index:0;animation:packet-return .3s var(--ease) forwards}.deck-packet .packet-layers i{background:#61445f}.deck-packet .card-back-inner{width:100%}.deck-card{z-index:calc(30 - var(--card-index));width:202px;height:286px;transform:translateX(var(--drag-x,0px)) translateY(calc(var(--card-index) * 1.6px)) rotate(calc(var(--card-index) * .35deg));border-radius:13px;display:block;position:absolute;inset:0}.deck-card .physical-card-surface{z-index:0;background:#50395a;border:1px solid #efb78f5c;border-radius:13px;display:block;position:absolute;inset:0}.deck-card-button{color:inherit;touch-action:none;transition:transform .18s var(--ease);background:#6e4b67;border:1px solid #efb78f99;padding:10px;box-shadow:0 24px 48px #0a071352}.deck-card-button .physical-card-surface{background:#4d3657;border-color:#efb78f59}.deck-card-button .card-back-inner{width:100%;height:100%}.deck-card .lower-card-back{z-index:1;width:auto;height:auto;position:absolute;inset:10px}.deck-stack{width:158px;height:250px}.deck-card{width:158px;height:250px;inset:0 auto auto 0}.deck-card .lower-card-back{inset:9px}.returning-cover{z-index:4;pointer-events:none;width:158px;height:250px;animation:card-packet-return-cover .3s var(--ease) forwards;background:#4d3657;border:1px solid #efb78f99;border-radius:13px;padding:9px;display:block;position:absolute;top:0;left:0;box-shadow:0 24px 48px #0a071347}.returning-cover .card-back-inner{width:100%;height:100%}@keyframes card-packet-return-cover{0%{transform:translateX(calc(var(--cut-direction) * 154px)) rotate(calc(var(--cut-direction) * 8deg))}52%{transform:translateX(calc(var(--cut-direction) * 106px)) translateY(128px) rotate(calc(var(--cut-direction) * 6deg))}to{transform:translate(0)translateY(76px)rotate(0)scale(.96)}}.fan-card{background:#6e4b67;border-color:#efb78f99;width:92px;height:145px}.fan-card span{color:#efb78f;background:radial-gradient(circle at 50% 40%,#efb78f38,#0000 24%),#4d3657;border-color:#efb78f57}.fan-area{height:320px}.card-fan{bottom:70px}.fan-card{width:143px;height:226px}.packet-card.is-cutting{z-index:calc(30 - var(--card-index));pointer-events:none;animation:card-packet-shift .3s var(--ease) forwards}.packet-card.is-cutting.is-behind{z-index:0;animation:card-packet-return .3s var(--ease) forwards}@keyframes card-packet-shift{0%{transform:translateX(var(--drag-x,0px)) translateY(calc(var(--card-index) * 1.6px)) rotate(calc(var(--card-index) * .35deg))}to{transform:translateX(calc(var(--cut-direction) * 154px)) translateY(calc(var(--card-index) * 1.6px)) rotate(calc(var(--cut-direction) * 8deg + var(--card-index) * .35deg))}}@keyframes card-packet-return{0%{transform:translateX(calc(var(--cut-direction) * 154px)) translateY(calc(var(--card-index) * 1.6px)) rotate(calc(var(--cut-direction) * 8deg + var(--card-index) * .35deg))}52%{transform:translateX(calc(var(--cut-direction) * 106px)) translateY(calc(128px + var(--card-index) * 1.6px)) rotate(calc(var(--cut-direction) * 6deg + var(--card-index) * .35deg))}to{transform:translateX(0) translateY(calc(76px + var(--card-index) * 1.6px)) rotate(calc(var(--card-index) * .35deg))}}