:root{--oracle-night:#171629;--oracle-violet:#302641;--oracle-gold:#ceb47d;--oracle-paper:#faf6ed}
body.portal-site{--ink:#343045;--green:#51415f;--gold:#a58750;--paper:var(--oracle-paper);background:var(--oracle-paper);color:#343045}.portal-site p{color:#665f6c}.portal-site h1,.portal-site h2,.portal-site h3{color:#373045}.portal-site .logo,.portal-site .operator-credit{color:#4e405e}.portal-site header.portal-header{background:var(--oracle-night);border-bottom:1px solid #ae925742;max-width:none;min-height:90px;padding-left:max(28px,calc((100vw - 1200px)/2));padding-right:max(28px,calc((100vw - 1200px)/2))}.portal-site header .logo,.portal-site header nav a{color:#f0e8d6}.portal-site header nav a:hover{color:#dfc691}.portal-site header nav button{color:#e4d2a7;border-color:#8f795b}.portal-site .portal-menu{background:#262039;color:#ead8ae;border-color:#8a7556}.portal-site header #portal-nav{border-color:#7c6948}.portal-site a:focus-visible,.portal-site button:focus-visible,.portal-site input:focus-visible,.portal-site select:focus-visible,.portal-site textarea:focus-visible{outline-color:#b48e48}
.portal-site footer{background:var(--oracle-night);color:#e8decb;border-color:#69573b}.portal-site footer p,.portal-site footer a,.portal-site footer .logo,.portal-site footer .operator-credit{color:#ddd1bb}.portal-site footer button{color:#ead6a6;border-color:#856f4b}
.oracle-home main{max-width:none}.oracle-home main>section:not(.hero){max-width:1160px;margin-left:auto;margin-right:auto}.oracle-home .hero{display:block;position:relative;overflow:hidden;max-width:none;padding:45px 28px 35px;background:radial-gradient(ellipse at 70% 35%,#42324d 0,#242036 38%,#151626 78%);border-bottom:1px solid #a48b58}.hero-inner{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:10px;min-height:505px;position:relative}.oracle-home .hero h1{font-size:47px;line-height:1.6;color:#f3ead9;letter-spacing:.04em}.oracle-home .hero h1 span{color:#dfc58f}.oracle-home .hero .eyebrow{color:#d1b780;letter-spacing:.2em}.oracle-home .hero .hero-copy>p{color:#d1c8d8;font-size:14px}.oracle-home .hero .benefits{color:#c2b39b}.oracle-home .hero .primary{background:#cfb47a;color:#201b2b;border:1px solid #e8d19a;box-shadow:0 5px 28px #d0b37e1a}.oracle-home .hero .primary:hover{background:#e2c992}.mystic-stage{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center}.mystic-stage img{display:block;width:112%;max-width:620px;height:auto;margin:0 -6%;filter:drop-shadow(0 14px 20px #08091560)}.moon-phases{position:absolute;bottom:13px;left:0;right:0;text-align:center;color:#bda474;font-size:17px;letter-spacing:12px;opacity:.85}.oracle-home .gateway{margin-top:28px;margin-bottom:30px;border-color:#d8c8a4;background:#f2ecdf;border-radius:2px}.oracle-home .gateway>a{border-color:#d8c8a4}.oracle-home .gateway>a:hover{background:#eae0cc}.oracle-home .gateway strong{color:#4d3b5a}.oracle-home .gateway small,.oracle-home .gateway b{color:#947441}.oracle-home .gateway span{color:#736979}.oracle-home .datebar{max-width:1100px;margin:25px auto;border-color:#dccba6;color:#776443}.oracle-home .quick-start{max-width:1100px;margin:20px auto 40px}.oracle-home .quick-start a{border-color:#d9caa9;background:#fffcf6}.oracle-home .quick-start b{color:#52405e}.oracle-home .quick-start span{color:#a0824b}
.oracle-home #daily{max-width:1160px;background:var(--oracle-night);border:1px solid #837050;border-radius:8px;padding:38px 30px 32px;margin:35px auto 50px;position:relative}.oracle-home #daily>.section-head h2,.oracle-home #daily .pick h3,.oracle-home #daily .daily-main h3{color:#f4ead8}.oracle-home #daily .eyebrow{color:#c9ae76}.oracle-home #daily p{color:#c9bfd0}.oracle-home #daily>.section-head>p{color:#c6b998}.oracle-home .daily-grid{gap:35px}.oracle-home .daily-main{background:transparent;border:0;padding:10px 0}.oracle-home .daily-main .tag{color:#cbb17a;background:#332a42;border:1px solid #7e6842}.oracle-home .daily-main .zodiac button{background:#242035;color:#e5d9c2;border:1px solid #75613e;border-radius:4px;min-height:64px}.oracle-home .daily-main .zodiac button:hover{background:#3d304b;border-color:#d5b777}.oracle-home .daily-main .zodiac button span{color:#ddc38a}.oracle-home .pick{background:transparent;border:0;padding:10px 0}.oracle-home .pick>p{font-size:12px}.oracle-home .pick>small{color:#c8b995}.oracle-home .cards{gap:12px;align-items:center;justify-content:center;perspective:800px}.oracle-home .cards button,.portal-site dialog .cards button{background:transparent;border:0;padding:0;border-radius:8px;width:100px;min-height:0;height:auto;position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;color:#e2c994;box-shadow:none;transform:none}.oracle-home .cards button img,.portal-site dialog .cards button img{width:100%;height:auto;display:block;border-radius:8px;border:1px solid #bca06c}.oracle-home .cards button span,.portal-site dialog .cards button span{font-size:11px;letter-spacing:.08em}.oracle-home .cards button:first-child{transform:rotate(-8deg) translateY(6px)}.oracle-home .cards button:last-child{transform:rotate(8deg) translateY(6px)}.oracle-home .cards button:hover,.portal-site dialog .cards button:hover{transform:translateY(-8px);filter:drop-shadow(0 0 8px #d8b96c44)}.oracle-home .cards button:focus-visible{outline:3px solid #e4c78b;outline-offset:5px}
.oracle-home #collection{padding-top:15px}.oracle-home #collection .section-head h2{font-size:30px}.oracle-home #filters button{border-color:#d3c2a0;color:#726044}.oracle-home #filters button.active{background:#32253e;color:#f5e7cc;border-color:#32253e}.oracle-home .tool{position:relative;background:#fffcf6;border:1px solid #ddd0b5;border-top:3px solid #bba16c;border-radius:4px;box-shadow:0 5px 20px #3d264109}.oracle-home .tool h3{color:#493351}.oracle-home .tool .icon{color:#9e7a40;font-size:30px}.oracle-home .tool .meta{color:#8c7856}.oracle-home .tool:hover{border-color:#a88e55;background:#f9f0df}.oracle-home .tool[data-tool=tarot],.oracle-home .tool[data-tool=tarot3],.oracle-home .tool[data-tool=romance],.oracle-home .tool[data-tool=workcard]{border-top-color:#94739b}.oracle-home .tool[data-tool=astro],.oracle-home .tool[data-tool=horoscope]{border-top-color:#657aa2}.oracle-home .tool[data-tool=pillars],.oracle-home .tool[data-tool=number],.oracle-home .tool[data-tool=name]{border-top-color:#b6924e}.method-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:15px 0 25px}.method-guide>div{padding:18px 20px;border-left:2px solid #b79a62;background:#f0e9db}.method-guide small{display:block;color:#9c7f4d;font-size:10px;letter-spacing:.15em}.method-guide b{display:block;color:#4f3b59;margin:5px 0;font-size:15px}.method-guide p{font-size:12px;margin:0;line-height:1.8}.oracle-home .weekly-feature-link{border-color:#d4c29d;background:#f4ecde}.oracle-home .world{background:#efe7da;border-color:#d9c8a8}.oracle-home .portal-card{border-color:#d9c9aa;background:#fffaf1}.oracle-home .portal-card small{color:#94713e}.oracle-home .travel-entry{border-color:#d4c09a;background:#ede2cc}.oracle-home .closing{background:#221c30;border-color:#967c4c}.oracle-home .closing h2{color:#f2e3c7}.oracle-home .closing p{color:#c8bdd0}
.portal-site dialog{background:#faf5e9;border:1px solid #b89b61;border-radius:12px;box-shadow:0 24px 100px #07091388}.portal-site dialog::backdrop{background:#100e1ee0;backdrop-filter:blur(4px)}.portal-site dialog .eyebrow{color:#94703e}.portal-site dialog h2{color:#45304f}.portal-site dialog .cards{padding:24px 15px 30px;background:#211b31;border:1px solid #866b42;border-radius:8px;display:flex;gap:20px}.portal-site dialog .cards button{width:120px}.tarot-result-layout{display:grid;grid-template-columns:170px 1fr;gap:25px;align-items:start;margin:25px 0}.revealed-tarot{position:relative;aspect-ratio:320/520;border-radius:9px;background:linear-gradient(145deg,#252039,#111425);border:1px solid #bba16a;box-shadow:0 8px 22px #231a302b;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:14px 8px;color:#dfc792;overflow:hidden}.revealed-tarot::before{content:'';position:absolute;inset:8px;border:1px solid #a9915d;border-radius:5px;pointer-events:none}.revealed-tarot>span{font:14px Georgia,serif;position:relative;z-index:1}.revealed-tarot>strong{font-size:16px;font-family:'Noto Serif JP',serif;font-weight:400;position:relative;z-index:1}.revealed-tarot .card-sigil{display:grid;place-items:center;font-size:66px;width:100px;height:100px;border:1px solid #a38c58;border-radius:50%;color:#e4c98c;font-family:Georgia,serif}.revealed-tarot.has-art{padding:0;border:0;background:none}.revealed-tarot.has-art::before{display:none}.revealed-tarot>img{width:100%;height:100%;object-fit:contain;display:block}.revealed-tarot.is-reversed>img{transform:rotate(180deg)}.tarot-result-copy h3{font-size:25px;margin-top:0}.tarot-result-copy p{font-size:14px}.tarot-position{display:inline-block;border:1px solid #b9a47c;padding:4px 13px;color:#85673f;font-size:12px}.portal-site dialog .spread-grid{gap:13px}.portal-site dialog .spread-card{border-color:#c9b58e;background:#f5eddf;padding:17px 12px}.portal-site dialog .spread-card>.revealed-tarot{width:110px;margin:12px auto 15px}.portal-site dialog .spread-card h3{font-size:18px}.portal-site dialog .actions button{background:#33243f;color:#f4e7cb;border:1px solid #8c714b;padding:12px 18px;border-radius:4px}.portal-site dialog .actions button:hover{background:#513b61}
@media(max-width:800px){.portal-site header.portal-header{padding:16px 20px}.portal-site header #portal-nav a{border-color:#51425e}.oracle-home .hero{padding:30px 22px 20px}.hero-inner{grid-template-columns:1fr;gap:5px;min-height:0}.oracle-home .hero h1{font-size:33px;margin:16px 0;line-height:1.6}.oracle-home .hero .hero-copy>p{font-size:13px}.mystic-stage{height:260px;max-width:370px;width:100%;margin:5px auto 0}.mystic-stage img{width:100%;max-height:300px;object-fit:contain;margin:0}.moon-phases{bottom:2px;letter-spacing:9px;font-size:12px}.oracle-home .gateway{margin:22px 20px 28px}.oracle-home .quick-start{margin:20px}.oracle-home .datebar{margin:20px}.oracle-home #daily{margin:30px 20px 35px;padding:28px 18px;max-width:calc(100% - 40px)}.oracle-home #daily>.section-head h2{font-size:24px}.oracle-home .daily-grid{grid-template-columns:1fr;gap:25px}.oracle-home .daily-main .zodiac button{min-height:62px}.oracle-home .pick h3{font-size:23px}.oracle-home .cards button{width:84px}.oracle-home .cards{gap:13px}.oracle-home #collection .section-head h2{font-size:25px}.method-guide{grid-template-columns:1fr;gap:10px}.method-guide>div{padding:13px 16px}.method-guide p{font-size:12px}.oracle-home .tool h3{font-size:15px}.portal-site dialog .cards{gap:12px;padding:22px 12px}.portal-site dialog .cards button{width:85px}.tarot-result-layout{grid-template-columns:1fr;gap:22px}.tarot-result-layout>.revealed-tarot{width:155px;margin:0 auto}.tarot-result-copy h3{font-size:23px;text-align:center}.tarot-position{display:block;text-align:center;max-width:110px;margin:auto}.portal-site dialog .spread-grid{grid-template-columns:1fr}.portal-site dialog .spread-card{padding:20px}.portal-site dialog .spread-card>.revealed-tarot{width:130px}.portal-site dialog .spread-card p{font-size:14px}.oracle-home main>section.travel-entry{margin-left:20px;margin-right:20px}.oracle-home main>.closing{margin-left:20px;margin-right:20px}.oracle-home .hero .primary{min-height:48px}}
.portal-site dialog .result{background:#f1eadc;border:1px solid #e0d0af}.portal-site dialog .result h3{color:#48324e}.portal-site dialog .result p{color:#665b68}
.portal-site dialog .close{position:sticky;top:0;right:0;float:right;z-index:10;margin:-8px -4px 6px 8px;background:#faf5e9;border:1px solid #cdb98d;border-radius:50%;color:#4f3959}
.oracle-home main>section.hero{margin:0!important;width:100%;max-width:none}
.oracle-home #signs button{background:#252037;color:#e9deca;border:1px solid #8c754c;border-radius:5px;min-height:86px;font-size:12px}.oracle-home #signs button span{color:#dfc58b;font-family:Georgia,serif;font-size:27px}.oracle-home #signs button:hover{background:#44334f;border-color:#e1c489;color:#fff6e6}.oracle-home #signs button:focus-visible{outline:3px solid #e4c78b}