.reading-app{--cream:#f2ede4;--gold:#d4af37;--lavender:#a78bfa;--line:#d4af3726;background:radial-gradient(620px 470px at 50% 12%,#8b5cf629,#0000 72%),#221539;height:100dvh;position:relative;overflow:hidden}.reading-app button{cursor:pointer}.reading-stars{opacity:.17;pointer-events:none;background-image:radial-gradient(circle,#f2ede4bf 0 .45px,#0000 .7px),radial-gradient(circle,#d4af37a6 0 .4px,#0000 .65px);background-position:7px 11px,31px 43px;background-size:53px 61px,79px 73px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.sidebar{display:none}.chat-panel{z-index:2;grid-template-rows:67px 58px minmax(0,1fr) 86px;height:100%;display:grid;position:relative}.chat-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1e1b4bc4;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;padding:0 17px;display:grid}.history-button,.header-more{color:#f2ede4b8;background:#ffffff04;border:1px solid #d4af3729;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex}.history-button svg{width:17px}.header-more{letter-spacing:.08em;padding-bottom:6px;font-size:15px}.header-title{text-align:center;min-width:0}.header-title>span{display:none}.header-title h1{letter-spacing:normal;justify-content:center;align-items:center;gap:7px;margin:0;font-family:Cinzel,serif;font-size:15px;font-weight:500;display:flex}.header-title h1 i{background:var(--gold);border-radius:50%;width:4px;height:4px;box-shadow:0 0 7px #d4af37cc}.free-chip{display:none}.mobile-scenarios{scrollbar-width:none;border-bottom:1px solid #d4af3717;align-items:center;padding:0 17px;display:flex;overflow-x:auto}.mobile-scenarios::-webkit-scrollbar{display:none}.scenario-options{flex-direction:column;gap:7px;display:flex}.scenario-compact{flex-direction:row;gap:8px;width:100%}.scenario-option{color:#f2ede466;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:25px 1fr;align-items:center;min-height:52px;padding:8px 10px;display:grid}.scenario-option svg{grid-row:1/3;width:16px}.scenario-option span{font-family:Cinzel,serif;font-size:13px}.scenario-option small{color:#f2ede433;margin-top:2px;font-size:11px}.scenario-option.selected{color:var(--gold);background:#d4af370e;border-color:#d4af3742}.scenario-compact .scenario-option{background:#a78bfa09;border-color:#a78bfa1c;border-radius:999px;flex:1;justify-content:center;gap:7px;min-width:0;min-height:34px;padding:7px 10px;display:flex}.scenario-compact .scenario-option.selected{background:#d4af3712;border-color:#d4af374d}.scenario-compact .scenario-option svg{width:13px}.scenario-compact .scenario-option span{font-family:Inter,sans-serif;font-size:13px}.chat-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d4af3726 transparent;min-height:0;overflow-y:auto}.chat-column{width:100%;max-width:720px;margin:0 auto;padding:22px 17px 32px}.date-divider{color:#f2ede433;letter-spacing:.15em;align-items:center;gap:10px;margin:3px auto 25px;font-size:11px;display:flex}.date-divider span{background:#d4af371c;width:30px;height:1px}.message-row{margin-bottom:22px;display:flex}.user-row{flex-direction:column;align-items:flex-end}.message{font-family:Georgia,serif;font-size:15px;line-height:1.65}.user-message{color:#f2ede4cc;background:linear-gradient(130deg,#a78bfa1f,#6d5bd012),#29225cb8;border:1px solid #a78bfa21;border-radius:15px 15px 4px;max-width:82%;padding:12px 15px}.user-row time{color:#f2ede42e;margin-top:6px;font-size:11px}.oracle-row{align-items:flex-start;gap:10px}.oracle-sigil{width:28px;height:28px;color:var(--gold);background:#d4af370a;border:1px solid #d4af3747;border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 16px #d4af370d}.oracle-sigil svg{width:18px}.sigil-small{background:0 0;border:0;flex-basis:23px;width:23px;height:23px}.sigil-small svg{width:21px}.oracle-message-wrap{min-width:0;max-width:calc(100% - 38px)}.oracle-name{color:#d4af378c;letter-spacing:.15em;margin:0 0 7px 2px;font-size:11px;font-weight:600}.oracle-message{color:#f2ede4c2;background:#0f0d3494;border:1px solid #d4af371c;border-radius:4px 15px 15px;max-width:100%;padding:13px 15px}.oracle-message p{margin:0}.oracle-message p+p{margin-top:11px}.avatar-spacer{flex:0 0 28px;width:28px}.card-message-row{margin-top:-8px}.tarot-reveal{align-items:center;gap:16px;padding:13px;display:flex}.revealed-card{width:72px;height:116px;color:var(--gold);background:radial-gradient(circle at 50% 35%,#8b5cf629,#0000 44%),#131039;border:1px solid #d4af37a3;border-radius:7px;flex:0 0 72px;padding:4px;box-shadow:0 10px 24px #04031261,0 0 18px #d4af370f}.tarot-inner{border:1px solid #d4af373b;border-radius:4px;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:4px 3px 5px;display:flex}.revealed-card svg{width:58px;height:87px}.tarot-number,.tarot-name{letter-spacing:.13em;font-family:Cinzel,serif;font-size:11px}.reveal-copy{min-width:0}.reveal-copy>span{color:#d4af378c;letter-spacing:.15em;font-size:11px;font-weight:600}.reveal-copy h2{margin:7px 0 8px;font-family:Cinzel,serif;font-size:16px;font-weight:500}.reveal-copy p{color:#f2ede4c2;font-family:Inter,sans-serif;font-size:13px;line-height:1.55}.quick-replies{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.quick-replies button{color:#a78bfacc;background:#a78bfa0a;border:1px solid #a78bfa2b;border-radius:999px;padding:7px 10px;font-size:13px}.quick-replies span{color:var(--gold);margin-left:3px}.short-message{padding-left:17px;padding-right:17px}.typing-row{align-items:center}.typing-indicator{background:#0f0d3494;border:1px solid #d4af371a;border-radius:4px 14px 14px;align-items:center;gap:5px;height:36px;padding:0 16px;display:flex}.typing-indicator i{background:var(--gold);opacity:.28;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite chat-typing;box-shadow:0 0 7px #d4af378c}.typing-indicator i:nth-child(2){animation-delay:.18s}.typing-indicator i:nth-child(3){animation-delay:.36s}@keyframes chat-typing{0%,70%,to{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}.composer-wrap{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#191642eb;border-top:1px solid #d4af371a;padding:10px 17px 9px}.composer{background:#0c0a2bb8;border:1px solid #d4af3733;border-radius:14px;align-items:center;gap:10px;width:100%;max-width:720px;height:48px;margin:0 auto;padding:5px 5px 5px 15px;display:flex;box-shadow:0 12px 35px #0403122b}.composer input{min-width:0;color:inherit;background:0 0;border:0;outline:0;flex:1;font-family:Georgia,serif;font-size:13px}.composer input::placeholder{color:#f2ede4c2}.composer button{color:#1b173a;background:linear-gradient(135deg,#e0c25b,#b98e25);border:0;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 5px 15px #d4af3724}.composer button svg{width:17px}.composer-wrap>p{color:#f2ede433;text-align:center;margin:5px 0 0;font-size:11px}.composer-wrap>p span{color:#d4af37a6}@media (min-width:900px){.reading-app{background:radial-gradient(880px 680px at 65% 30%,#6d5bd024,#0000 72%),#221539;grid-template-columns:280px minmax(0,1fr);display:grid}.sidebar{z-index:4;border-right:1px solid var(--line);background:linear-gradient(#120f39cc,#0d0b2eb3),#221539;flex-direction:column;min-height:0;padding:25px 20px 17px;display:flex;position:relative}.sidebar-wordmark{color:var(--gold);letter-spacing:.2em;align-items:center;gap:8px;margin:0 8px 26px;font-family:Cinzel,serif;font-size:13px;font-weight:600;text-decoration:none;display:flex}.sidebar-wordmark .sigil-small{margin-left:-4px}.new-reading{color:#211c44;background:linear-gradient(105deg,#bc942e,#dfbf50 52%,#c39a30);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;height:43px;font-size:13px;font-weight:600;display:flex;box-shadow:0 9px 24px #d4af371a}.new-reading svg{width:14px}.sidebar-section{margin-top:29px}.sidebar-label{color:#f2ede4c2;letter-spacing:.16em;text-transform:uppercase;margin:0 9px 11px;font-size:11px;font-weight:600}.scenario-option{transition:border-color .2s,background .2s}.recent-section{flex:1;min-height:0}.recent-heading{justify-content:space-between;align-items:center;display:flex}.recent-heading button{color:#f2ede433;letter-spacing:.12em;background:0 0;border:0;margin:-7px 8px 0 0;padding:0;font-size:13px}.recent-item{color:#f2ede4c2;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px 9px;display:flex}.recent-item.active{color:#f2ede4bf;background:#d4af3709;border-color:#d4af371f}.recent-item>span:last-child{min-width:0}.recent-item strong,.recent-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recent-item strong{margin-bottom:4px;font-family:Cinzel,serif;font-size:13px;font-weight:500}.recent-item small{color:#f2ede42e;font-size:11px}.recent-moon{color:#a78bfa73;flex:0 0 23px;justify-content:center;align-items:center;width:23px;height:23px;font-family:Georgia,serif;font-size:13px;display:flex}.sidebar-footer{border-top:1px solid #d4af371a;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:14px 4px 0;display:grid}.mini-orb{width:28px;height:28px;color:var(--gold);background:#a78bfa12;border:1px solid #d4af3733;border-radius:50%;justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:13px;display:flex}.sidebar-footer strong,.sidebar-footer span{display:block}.sidebar-footer strong{color:#f2ede4b8;margin-bottom:3px;font-size:13px;font-weight:500}.sidebar-footer span{color:#f2ede433;font-size:11px}.sidebar-footer a{color:#d4af37a6;letter-spacing:.1em;background:0 0;border:0;padding:0;font-size:11px}.chat-panel{grid-template-rows:78px minmax(0,1fr) 103px}.chat-header{padding:0 36px;display:flex}.history-button{display:none}.header-title{text-align:left}.header-title>span{color:#f2ede433;letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px;font-size:11px;display:block}.header-title h1{justify-content:flex-start;font-size:16px}.free-chip{color:#a78bfaad;background:#a78bfa0b;border:1px solid #a78bfa2b;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:7px 11px;font-size:11px;display:flex}.free-chip span{color:var(--gold);font-size:13px}.header-more{width:31px;height:31px;margin-left:12px}.mobile-scenarios{display:none}.chat-column{padding:31px 0 44px}.date-divider{margin-bottom:31px}.message-row{margin-bottom:24px}.message{font-size:13px}.user-message{max-width:69%;padding:14px 17px}.oracle-row{gap:12px}.oracle-sigil{flex-basis:31px;width:31px;height:31px}.oracle-sigil svg{width:20px}.oracle-message-wrap{max-width:76%}.oracle-message{padding:15px 18px}.avatar-spacer{flex-basis:31px;width:31px}.tarot-reveal{gap:21px;padding:16px}.revealed-card{flex-basis:84px;width:84px;height:134px}.revealed-card svg{width:68px;height:101px}.reveal-copy h2{font-size:20px}.reveal-copy p{font-size:13px}.quick-replies button{padding:8px 11px;font-size:13px}.composer-wrap{background:linear-gradient(#1e1b4b1a,#191642d6);padding:14px 36px 10px}.composer{border-radius:15px;height:55px;padding-left:19px}.composer input{font-size:13px}.composer button{flex-basis:43px;width:43px;height:43px}}@media (prefers-reduced-motion:reduce){.typing-indicator i{opacity:.65;animation:none}}