#oda-app{--navy:#08111f;--navy2:#101e31;--ivory:#f2e9d8;--gold:#b79a60;--gold2:#e4c98b;--wine:#6f2638;--violet:#65506f;--green:#355947;--terra:#a4573d;--muted:#aeb6c1}#oda-app, #oda-app *{box-sizing:border-box}#oda-app{scroll-behavior:smooth}#oda-app{margin:0;background:radial-gradient(circle at 50% 0,#182a42 0,#091421 42%,#050a11 100%);color:var(--ivory);font-family:Manrope,sans-serif;min-height:100vh;overflow-x:hidden}#oda-app .ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}#oda-app .ambient:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:83px 83px;opacity:.1}#oda-app .ambient i{position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(100px);opacity:.12}#oda-app .ambient i:nth-child(1){background:#b79a60;top:10%;left:-120px}#oda-app .ambient i:nth-child(2){background:#6f2638;top:55%;right:-140px}#oda-app .ambient i:nth-child(3){background:#355947;bottom:-100px;left:30%}#oda-app .topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid #b79a6030;position:relative;z-index:5}#oda-app .brand{color:var(--ivory);text-decoration:none;display:flex;align-items:center;gap:12px;letter-spacing:.17em;font:600 15px 'Cormorant Garamond',serif}#oda-app .brand b{color:var(--gold2)}#oda-app .brand-mark{color:var(--gold2);font-size:24px}#oda-app .icon-btn,#oda-app .back-btn,#oda-app .text-btn{background:none;border:0;color:var(--gold2);cursor:pointer}#oda-app .icon-btn{border:1px solid #b79a6060;border-radius:50%;width:38px;height:38px}#oda-app .view{display:none;min-height:calc(100vh - 76px);padding:60px 22px 80px}#oda-app .view.active{display:flex;animation:fade .55s ease both}@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}#oda-app .hero{align-items:center;flex-direction:column;text-align:center}#oda-app .eyebrow,#oda-app .step{color:var(--gold2);font-size:11px;letter-spacing:.34em;font-weight:600;margin-bottom:16px}#oda-app .hero h1,#oda-app .ritual-panel h2,#oda-app .result-head h2{font:600 clamp(42px,6vw,74px)/.97 'Cormorant Garamond',serif;margin:0;letter-spacing:-.025em}#oda-app .hero h1 em{color:var(--gold2);font-weight:500}#oda-app .lead{color:#d1d4d8;max-width:650px;line-height:1.7;margin:22px auto}#oda-app .hero-card-wrap{position:relative;width:150px;margin:16px 0 30px}#oda-app .hero-card{width:100%;border-radius:10px;display:block;box-shadow:0 25px 60px #000b}#oda-app .halo{position:absolute;inset:-35px;border-radius:50%;background:radial-gradient(circle,#c8a76545,transparent 68%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.12);opacity:.55}}#oda-app button{font:inherit}#oda-app .primary,#oda-app .secondary{border-radius:999px;padding:15px 28px;font-weight:600;cursor:pointer;transition:.25s}#oda-app .primary{background:linear-gradient(135deg,#d5ba7e,#9e7c42);color:#10131a;border:0;box-shadow:0 8px 28px #b79a6033}#oda-app .primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #b79a6055}#oda-app .primary:disabled{opacity:.35;cursor:not-allowed}#oda-app .primary span{margin-left:10px}#oda-app .secondary{background:transparent;color:var(--ivory);border:1px solid #b79a6070}#oda-app .text-btn{margin-top:16px;text-decoration:underline;text-underline-offset:5px}#oda-app .trust{font-size:11px;color:#7f8995;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:32px}#oda-app .ritual-panel{max-width:1050px;margin:auto;flex-direction:column;align-items:center;text-align:center}#oda-app .ritual-panel.wide{max-width:1300px}#oda-app .back-btn{align-self:flex-start;color:#9ca6b2;margin-bottom:28px}#oda-app .ritual-panel h2{font-size:clamp(38px,5vw,58px)}#oda-app .ritual-panel>p{color:var(--muted);margin:12px 0 30px}#oda-app .theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:800px}#oda-app .theme-card,#oda-app .method-card{background:#111e2ddd;border:1px solid #b79a6035;color:var(--ivory);border-radius:14px;padding:19px;cursor:pointer;transition:.25s}#oda-app .theme-card{display:flex;align-items:center;gap:12px;text-align:left}#oda-app .theme-card i{font-style:normal;color:var(--gold2);font-size:22px;width:30px}#oda-app .theme-card:hover,#oda-app .theme-card.selected,#oda-app .method-card:hover,#oda-app .method-card.selected{border-color:var(--gold2);background:#17283a;transform:translateY(-2px)}#oda-app .question-box{width:100%;max-width:800px;margin:18px 0 26px;text-align:left;color:#d8d9dc}#oda-app .question-box span{display:block;font-size:13px;margin-bottom:9px}#oda-app .question-box small{color:#7f8995}#oda-app .question-box textarea{width:100%;height:92px;resize:none;background:#0b1522;border:1px solid #b79a6035;border-radius:12px;padding:15px;color:var(--ivory);font:inherit;outline:none}#oda-app .question-box textarea:focus{border-color:var(--gold)}#oda-app .question-box b{display:block;text-align:right;font-size:10px;color:#66717e;margin-top:5px}#oda-app .method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:100%}#oda-app .method-card{text-align:left;position:relative}#oda-app .method-card .count{font:700 38px 'Cormorant Garamond';color:var(--gold2)}#oda-app .method-card h3{font:600 23px 'Cormorant Garamond';margin:7px 0}#oda-app .method-card p{font-size:12px;color:#9da6b1;line-height:1.5}#oda-app .method-card .badge{position:absolute;right:12px;top:12px;font-size:9px;color:var(--gold2);border:1px solid #b79a6050;padding:4px 7px;border-radius:20px}#oda-app .draw-mode{margin:25px 0;display:flex;gap:18px;align-items:center;color:#aeb6c1;font-size:13px;flex-wrap:wrap;justify-content:center}#oda-app .draw-mode>span{color:var(--ivory);width:100%}#oda-app .draw-mode input{accent-color:var(--gold)}#oda-app .pick-status{color:var(--gold2);margin-bottom:20px}#oda-app .deck-grid{display:grid;grid-template-columns:repeat(11,56px);gap:9px;justify-content:center;width:100%;margin-bottom:28px}#oda-app .deck-card{width:56px;aspect-ratio:7/12;border:0;padding:0;border-radius:5px;background:url('../cards/back.webp') center/cover;box-shadow:0 6px 14px #0008;cursor:pointer;transition:.2s}#oda-app .deck-card:hover{transform:translateY(-10px) rotate(1deg);box-shadow:0 12px 24px #b79a6040}#oda-app .deck-card.selected{transform:translateY(-12px);outline:2px solid var(--gold2);filter:brightness(1.25)}#oda-app .spread{display:flex;align-items:flex-start;justify-content:center;gap:clamp(12px,2vw,28px);flex-wrap:wrap;max-width:1300px;margin:34px auto}#oda-app .reading-card{width:min(210px,42vw);text-align:center;animation:reveal .7s ease both;animation-delay:var(--delay)}@keyframes reveal{from{opacity:0;transform:rotateY(90deg) translateY(30px)}to{opacity:1;transform:none}}#oda-app .reading-card .position{font-size:10px;letter-spacing:.14em;color:var(--gold2);height:30px}#oda-app .reading-card img{width:100%;aspect-ratio:7/12;object-fit:cover;border-radius:10px;box-shadow:0 16px 35px #000b;cursor:pointer}#oda-app .reading-card h3{font:600 24px 'Cormorant Garamond';margin:12px 0 2px}#oda-app .reading-card small{color:#8994a0}#oda-app .result-view{flex-direction:column;text-align:center}#oda-app .result-head{max-width:850px;margin:0 auto}#oda-app .result-head h2{font-size:clamp(42px,5vw,62px)}#oda-app .result-head p{color:#aeb6c1;font-style:italic}#oda-app .synthesis{max-width:850px;margin:10px auto 30px;background:linear-gradient(135deg,#152536dd,#0c1724dd);border:1px solid #b79a6040;border-radius:18px;padding:clamp(24px,4vw,42px);text-align:left}#oda-app .synthesis h3{font:600 32px 'Cormorant Garamond';color:var(--gold2);margin:0 0 13px}#oda-app .synthesis p{color:#c4c9ce;line-height:1.75}#oda-app .synthesis .keywords{color:var(--gold2);font-size:12px;letter-spacing:.08em}#oda-app .result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}#oda-app .disclaimer{font-size:10px;color:#687380;max-width:700px;margin:28px auto}#oda-app .modal{display:none;position:fixed;inset:0;z-index:20;align-items:center;justify-content:center;padding:18px}#oda-app .modal.open{display:flex}#oda-app .modal-backdrop{position:absolute;inset:0;background:#02060beF;backdrop-filter:blur(7px)}#oda-app .modal-content{position:relative;background:#101c2a;border:1px solid #b79a6050;border-radius:18px;width:min(900px,96vw);max-height:92vh;overflow:auto;padding:28px;z-index:1}#oda-app .modal-close{position:absolute;right:14px;top:10px;border:0;background:none;color:var(--ivory);font-size:28px;cursor:pointer}#oda-app .modal-card{display:grid;grid-template-columns:260px 1fr;gap:30px;text-align:left}#oda-app .modal-card img{width:100%;border-radius:10px}#oda-app .modal-card h2{font:600 42px 'Cormorant Garamond';margin:0;color:var(--gold2)}#oda-app .modal-card h4{color:var(--gold2);margin-bottom:6px}#oda-app .modal-card p{color:#c1c7cd;line-height:1.65;margin-top:4px}#oda-app .toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ivory);color:#111;padding:11px 19px;border-radius:30px;opacity:0;pointer-events:none;transition:.3s;z-index:40}#oda-app .toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:820px){#oda-app .theme-grid{grid-template-columns:repeat(2,1fr)}#oda-app .method-grid{grid-template-columns:repeat(2,1fr)}#oda-app .deck-grid{grid-template-columns:repeat(7,43px);gap:7px}#oda-app .deck-card{width:43px}#oda-app .modal-card{grid-template-columns:1fr}#oda-app .modal-card img{max-width:230px;margin:auto}#oda-app .view{padding-top:35px}#oda-app .topbar{height:64px}#oda-app .brand{font-size:12px}}@media(max-width:480px){#oda-app .theme-grid{grid-template-columns:1fr}#oda-app .method-grid{grid-template-columns:1fr}#oda-app .deck-grid{grid-template-columns:repeat(6,40px)}#oda-app .deck-card{width:40px}#oda-app .hero h1 br{display:none}#oda-app .reading-card{width:44vw}}