@font-face{font-family:"LuckyMingchao";src:url("assets/fonts/lucky-mingchao.woff2?v=20260918") format("woff2");font-style:normal;font-weight:400;font-display:block}
/* Persica UI — compact theme-split bundle
   Order: shared/base → light → dark.
   Existing .theme-light/.theme-dark/app-theme-* selectors are preserved. */
/* ===== SHARED / BASE ===== */
@keyframes relax-card-reveal{0%{opacity:0; transform:rotateY(-92deg) scale(.94);}
58%{opacity:1; transform:rotateY(8deg) scale(1.01);}
100%{opacity:1; transform:rotateY(0) scale(1);}
}
@keyframes relax-float{0%,100%{transform:translate3d(0,0,0) scale(1);}
50%{transform:translate3d(16px,-18px,0) scale(1.1);}
}
@keyframes relax-card-switch{0%{opacity:.55; transform:scale(.975) translateY(5px);}
100%{opacity:1; transform:scale(1) translateY(0);}
}
@keyframes real-scene-riffle{0%,100%{transform:translate3d(var(--stack-x,0),var(--stack-y,0),0) rotate(var(--stack-angle,0deg));}
42%{transform:translate3d(calc(var(--shuffle-x) + var(--stack-x,0px)),calc(-7px + var(--stack-y,0px)),0) rotate(calc(var(--shuffle-rotate) + var(--stack-angle,0deg)));}
58%{transform:translate3d(var(--stack-x,0),calc(3px + var(--stack-y,0px)),0) rotate(var(--stack-angle,0deg));}
}
@keyframes real-scene-close-deck{from{transform:translate3d(var(--close-x),-6px,0) rotate(var(--close-angle));}
to{transform:translate3d(var(--stack-x,0),var(--stack-y,0),0) rotate(var(--stack-angle,0deg));}
}
@keyframes real-scene-breath-prompt{0%{opacity:0; transform:translate(-50%,9px) scale(.97);}
22%,78%{opacity:1; transform:translate(-50%,0) scale(1);}
100%{opacity:0; transform:translate(-50%,-5px) scale(.99);}
}
:root{color-scheme:light; --page-top:#faf1df; --page-mid:#f2e4c4; --page-bottom:#ead8b2; --panel:rgba(253,246,231,0.97); --panel-soft:rgba(248,238,212,0.92); --line:rgba(164,128,67,0.18); --line-strong:rgba(176,132,58,0.28); --text:#5e4520; --copy:#7d6332; --gold:#b98942; --deep:#171027; --topbar-title-size:16.5px; --topbar-title-weight:600; --topbar-primary:#b6812f; --topbar-secondary:rgba(104,79,38,0.72); --topbar-active:#b6812f;}
*{box-sizing:border-box;}
html,body{min-height:100%; width:100%; max-width:100%; overflow-x:hidden; overscroll-behavior-x:none;}
html.auth-gate-visible,html.auth-gate-visible body{height:100%; width:100%; max-width:100%; position:fixed; inset:0; overflow:hidden; overscroll-behavior:none; touch-action:pan-y;}
html.auth-booting .page-shell,html.auth-gate-visible .page-shell{visibility:hidden;}
body{margin:0; touch-action:pan-y; -webkit-text-size-adjust:100%; color:var(--text); background:linear-gradient(180deg,var(--page-top)0%,var(--page-mid)44%,var(--page-bottom)100%); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;}
button,input,textarea{font:inherit;}
button{-webkit-tap-highlight-color:transparent;}
.subpage-nav.active{display:grid;}
.subpage-nav.no-back .back-button{visibility:hidden; pointer-events:none;}
.subpage-spacer{height:12px;}
.hero-date{margin:7px 0 0; color:#7d6332; font-size:13px; line-height:1.8; letter-spacing:0.04em;}
.user-avatar-fallback{color:#84591d; background:linear-gradient(135deg,rgba(246,211,129,0.34),rgba(226,198,145,0.34));}
.user-copy{min-width:0; flex:1;}
.user-name-row{display:flex; align-items:center; flex-wrap:wrap; gap:6px;}
.checkin-chip,.keyword-chip{border:1px solid var(--line-strong); border-radius:999px; background:rgba(217,168,79,0.18); color:#6d4718;}
.user-note{display:flex; flex-wrap:wrap; gap:10px; margin-top:7px; color:#7d6332; font-size:12px;}
.user-arrow{color:#9b7440; font-size:24px;}
.view{display:none;}
.view.active{display:block;}
.home-dashboard{display:grid; gap:10px; margin-bottom:12px;}
.home-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.home-insight-card{min-width:0; min-height:76px; padding:12px 13px; overflow:hidden; border:1px solid var(--line); border-radius:16px; color:var(--text); text-align:left; background:rgba(255,250,241,0.82); box-shadow:0 6px 15px rgba(143,112,55,0.06); transition:min-height .25s ease,background .25s ease,transform .18s ease;}
.home-insight-card:active{transform:scale(.985);}
.home-insight-heading{display:flex; align-items:center; justify-content:space-between; color:#a88a5e; font-size:10px; font-weight:650; letter-spacing:.1em;}
.home-insight-heading i{font-size:14px; font-style:normal; transition:transform .25s ease;}
.home-insight-card.expanded .home-insight-heading i{transform:rotate(180deg);}
.home-cosmos-embed{position:relative; grid-column:1/-1; aspect-ratio:2/1; overflow:hidden;}.home-cosmos-embed iframe{width:100%; height:100%; border:0; background:transparent; pointer-events:none;}.home-cosmos-embed>button{position:absolute; inset:0 50% 0 0; border:0; background:transparent;}.home-cosmos-embed>button+button{inset:0 0 0 50%;}
.home-insight-card>strong{display:block; margin-top:8px; font-size:15px; font-weight:650;}
.home-insight-card[data-home-seasonal-guide],.home-insight-card[data-home-seasonal-guide] .home-insight-heading,.home-insight-card[data-home-seasonal-guide]>strong,.home-insight-card[data-home-seasonal-guide] .home-insight-summary{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;}
.home-insight-card[data-home-seasonal-guide] .home-insight-heading,.home-insight-card[data-home-seasonal-guide] .home-insight-summary{font-size:14px;}
.home-insight-card[data-home-seasonal-guide] .home-insight-heading{font-size:16px;}
.home-insight-card[data-home-seasonal-guide] .home-season-title{display:inline-flex; align-items:baseline; gap:6px;}
.home-insight-card[data-home-seasonal-guide] .home-season-title .message-kicker{color:var(--text); font-family:inherit; font-size:16px!important; font-weight:700; letter-spacing:.08em;}
.home-insight-card[data-home-seasonal-guide] .home-season-title b{color:rgba(125,99,63,.5); font-size:16px; font-weight:400;}
.home-insight-card[data-home-seasonal-guide] .home-season-title .message-card-name{color:var(--gold); font-family:inherit; font-size:16px!important; font-weight:700;}
.home-insight-card[data-home-seasonal-guide]>strong{margin-top:10px; font-size:16px; line-height:1.25;}
.home-insight-card[data-home-seasonal-guide] .home-insight-summary{margin-top:7px; line-height:1.45;}
.home-insight-card[data-home-seasonal-guide] .home-insight-heading i{color:rgba(151,111,52,.68); font-size:18px; font-weight:400;}
.home-quote-card,.home-quote-card .home-insight-heading,.home-quote-card blockquote{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;}
.home-quote-card .home-insight-heading{color:var(--text); font-size:16px; font-weight:700; letter-spacing:.08em;}
.home-quote-card .home-insight-heading i{color:rgba(151,111,52,.68); font-size:18px; font-weight:400;}
.home-insight-detail{display:block; max-height:0; margin-top:0; overflow:hidden; color:#9d8b75; font-size:11px; opacity:0; transition:max-height .25s ease,margin-top .25s ease,opacity .2s ease;}
.home-insight-summary{display:block; margin-top:5px; overflow:hidden; color:#9d8b75; font-size:10px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap;}
.home-insight-summary:empty{display:none;}
.home-insight-card.expanded .home-insight-detail{max-height:36px; margin-top:6px; opacity:1;}
.home-quote-card blockquote{margin:auto 0; overflow:hidden; max-height:2.9em; color:#9d8b75; font-size:13px; font-weight:400; line-height:1.45;}
.home-quote-cta{display:block; color:#8c7659; font-size:13px; line-height:1.35;}
.hero.home-chrome .eyebrow{font-size:18px!important;}
.home-quote-card .home-insight-heading,.home-celestial-card .home-insight-heading,.home-relax-card .home-insight-heading{color:var(--text);}
.home-insight-card[data-home-seasonal-guide] .home-insight-summary,.home-quote-card blockquote{color:#9d8b75;}
.home-quote-card.expanded blockquote{max-height:5.8em;}
.home-season-card,.home-daily-quote{border:1px solid var(--line); border-radius:18px; background:rgba(255,250,241,0.82); box-shadow:0 7px 18px rgba(143,112,55,0.065);}
.home-season-card{display:flex; align-items:center; gap:13px; padding:15px;}
.home-feature-icon{width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; border:1px solid rgba(185,137,66,0.2); border-radius:15px; color:#a8752f; background:rgba(235,208,152,0.23); font-size:16px; font-weight:650;}
.home-season-copy{min-width:0;}
.home-season-copy p,.home-daily-quote p{margin:0 0 5px; color:#a88a5e; font-size:10px; font-weight:650; letter-spacing:.12em;}
.home-season-copy strong{display:block; color:var(--text); font-size:17px; font-weight:650;}
.home-season-copy span{display:block; margin-top:4px; color:#9d8b75; font-size:11px;}
.home-feature-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
.home-feature-card{min-width:0; min-height:91px; display:flex; align-items:center; gap:10px; padding:13px; border:1px solid var(--line); border-radius:18px; color:var(--text); text-align:left; background:rgba(255,250,241,0.82); box-shadow:0 7px 18px rgba(143,112,55,0.065);}
.home-feature-card:active{transform:scale(.985);}
.home-feature-card>span:last-child{min-width:0; display:flex; flex-direction:column; gap:5px;}
.home-feature-card strong{font-size:15px; font-weight:650; white-space:nowrap;}
.home-feature-card small{color:#a29381; font-size:10px; white-space:nowrap;}
.home-feature-daily{border-color:rgba(218,160,77,.28); background:rgba(255,246,227,.93);}
.home-feature-calendar{grid-column:1/-1; min-height:76px;}
.home-daily-quote{padding:16px 17px;}
.home-celestial-card,.home-relax-card{min-height:82px; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;}
.home-quote-card,.home-relax-card{aspect-ratio:1; display:flex; flex-direction:column;}
.home-relax-card{position:relative;}
.home-relax-card .home-insight-heading{color:var(--text); font-size:16px; font-weight:700; letter-spacing:.04em;}
.home-relax-card .home-insight-heading i{color:rgba(151,111,52,.68); font-size:18px; font-weight:400;}
.home-relax-card .home-insight-summary{position:absolute; left:13px; right:13px; bottom:12px; margin:0; font-size:13px; line-height:1.45; white-space:normal;}
.home-relax-bloom{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:168px; aspect-ratio:1; isolation:isolate; --breath-c1:#fff8da; --breath-c2:#f8dda0; --breath-c3:#eec873; --breath-c4:#d8a94e; --breath-halo:rgba(247,211,126,.42);}
.theme-dark .home-relax-bloom{--breath-c1:#fbf3ff; --breath-c2:#e8cef8; --breath-c3:#c99be7; --breath-c4:#9a62c6; --breath-halo:rgba(177,116,215,.34);}
html:not(.native-ios-shell) .home-quote-card,html:not(.native-ios-shell) .home-relax-card{aspect-ratio:auto; min-height:76px; display:block; position:static;}
html:not(.native-ios-shell) .home-quote-card blockquote{margin:5px 0 0; max-height:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px;}
html:not(.native-ios-shell) .home-quote-cta,html:not(.native-ios-shell) .home-relax-bloom{display:none;}
html:not(.native-ios-shell) .home-relax-card .home-insight-summary{position:static; margin:5px 0 0; font-size:13px; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.relax-tips-stage{min-height:calc(100svh - 150px); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; padding:28px 8px 90px; perspective:900px;}
.relax-tips-stage:not(.showing-card){justify-content:flex-start;}
.relax-tip-picker{width:100%; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; padding:12px 0 28px;}
.relax-tip-picker button{width:100%; aspect-ratio:1; padding:0; border:1px solid rgba(169,125,68,.2); border-radius:16px; background:linear-gradient(145deg,rgba(255,253,246,.86),rgba(239,218,177,.62)); box-shadow:0 8px 20px rgba(106,72,26,.09),inset 0 1px rgba(255,255,255,.78); -webkit-backdrop-filter:blur(16px)saturate(1.15); backdrop-filter:blur(16px)saturate(1.15);}
.relax-tip-picker button:active{transform:scale(.9);}
.relax-tip-picker .relax-add-button{display:grid; place-items:center; border-style:solid; background:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;}
.relax-add-button span{color:var(--text); font-size:26px; font-weight:300; line-height:1;}
.relax-custom-heading{grid-column:1/-1; margin:14px 2px 0; color:var(--copy); font-size:13px; letter-spacing:.08em;}
.relax-tip-picker .relax-custom-choice,.relax-tip-picker .relax-add-button{border-color:rgba(153,104,193,.34); background:linear-gradient(145deg,rgba(222,198,241,.72),rgba(190,151,220,.5)); -webkit-user-select:none; user-select:none; -webkit-touch-callout:none;}
.relax-tip-card.custom-tip{border-color:rgba(153,104,193,.35); background:linear-gradient(145deg,rgba(245,232,255,.92),rgba(214,183,237,.78));}
.relax-tip-editor-mask{background:rgba(4,4,12,.42);}
.relax-tip-editor-card{position:relative; width:min(100%,350px); min-height:0; padding:22px; border:1px solid rgba(255,255,255,.14); border-radius:26px; background:rgba(30,28,48,.84); box-shadow:0 24px 64px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.12); -webkit-backdrop-filter:blur(24px)saturate(140%); backdrop-filter:blur(24px)saturate(140%);}
.relax-tip-editor-card h2{margin:0 0 16px; color:#fff; font-size:17px!important; font-weight:650; letter-spacing:0; text-align:center;}
.relax-tip-editor-card input{width:100%; height:48px; box-sizing:border-box; padding:0 14px; border:1px solid rgba(255,255,255,.12); border-radius:14px; outline:none; color:#fff; background:rgba(255,255,255,.08); font:400 16px/1 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif; -webkit-appearance:none; appearance:none;}
.relax-tip-editor-card input:focus{border-color:rgba(255,214,132,.62); box-shadow:0 0 0 3px rgba(255,214,132,.12);}
.relax-tip-editor-card input::placeholder{color:rgba(235,232,244,.46);}
.relax-tip-card{position:relative; width:min(100%,410px); min-height:300px; display:flex; flex-direction:column; justify-content:center; padding:38px 30px; overflow:hidden; isolation:isolate; border:1px solid rgba(169,125,68,.22); border-radius:36px; -webkit-clip-path:inset(0 round 36px); clip-path:inset(0 round 36px); background:linear-gradient(145deg,rgba(255,253,246,.88),rgba(239,218,177,.68)); box-shadow:0 24px 60px rgba(106,72,26,.14),inset 0 1px rgba(255,255,255,.82); -webkit-backdrop-filter:blur(24px)saturate(1.2); backdrop-filter:blur(24px)saturate(1.2);}
.relax-tip-card.is-revealing{animation:relax-card-reveal .58s cubic-bezier(.22,.82,.24,1)both;}
.relax-tip-card strong{color:var(--text); font-size:28px; font-weight:580; line-height:1.35; letter-spacing:.02em;}
.relax-tip-card small{margin-top:30px; color:var(--copy); font-size:13px; line-height:1.65;}
.relax-orb{position:absolute; z-index:-1; display:block; border-radius:50%; filter:blur(2px); will-change:transform; animation:relax-float 5s ease-in-out infinite;}
.relax-orb-one{top:-42px; right:-24px; width:150px; height:150px; background:rgba(255,196,92,.22);}
.relax-orb-two{bottom:-52px; left:-38px; width:180px; height:180px; background:rgba(193,147,221,.18); animation-delay:-3.2s;}
@media(prefers-reduced-motion:reduce){.relax-orb,.relax-tip-card.is-revealing{animation:none;}
}
.relax-switch-button{display:inline-flex; align-items:center; justify-content:center; gap:9px; min-width:142px; min-height:52px; padding:0 22px; border:1px solid rgba(169,125,68,.2); border-radius:26px; color:var(--text); background:rgba(255,251,241,.68); box-shadow:0 10px 28px rgba(106,72,26,.1),inset 0 1px rgba(255,255,255,.8); -webkit-backdrop-filter:blur(20px)saturate(1.15); backdrop-filter:blur(20px)saturate(1.15);}
#relaxMindfulnessButton{position:fixed; z-index:30; left:50%; bottom:calc(10px + env(safe-area-inset-bottom)); transform:translateX(-50%); touch-action:manipulation;}
.relax-switch-button span{font-size:22px; font-weight:400; line-height:1;}
.relax-switch-button strong{font-size:15px; font-weight:600;}
.relax-switch-button:active{transform:scale(.96);}
.relax-tip-card.is-switching{animation:relax-card-switch .34s ease both;}
@media(prefers-reduced-motion:reduce){.relax-tip-card.is-switching{animation:none;}
}
.home-celestial-card .home-insight-heading{color:var(--text); font-size:16px; font-weight:700; letter-spacing:.08em;}
.home-celestial-card .home-insight-heading i{color:rgba(151,111,52,.68); font-size:18px; font-weight:400;}
.home-celestial-card .home-insight-summary{margin-top:7px; font-size:14px; font-weight:400; line-height:1.45;}
.home-daily-quote blockquote{margin:0; color:#705b3c; font:15px/1.75 Georgia,"Songti SC","STSong",serif;}
.celestial-calendar{padding:8px 0 28px; color:var(--text);}
.celestial-month-nav{display:grid; grid-template-columns:42px 1fr 42px; align-items:center; margin-bottom:14px;}
.celestial-month-nav>div{display:flex; flex-direction:column; align-items:center; gap:3px;}
.celestial-month-nav strong{text-align:center; font-size:14px; font-weight:600; letter-spacing:0.5px; color:rgba(104,79,38,.78);}
.celestial-month-nav small{color:#aa9a87; font-size:11px; font-weight:400;}
.celestial-month-nav button{width:38px; height:38px; border:1px solid rgba(145,112,66,.15); border-radius:50%; color:#927343; background:rgba(255,255,255,.38); font-size:25px;}
.celestial-filter-row{display:flex; gap:6px; margin:0 0 14px; overflow-x:auto; scrollbar-width:none;}
.celestial-filter-row::-webkit-scrollbar{display:none;}
.celestial-filter-row button{flex:0 0 auto; padding:7px 11px; border:1px solid rgba(156,124,79,.11); border-radius:999px; color:#9b8c78; background:rgba(255,255,255,.3); font-size:12px; white-space:nowrap;}
.celestial-filter-row button.active{border-color:rgba(190,133,73,.34); color:#7b572d; background:rgba(217,190,147,.34);}
.celestial-filter-row [data-celestial-today]{margin-left:auto; color:#aa7540;}
.celestial-weekdays,.celestial-grid{display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:1px;}
.celestial-weekdays{margin-bottom:6px; color:#a59885; font-size:12px; text-align:center;}
.celestial-grid{align-items:stretch;}
.celestial-day{position:relative; display:block; min-width:0; min-height:116px; padding:20px 2px 3px; overflow:hidden; border:1px solid rgba(156,124,79,.1); border-radius:11px; color:#756451; background:rgba(255,255,255,.35); font-size:11px; text-align:left; box-sizing:border-box;}
.celestial-day>span{position:absolute; top:5px; left:5px; display:block; padding:0; font:12px/1 Georgia,serif; text-align:left;}
.celestial-day>.celestial-day-events{position:absolute; top:20px; left:2px; right:2px; display:grid; grid-template-columns:minmax(0,1fr); align-content:start; justify-content:start; gap:2px; width:auto; height:auto; min-height:40px; margin:0; overflow:hidden; font-style:normal;}
.celestial-day-events em{display:block; width:100%; min-width:0; padding:1px 2px; overflow:hidden; border-radius:2px; color:#725e88; background:rgba(187,168,215,.24); font-size:8px; font-style:normal; font-weight:500; line-height:11px; text-align:left; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.celestial-day-events em.ingress{color:#8b602f; background:rgba(224,181,129,.27);}
.celestial-day-events em.retrograde{color:#536f87; background:rgba(157,184,207,.27);}
.celestial-day-events em.season{color:#5d754f; background:rgba(166,192,146,.29);}
.celestial-day-events em.sky{color:#815d77; background:rgba(205,159,188,.25);}
.celestial-day-events em.void{color:#8a625f; background:rgba(232,175,173,.3);}
.celestial-day-events small{display:block; padding-right:2px; color:#a1917c; font-size:8px; line-height:9px; text-align:right;}
@media(max-width:760px){.celestial-day-events .celestial-planet-baseline-fix{display:inline-block; line-height:1; transform:translateY(-1px);}
}
.celestial-day.blank{visibility:hidden;}
.celestial-day.today{border-color:rgba(190,133,73,.6);}
.celestial-day.selected{background:rgba(217,190,147,.36); box-shadow:inset 0 0 0 1px rgba(181,132,70,.25);}
.celestial-day-detail{margin-top:18px; padding:16px; border:1px solid rgba(156,124,79,.12); border-radius:18px; background:rgba(255,255,255,.38);}
.celestial-day-detail h3{margin:0 0 12px; color:#7d603b; font-size:15px;}
.celestial-event{display:grid; grid-template-columns:36px minmax(0,1fr); align-items:start; gap:10px; width:100%; padding:11px 0; overflow:hidden; border-top:1px solid rgba(156,124,79,.1); box-sizing:border-box;}
.celestial-event:first-of-type{border-top:0;}
.celestial-event>b{display:flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border-radius:50%; color:#765b8e; background:rgba(187,168,215,.22); font-family:"Times New Roman","Apple Symbols",serif; font-size:17px; font-weight:400; font-style:normal; line-height:1; text-align:center; box-sizing:border-box;}
.celestial-event>div{min-width:0;}
.celestial-event.ingress>b{color:#9d682f; background:rgba(211,163,108,.2);}
.celestial-event.retrograde>b{color:#4f718f; background:rgba(139,166,191,.2);}
.celestial-event.season>b{color:#58724b; background:rgba(154,178,135,.2);}
.celestial-event.void>b{color:#8a625f; background:rgba(232,175,173,.24);}
.celestial-event strong{display:block; min-width:0; font-size:14px; font-weight:600; line-height:1.45; overflow-wrap:anywhere;}
.celestial-event p{min-width:0; margin:5px 0 0; color:#998975; font-size:13px; line-height:1.55; overflow-wrap:anywhere;}
.celestial-empty,.celestial-note{color:#a39683; font-size:12px; line-height:1.6;}
.celestial-note{margin:12px 4px 0; text-align:center;}
.seasonal-guide-intro{margin-bottom:12px; padding:20px 18px; border:1px solid var(--line); border-radius:20px; background:rgba(255,250,241,.86);}
.seasonal-guide-intro .seasonal-guide-summary{margin:0; color:#8d7b66; font-size:14px; font-weight:400; letter-spacing:0; line-height:1.65;}
.seasonal-wheel{margin:21px 0 4px; padding:17px 14px 12px; border:1px solid rgba(181,144,92,.13); border-radius:17px; background:rgba(255,255,255,.4);}
.seasonal-progress-current{display:flex; align-items:baseline; gap:8px; margin-bottom:28px;}
.seasonal-progress-current small{color:#aaa08e; font-size:14px;}
.seasonal-progress-current strong{color:#57483d; font-size:14px; font-weight:600;}
.seasonal-progress-current span{margin-left:auto; color:#958571; font-size:14px;}
.seasonal-progress-track{position:relative; height:7px; border-radius:999px; background:linear-gradient(90deg,#f2c8d3 0 25%,#bedb9d 25% 50%,#f0c77e 50% 75%,#b7d1e9 75%); box-shadow:inset 0 0 0 1px rgba(121,99,69,.08);}
.seasonal-progress-fill{position:absolute; inset:0 auto 0 0; width:var(--season-progress); border-radius:inherit; background:rgba(125,86,49,.14);}
.seasonal-progress-tick{position:absolute; top:1px; width:1px; height:5px; background:rgba(255,255,255,.8); transform:translateX(-50%);}
.seasonal-progress-tick.current{top:-3px; width:2px; height:13px; border-radius:2px; background:#bd4f72;}
.seasonal-progress-marker{position:absolute; left:var(--season-progress); top:50%; width:13px; height:13px; border:2px solid #fff8ed; border-radius:50%; background:#cf557a; box-shadow:0 2px 6px rgba(92,45,61,.22); transform:translate(-50%,-50%);}
.seasonal-progress-marker span{position:absolute; left:50%; bottom:17px; color:#a44062; font-size:14px; font-weight:650; white-space:nowrap; transform:translateX(-50%);}
.seasonal-dictionary-heading{display:flex; align-items:baseline; justify-content:space-between; margin:18px 4px 10px;}
.seasonal-dictionary-heading span{color:var(--text); font-size:14px; font-weight:650;}
.seasonal-dictionary-heading small{color:#aa9a87; font-size:14px; letter-spacing:.03em;}
.seasonal-term-list{display:grid; grid-template-columns:1fr; gap:10px;}
.seasonal-term-card{padding:13px; border:1px solid var(--line); border-radius:17px; background:rgba(255,250,241,.76);}
.seasonal-term-card.current{border-color:rgba(201,147,65,.48); background:rgba(255,245,222,.96);}
.seasonal-term-name{display:flex; align-items:center; gap:7px;}
.seasonal-term-name>span{color:#baa98f; font:14px/1 Georgia,serif;}
.seasonal-term-name strong{color:var(--text); font-size:14px; font-weight:650;}
.seasonal-term-name time{color:#a99a87; font-size:14px; font-weight:400;}
.seasonal-term-name em{margin-left:auto; padding:3px 7px; border-radius:999px; color:#9a6a27; background:rgba(218,174,97,.2); font-size:14px; font-style:normal;}
.seasonal-term-card ol{display:grid; gap:7px; margin:11px 0 0; padding:0; list-style:none;}
.seasonal-term-card li{min-width:0; display:flex; align-items:center; gap:7px; padding:9px; overflow-x:auto; border:1px solid rgba(181,144,92,.13); border-radius:11px; color:#837463; background:rgba(255,255,255,.45); font-size:14px; white-space:nowrap; scrollbar-width:none;}
.seasonal-term-card li::-webkit-scrollbar{display:none;}
.seasonal-term-card li time{flex:0 0 auto; color:#a29480; font-size:14px;}.seasonal-term-card li small{flex:0 0 auto; padding:3px 7px; border-radius:999px; color:#a29480; background:rgba(216,204,181,.25); font-size:14px;}
.seasonal-term-card li>span{flex:0 0 auto; font-weight:600;}
.seasonal-term-card li.current{color:#9a6928; font-weight:650;}
.seasonal-term-card li blockquote{flex:0 0 auto; min-width:0; margin:0; color:#a29584; font:14px/1.4,"Kaiti SC",STKaiti,serif; font-weight:400; white-space:nowrap;}
.lucky-wallpaper{position:relative; width:min(78vw,340px); aspect-ratio:943/2048; display:flex; flex-direction:column; justify-content:center; margin:8px auto 16px; padding:28px 22px; overflow:hidden; border:0; border-radius:24px; color:#57452f; background:linear-gradient(155deg,var(--lucky-top),var(--lucky-bottom)); box-shadow:0 14px 32px rgba(105,77,44,.12);}
.lucky-wallpaper-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.lucky-wallpaper-editor{width:min(100%,420px);margin:0 auto 14px}.lucky-wallpaper-editor details{border:1px solid var(--line);border-radius:16px;background:var(--panel-soft);overflow:hidden}.lucky-wallpaper-editor summary{padding:13px 16px;color:var(--text);font-weight:650;cursor:pointer}.lucky-wallpaper-editor summary{list-style:none}.lucky-wallpaper-editor summary::-webkit-details-marker,.lucky-wallpaper-editor summary::marker{display:none}.lucky-wallpaper-editor summary::before{content:"⌄";display:inline-block;margin-right:6px;color:var(--copy);transform:rotate(-90deg);transition:transform 180ms ease}.lucky-wallpaper-editor details[open] summary::before{transform:rotate(0deg)}.lucky-editor-body{display:grid;gap:12px;padding:0 14px 14px}.lucky-sign-grid,.lucky-editor-pair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lucky-editor-pair{grid-template-columns:1fr 1fr}.lucky-editor-pair section{display:grid;gap:7px}.lucky-editor-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;color:var(--copy);font-size:12px}.lucky-editor-row select{grid-column:1/-1;min-width:0;width:100%;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 7px;color:var(--text);background:var(--panel);font:inherit}.lucky-editor-row em{text-align:right;font-style:normal}.lucky-editor-row input{grid-column:1/-1}.lucky-editor-body p,.lucky-editor-slider span{margin:0;color:var(--copy);font-size:12px}.lucky-editor-options{display:flex;flex-wrap:wrap;gap:7px}.lucky-editor-options button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:10px;color:var(--copy);background:transparent}.lucky-editor-options button[aria-pressed=true]{color:var(--page-top);background:var(--text)}.lucky-editor-slider{display:grid;gap:5px}.lucky-editor-actions{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:7px}.lucky-editor-actions .action-button{min-height:38px!important;padding:0 10px}.theme-light .lucky-editor-actions .action-button{border:1px solid var(--line);color:var(--copy);background:transparent}.lucky-editor-body input[type=range]{width:100%;accent-color:var(--gold)}.lucky-wallpaper.text-hidden .lucky-wallpaper-copy,.lucky-wallpaper.text-hidden footer{visibility:hidden}.lucky-birthday-row{display:grid;grid-template-columns:1fr auto;gap:7px}.lucky-birthday-row input{min-width:0;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 7px;color:var(--text);background:var(--panel);font:inherit}.lucky-birthday-confirm{min-height:38px;padding:0 16px;border:1px solid var(--line);border-radius:10px;color:var(--copy);background:transparent;font:inherit;font-weight:650;white-space:nowrap}
.lucky-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.lucky-five button{padding:0}.lucky-editor-actions{grid-template-columns:1fr 1fr}.lucky-wallpaper.astro-wallpaper::before,.lucky-wallpaper.astro-wallpaper::after{display:none}.lucky-wallpaper.astro-dark{color:rgba(255,248,232,.94)}.lucky-wallpaper.astro-dark .lucky-wallpaper-copy cite{color:rgba(255,248,232,.72)}.lucky-wallpaper.astro-dark footer{color:rgba(255,248,232,.58)}
html .lucky-editor-options button[aria-pressed=true]{color:#3b2a12;background:#f6dfa6}html .theme-light .lucky-editor-actions .action-button:active,html .theme-light .lucky-editor-actions .action-button[aria-pressed=true]{color:#3b2a12;background:#f6dfa6}
.lucky-wallpaper-editor details{border-color:rgba(126,101,61,.12);background:rgba(255,255,255,.3);box-shadow:inset 0 1px rgba(255,255,255,.58),0 8px 28px rgba(96,70,34,.05)}.lucky-wallpaper-editor summary{font-weight:600}.lucky-editor-row select{border-color:rgba(126,101,61,.12);background:rgba(255,255,255,.42);box-shadow:inset 0 1px rgba(255,255,255,.55)}.lucky-editor-options button{border-color:rgba(126,101,61,.14)}.lucky-editor-body input[type=range]{height:4px;border-radius:999px;accent-color:#d5aa5b}.theme-dark .lucky-wallpaper-editor details{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.035);box-shadow:inset 0 1px rgba(255,255,255,.06)}.theme-dark .lucky-editor-row select{border-color:rgba(255,255,255,.1);color:var(--text);background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.06)}.lucky-birthday-row input{border-color:rgba(126,101,61,.14);background:rgba(255,255,255,.38);box-shadow:inset 0 1px rgba(255,255,255,.6)}.theme-dark .lucky-birthday-row input{border-color:rgba(255,255,255,.1);color:var(--text);background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.lucky-wallpaper::before{content:""; position:absolute; width:230px; height:230px; right:-90px; top:-70px; border:0; border-radius:50%; background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.36),rgba(255,255,255,.07)48%,transparent 70%); box-shadow:inset 0 0 30px rgba(255,255,255,.12),0 18px 45px rgba(82,61,40,.06);}
.lucky-wallpaper::after{content:""; position:absolute; width:150px; height:150px; left:-56px; bottom:74px; border-radius:50%; background:radial-gradient(circle at 65% 34%,rgba(255,255,255,.34),rgba(255,255,255,.05)58%,transparent 72%);}
.lucky-wallpaper-copy{position:relative; z-index:2; padding:28px 8px; text-align:center;}
.lucky-wallpaper-copy p{margin:0; font: 400 20px/1.6 Baskerville,"LuckyMingchao"; font-synthesis:none; font-weight:400; letter-spacing:.02em;}
.lucky-wallpaper-copy blockquote{margin:6px 0 0; font-family:"LuckyMingchao"!important; font-size:18px; font-weight:400; line-height:1.55; letter-spacing:.01em;}
.lucky-wallpaper-copy cite{display:block; margin-top:18px; color:rgba(87,69,47,.68); font-family:Baskerville,"LuckyMingchao"; font-size:14px; font-style:normal; font-weight:400; line-height:1.6; letter-spacing:.035em;}
.lucky-wallpaper footer{position:absolute; left:0; right:0; bottom:14px; color:rgba(87,69,47,.5); text-align:center; font-family:Baskerville,"LuckyMingchao";}
.lucky-wallpaper-save{display:block; width:50%; margin:0 auto 14px;}
#saveLuckyWallpaperButton{width:50%;}
@media(max-width:370px){.seasonal-term-list{grid-template-columns:1fr;}
}
.home-chrome.hidden{display:none;}
.bottom-tools.hidden{display:none;}
html.native-ios-shell .bottom-tools{display:none!important;}
html.native-ios-shell .page-shell{background:linear-gradient(180deg,var(--page-top)0,var(--page-top)72px,var(--page-mid)44%,var(--page-bottom)calc(100% - 72px),var(--page-bottom)100%);}
.card-back,.spread-back{width:100%; height:100%; display:grid; place-items:center; border-radius:inherit; background:radial-gradient(circle at 50% 48%,rgba(220,165,76,0.07)0,rgba(220,165,76,0.03)32%,transparent 58%),radial-gradient(circle at 50% 48%,rgba(255,250,232,0.36)0,transparent 46%),linear-gradient(180deg,rgba(254,249,236,0.97)0%,rgba(248,236,208,0.97)100%); box-shadow:0 0 0 1px rgba(177,119,53,0.24),0 18px 46px rgba(171,121,62,0.12),inset 0 1px 0 rgba(255,249,233,0.38),inset 0 0 30px rgba(192,133,62,0.04);}
.card-back-mark{width:64px; height:64px; opacity:0.88; object-fit:contain;}
.card-image{width:100%; height:100%; display:block; object-fit:contain; border-radius:inherit; box-shadow:0 16px 30px -18px rgba(220,163,70,0.22),0 26px 48px -26px rgba(177,119,53,0.14);}
.reversed{transform:rotate(180deg);}
.hidden{display:none;}
.auth-gate{position:fixed; inset:0; z-index:120; width:100%; height:100dvh; min-height:0; overflow:hidden; overscroll-behavior:none; touch-action:pan-y; --login-scale:0.86;}
.login-page{min-height:0; padding:16px; background:radial-gradient(circle at top,rgba(96,71,176,0.28),transparent 34%),linear-gradient(180deg,#0c0a1b 0%,#141028 55%,#0b1021 100%); display:flex; align-items:center; justify-content:center;}
.login-glow{position:absolute; border-radius:999px; filter:blur(10px); opacity:0.7; pointer-events:none;}
.login-glow-one{top:55px; left:-50px; width:140px; height:140px; background:radial-gradient(circle,rgba(126,86,219,0.5)0%,rgba(126,86,219,0)72%);}
.login-glow-two{right:-60px; bottom:100px; width:160px; height:160px; background:radial-gradient(circle,rgba(91,64,173,0.42)0%,rgba(91,64,173,0)74%);}
.brand-mark{width:32px; height:32px; margin:0 auto 5px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,rgba(255,221,142,0.16)0%,rgba(124,80,205,0.18)100%); border:1px solid rgba(255,222,157,0.24); box-shadow:0 0 15px rgba(125,85,209,0.28); position:relative;}
.brand-drop{width:10px; height:15px; border-radius:60% 60% 68% 68%; transform:rotate(45deg); background:linear-gradient(180deg,#ffe39a 0%,#f3b759 100%); box-shadow:0 0 9px rgba(246,193,96,0.28);}
.brand-drop-highlight{position:absolute; top:9px; left:12px; width:4px; height:4px; border-radius:999px; background:rgba(255,250,235,0.75);}
.wechat-auth-button{width:100%; height:26px; margin:0; padding:0 8px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(202,156,75,0.66); border-radius:999px; color:#f8f0de; background:transparent; font-size:10px; line-height:26px;}
.login-agreement-note,.other-login-toggle{width:100%; border:0; background:transparent;}
.login-agreement-note{margin-top:6px; color:rgba(240,232,213,0.52); font-size:9px; line-height:1.2;}
.other-login-toggle{margin-top:12px; text-align:center; color:#f1d89c; font-size:10px; line-height:1.6;}
.other-login-panel{margin-top:8px; padding-top:8px; border-top:1px solid rgba(255,236,191,0.08);}
.login-main-panel{margin-top:0; padding-top:0; border-top:0;}
.wechat-auth-secondary{height:28px; margin-top:0; font-size:10px; opacity:0.82;}
.stage-tabs,.mode-tabs{display:flex; gap:5px; margin-bottom:8px;}
.stage-tab,.mode-tab{flex:1; height:25px; border-radius:999px; border:1px solid rgba(162,137,213,0.12); color:rgba(240,232,213,0.54); background:rgba(255,255,255,0.04); font-size:10px;}
.stage-tab-active,.mode-tab-active{color:#f6ddb0; background:rgba(223,174,84,0.12); border-color:rgba(239,186,88,0.34);}
.password-input,.code-row{margin-top:5px;}
.code-row{display:flex; align-items:center; gap:5px;}
.agreement-row{display:flex; align-items:center; justify-content:center; gap:4px; white-space:nowrap;}
.agreement-text{min-width:0; overflow:hidden; text-overflow:ellipsis; font-size:9px; line-height:1.2; color:rgba(240,232,213,0.46);}
.agreement-link{color:#f1d89c;}
.forgot-password-button{display:inline; margin:0; padding:0 2px; border:0; color:rgba(241,216,156,0.72); background:transparent; font-size:11px!important; font-weight:400;}
.forgot-password-button.hidden{display:none!important;}
.login-feedback-area{min-height:15px; margin-top:5px; display:flex; align-items:baseline; justify-content:center; gap:2px; text-align:center;}
.login-status-message{color:rgba(242,198,109,0.82); font-size:11px!important; font-weight:400; line-height:1.4;}
.login-status-message:empty{display:none;}
.guest-login-button{width:100%; height:28px; margin:0; padding:0 12px; border:1px solid rgba(202,156,75,0.66); border-radius:999px; color:#f8f0de; background:transparent; font-size:10px; line-height:28px;}
@media(max-width:760px){.guest-login-button{height:34px; font-size:14px; line-height:34px;}
}
.enter-button{width:100%; height:28px; border:0; border-radius:999px; color:#33240a; background:linear-gradient(90deg,#f6d381 0%,#eeb55a 100%); box-shadow:0 6px 12px rgba(223,155,67,0.24); font-size:11px;}
.reading-grid{margin-top:12px;}
.info-card,.history-item,.empty-state,.field,.question-input,.text-input,.message-body-card{border:1px solid var(--line); background:var(--panel-soft);}
.info-card{margin-bottom:12px; padding:14px; border-radius:15px;}
.accent-card{background:var(--panel); box-shadow:0 6px 14px rgba(143,112,55,0.08);}
.message-kicker{color:var(--text); font-size:14px; letter-spacing:0.08em;}
.message-card-name{color:var(--gold); font-weight:700;}
.message-body-card{margin-top:12px; padding:12px; border-radius:14px; box-shadow:none;}
.keyword-row{display:flex; flex-wrap:wrap; gap:6px; margin:0 0 9px;}
.body-copy{margin:0; color:rgba(97,75,38,0.72); font-size:14px; line-height:1.8; white-space:pre-line;}
.primary-button{width:100%; min-height:44px; margin-top:14px; border:0; border-radius:999px; color:#4f3817; background:linear-gradient(135deg,rgba(233,199,127,0.78)0%,rgba(215,164,91,0.74)100%); font-weight:700;}
#saveDailyButton,.journal-actions .consult-button{display:none;}
.primary-button:disabled{opacity:0.42;}
.field-label,.question-label{display:block; margin:0 0 8px; color:var(--text); font-size:14px; font-weight:700;}
.question-input,.text-input{width:100%; border-radius:12px; padding:12px; color:var(--text); outline:none;}
.text-input{min-height:44px; margin-bottom:12px;}
.question-hero{margin:12px 10px 14px; text-align:center; background:radial-gradient(circle at top right,rgba(223,184,102,0.14),transparent 30%),linear-gradient(135deg,rgba(253,246,231,0.98),rgba(248,238,212,0.94));}
.question-hero .hero-date{margin:0; font-size:14px; letter-spacing:0.12em;}
.spread-card{width:100%; aspect-ratio:7/12; padding:0; border:1px solid rgba(177,119,53,0.18); border-radius:14px; overflow:hidden; color:var(--gold); background:radial-gradient(circle at 50% 48%,rgba(255,250,232,0.36)0,transparent 46%),linear-gradient(180deg,rgba(254,249,236,0.97)0%,rgba(248,236,208,0.97)100%); box-shadow:0 10px 28px rgba(171,121,62,0.08);}
.spread-card span{width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(171,139,81,0.2); border-radius:999px; font-size:24px; margin:auto;}
.spread-card.selected{outline:3px solid rgba(184,135,74,0.45); outline-offset:2px;}
.spread-card img{width:100%; height:100%; display:block; object-fit:contain; border-radius:inherit;}
.spread-card img.thoth-spread-image{object-fit:cover; object-position:center;}
.filter-button.active{color:#4f3817; background:linear-gradient(135deg,rgba(233,199,127,0.78),rgba(215,164,91,0.74));}
.history-panel,.journal-card{margin:18px 0; padding:18px; border-radius:22px; background:var(--panel); box-shadow:0 6px 14px rgba(143,112,55,0.08);}
.history-panel h2,.journal-section h2,.journal-title{display:block; margin:0 0 14px; color:var(--text); font-size:21px; font-weight:800;}
.history-row p{grid-column:1/2;}
.history-row>span{grid-row:1/span 2; grid-column:2; color:var(--gold);}
.history-item h3{margin:0 0 6px; color:var(--text); font-size:14px;}
.history-item p,.empty-state{margin:0; color:var(--copy); font-size:13px; line-height:1.55;}
.deck-hero span,.deck-section-head{color:rgba(125,99,50,0.6);}
.deck-list{display:grid; gap:6px;}
.guide-head{width:100%; min-height:34px; padding:0; border:0; background:transparent; color:inherit; display:flex; align-items:center; justify-content:space-between; gap:6px; text-align:left;}
.guide-left,.guide-right{display:flex; align-items:center;}
.guide-left{gap:7px; min-width:0; flex:1;}
.guide-right{flex-shrink:0; gap:4px;}
.guide-id{min-width:24px; font-size:9px; font-weight:800; letter-spacing:0.12em; opacity:0.82;}
.guide-name-group{min-width:0;}
.guide-en{margin-left:6px; color:var(--copy); font-size:9px; font-style:normal;}
.guide-keyword{max-width:148px; padding:2px 7px; border:1px solid rgba(255,255,255,0.1); border-radius:999px; font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.guide-arrow{color:rgba(102,80,41,0.36); font-size:10px; transition:transform 0.2s ease;}
.guide-arrow-open{transform:rotate(90deg);}
.meta-row{display:flex; flex-wrap:wrap; gap:5px; margin-bottom:5px;}
.guide-element{padding:2px 6px; border-radius:999px; color:#8a682b; background:rgba(207,166,83,0.16); font-size:9px; opacity:0.84;}
.detail-label{margin:0 0 3px; color:rgba(107,88,59,0.72); font-size:9px; letter-spacing:0.18em; font-weight:700;}
.guide-desc{margin:0; color:var(--text); font-size:12px; font-weight:600; line-height:1.75;}
.deck-unlock-link{min-height:26px; padding:3px 9px; border:1px solid rgba(138,104,43,0.62); border-radius:999px; color:#8a682b; background:rgba(207,166,83,0.12); font-size:14px; font-weight:700;}
.deck-unlock-block{margin-top:10px; padding-top:10px; border-top:1px solid rgba(160,123,58,0.18); text-align:center;}
.deck-unlock-block p{margin:0; color:var(--muted); font-size:14px; line-height:1.6;}
.deck-complete-reading-button{width:100%; min-height:0; padding:0; border:0; border-radius:0; color:var(--muted); background:transparent; font-size:14px; font-weight:400; line-height:1.6; text-align:center;}
.deck-unlock-options{grid-template-columns:repeat(3,minmax(0,1fr));}
.deck-package-button{width:100%;}
.deck-package-button:disabled:not(.deck-package-coming){cursor:wait; opacity:0.56;}
.deck-package-button.ai-package-selected:disabled{opacity:1;}
.deck-package-button .ai-package-copy,.deck-package-button .ai-package-copy small{width:100%; min-width:0; white-space:normal; overflow-wrap:anywhere; line-height:1.35; text-align:center;}
.deck-package-coming:disabled{opacity:0.58; cursor:default; box-shadow:none;}
.card-detail-panel,.card-reading-panel{margin-bottom:14px; padding:16px; border:1px solid var(--line); border-radius:20px; background:var(--panel); box-shadow:0 6px 14px rgba(143,112,55,0.08);}
.card-detail-panel{display:grid; grid-template-columns:minmax(120px,170px)1fr; gap:16px; align-items:center;}
.card-detail-visual{aspect-ratio:7/12; border-radius:16px; overflow:hidden; background:rgba(248,238,212,0.72);}
.card-detail-visual img{width:100%; height:100%; display:block; object-fit:contain;}
.card-detail-copy h1{margin:6px 0 12px; color:var(--text); font-size:28px;}
.card-reading-panel h2{margin:0 0 10px; color:var(--text); font-size:20px;}
.ai-button{min-height:44px; margin-top:22px; padding:0 18px; border:1px solid var(--line); border-radius:12px; color:rgba(125,99,50,0.55); background:rgba(248,238,212,0.62); font-weight:800;}
.action-row{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:22px 0 8px;}
.action-button,.action-row .primary-button{min-height:58px; margin:0; border:1px solid rgba(108,92,132,0.36); border-radius:14px; color:#d9c8a2; background:rgba(23,23,48,0.72); font-size:17px; font-weight:900;}
.reset-button,.action-row .primary-button{border-color:rgba(214,171,96,0.8); color:#211715; background:linear-gradient(180deg,#e1b966 0%,#c89950 100%); box-shadow:0 8px 18px rgba(159,112,49,0.18);}
.consult-button{color:var(--text); background:rgba(255,255,255,0.34); box-shadow:inset 0 0 0 1px rgba(108,92,132,0.24);}
#view-question .ai-button:disabled{opacity:0.55;}
#view-question .action-row,#customRelaxTipModal .action-row{grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin-top:16px; margin-bottom:0; width:auto;}
#view-question .action-button,#view-question .action-row .primary-button,#customRelaxTipModal .action-button,#customRelaxTipModal .action-row .primary-button{width:100%; min-height:40px; padding:0 6px; border-radius:10px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:13px; font-weight:700; line-height:1.2; white-space:nowrap; box-sizing:border-box; min-width:0; overflow:hidden; box-shadow:none; opacity:1;}
#view-question .action-row .primary-button,#customRelaxTipModal .action-row .primary-button{border:0; color:#4f3817; background:linear-gradient(135deg,rgba(233,199,127,0.78)0%,rgba(215,164,91,0.74)100%);}
#view-question .reset-button{border:1px solid rgba(171,139,81,0.18); color:#6d542b; background:rgba(248,238,212,0.86); box-shadow:none;}
#view-question .action-row .primary-button:disabled,#customRelaxTipModal .action-row .primary-button:disabled{opacity:1; color:#4f3817; background:linear-gradient(135deg,rgba(233,199,127,0.78)0%,rgba(215,164,91,0.74)100%);}
#view-question .consult-button{border:1px solid rgba(171,139,81,0.18); color:#6d542b; background:rgba(248,238,212,0.86); box-shadow:none;}
.mood-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:8px;}
.mood-option.active{border-color:rgba(223,127,44,0.44); background:rgba(242,210,159,0.52);}
.journal-textarea{min-height:172px;}
.visually-hidden{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
.tool-button.active{color:#07c160; background:transparent;}
.toast{position:fixed; left:50%; bottom:calc(78px + env(safe-area-inset-bottom)); z-index:300; transform:translate(-50%,20px); opacity:0; pointer-events:none; padding:10px 14px; border-radius:999px; background:rgba(23,16,39,0.88); color:#f8f0de; transition:180ms ease;}
.toast.show{transform:translate(-50%,0); opacity:1;}
.profile-avatar-image{position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; object-position:center; z-index:1;}
.menu-title{font-size:18px; font-weight:700;}
.menu-inline-input{width:min(180px,52%); border:0; outline:none; color:var(--copy); background:transparent; text-align:right; font:inherit; font-size:16px;}
.danger-value{color:#b94b41;}
.feedback-card,.about-card{padding:18px;}
.about-card h2,.modal-card h2{margin:0 0 14px; color:var(--text); font-size:22px;}
.about-meta-block{margin-top:14px; padding:13px 14px; border:1px solid var(--line); border-radius:12px; background:rgba(125,97,52,0.05);}
.about-meta-label{display:block; color:var(--text); font-size:14px; font-weight:800;}
.about-meta-value{display:block; margin-top:6px; color:var(--copy); font-size:13px; line-height:1.6;}
.modal-mask{position:fixed; inset:0; z-index:50; display:grid; place-items:center; padding:24px; background:rgba(23,16,39,0.34);}
.modal-mask.hidden{display:none;}
.modal-card{width:min(100%,360px); padding:18px; border:1px solid var(--line); border-radius:18px; background:var(--panel); box-shadow:0 24px 60px rgba(23,16,39,0.22);}
.ai-unlock-card h2{font-size:18px; font-weight:500; text-align:center;}
.ai-unlock-options{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding-top:6px;}
.ai-package-copy{display:grid; justify-items:center; gap:4px;}
.ai-package-copy strong{font-size:14px; font-weight:400; line-height:1.2;}
.ai-package-copy small{color:rgba(72,49,18,0.66); font-size:10px; font-weight:400;}
.ai-package-price{flex:0 0 auto; font-size:18px; font-weight:400; letter-spacing:-0.02em;}
.ai-package-featured,.ai-package-selected{border-color:rgba(248,209,125,0.72); background:linear-gradient(135deg,#f9dda0 0%,#dfa951 100%); box-shadow:0 10px 26px rgba(211,155,62,0.24);}
.ai-package-badge{position:absolute; top:-10px; right:8px; transform:none; z-index:2; padding:4px 10px; border-radius:999px; color:#fff7e8; background:#7e5422; font-size:11px; font-weight:400; letter-spacing:0.08em;}
.ai-unlock-close{width:100%; margin-top:12px;}
.ai-unlock-note{margin:12px 0 0; color:var(--muted); font-size:11px; line-height:1.55; text-align:center;}
.purchase-success-card{width:min(100%,310px); padding:24px 20px 20px; text-align:center;}
.purchase-success-icon{width:52px; height:52px; margin:0 auto 13px; display:grid; place-items:center; border:1px solid rgba(239,196,105,0.68); border-radius:50%; color:#fff2cd; background:linear-gradient(135deg,#d9a84f,#9c6a25); box-shadow:0 8px 24px rgba(202,146,54,0.28); font-size:25px; font-weight:400;}
.purchase-success-card h2{margin-bottom:10px; font-weight:500;}
.purchase-success-balance{margin:0; color:var(--copy); font-size:14px; line-height:1.7;}
.purchase-success-balance span{color:#d6a951; font-size:17px; font-weight:500;}
.purchase-success-close{width:100%; margin-top:17px;}
.ai-package-button{position:relative; min-width:0; aspect-ratio:1/1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; border:1px solid rgba(197,151,69,0.42); border-radius:16px; color:var(--text); background:linear-gradient(135deg,rgba(252,230,178,0.92),rgba(221,174,94,0.88)); box-shadow:0 8px 20px rgba(99,65,19,0.1); text-align:center; font-weight:400; width:100%; min-height:40px; padding:0 6px; font-size:14px; white-space:nowrap;}
.service-chat-card{width:min(100%,430px); padding:14px;}
.service-chat-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px;}
.service-chat-link{min-height:34px; border:1px solid var(--line); border-radius:999px; padding:0 12px; color:var(--text); background:var(--panel-soft); font-weight:800;}
.service-chat-body{height:min(52vh,420px); overflow-y:auto; display:grid; align-content:start; gap:10px; padding:12px; border:1px solid var(--line); border-radius:16px; background:rgba(248,238,212,0.52);}
.service-msg{display:flex;}
.service-msg-bot{justify-content:flex-start;}
.service-msg-bot span{color:var(--text); background:var(--panel);}
.service-msg-user{justify-content:flex-end;}
.service-msg-user span{color:#4f3817; background:linear-gradient(135deg,rgba(233,199,127,0.92),rgba(215,164,91,0.82));}
.service-chat-compose .primary-button{width:auto; min-width:76px; margin:0;}
.service-chat-actions{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px;}
@media(min-width:680px){.page-shell{padding-left:18px; padding-right:18px;}
.tarot-card{width:196px;}
.deck-list{grid-template-columns:1fr;}
}
.panel{border:1px solid var(--line); background:var(--panel); box-shadow:0 6px 14px rgba(143,112,55,0.08); margin-bottom:12px; padding:14px; border-radius:15px;}
.eyebrow,.section-kicker,.card-kicker{margin:0; color:#7d6332; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; font-size:11px;}
.message-kicker,.message-card-name{font-size:14px;}
.hero-date,.body-copy{font-size:14px; line-height:1.8;}
.user-name{color:var(--text); font-size:15px;}
.user-note,.checkin-chip{font-size:11px;}
.keyword-chip{line-height:1.2; padding:4px 8px; font-size:11px;}
.question-input{resize:vertical; min-height:110px; padding:12px; border-radius:12px; font-size:14px; line-height:1.7;}
.question-label,.field-label{font-size:14px;}
.spread-row{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; margin:12px 18px 18px; gap:6px; margin-left:18px; margin-right:18px;}
.spread-card,.spread-back,.spread-fallback{border-radius:12px;}
.reading-panel,.question-input-panel,.question-hero{border-radius:15px;}
.ai-quota{margin:0 0 16px; color:var(--copy); font-size:12px; line-height:1.6;}
.answer-copy{margin:0; color:var(--text); white-space:pre-line; font-size:14px; line-height:1.8;}
#view-question .question-answer-hint{opacity:0.58;}
#view-question .question-ai-reply-hint{margin:12px 0 10px; color:var(--copy); font-size:12px; line-height:1.6; opacity:0.62;}
#view-question .question-brief-panel{padding:14px; border-radius:15px;}
#view-question .question-brief-panel h2{margin:0 0 8px; color:var(--text); font-size:14px; font-weight:500; line-height:1.4;}
#view-question .question-brief-panel .answer-copy{margin:0; color:var(--copy);}
.journal-section{margin-bottom:14px; border:1px solid var(--line); background:rgba(248,238,212,0.75); padding:14px; border-radius:15px;}
.mood-option span{color:#df7f2c; pointer-events:none; font-size:20px;}
.profile-copy{margin:0; color:var(--copy); font-size:12px;}
.menu-title,.menu-inline-input{font-size:14px;}
.menu-value{color:var(--copy); font-size:12px;}
.logout-button{width:min(230px,60%); display:block; margin:26px auto 0; border:1px solid var(--line); color:var(--text); background:rgba(253,246,231,0.82); font-weight:800; min-height:42px; border-radius:12px; font-size:14px;}
.deck-hero p{margin:0 0 8px; color:rgba(125,99,50,0.58); margin-bottom:4px; font-size:10px; letter-spacing:0.42em;}
.deck-hero h1{margin:0 0 6px; color:#8b7650; margin-bottom:3px; font-size:14px; letter-spacing:0.12em;}
.deck-hero span{font-size:11px; letter-spacing:0.12em;}
.filter-button strong{font-size:12px;}
.filter-button span{color:rgba(125,99,50,0.56); font-size:8px;}
.deck-section-head{display:flex; justify-content:space-between; gap:12px; margin:0 0 12px; margin-bottom:9px; font-size:10px;}
.guide-name{color:var(--text); font-weight:700; letter-spacing:0.04em; font-size:14px;}
.guide-en,.guide-id,.guide-keyword,.detail-label,.guide-element{font-size:9px;}
.guide-desc,.guide-detail{font-size:12px;}
body,button,input,textarea,.body-copy,.answer-copy,.history-item p,.empty-state,.guide-desc,.guide-detail,.question-input,.text-input,.journal-textarea,.menu-value,.profile-copy,.user-note,.deck-hero span,.about-meta-value{font-weight:400!important;}
.section-kicker,.card-kicker,.message-kicker,.message-card-name,.user-name,.history-panel h2,.journal-section h2,.journal-title,.history-item h3,.guide-name,.detail-label,.field-label,.question-label,.menu-title,.primary-button,.action-button,.tool-button,.logout-button{font-weight:700!important;}
.guide-en,.guide-id,.guide-keyword,.guide-element,.deck-section-head,.filter-button span{font-weight:400!important;}
#view-history .history-panel{margin:0 0 12px; padding:14px; border-radius:15px; border:1px solid var(--line); background:var(--panel); box-shadow:0 6px 14px rgba(143,112,55,0.08);}
#view-history .history-panel h2{margin:0; color:var(--text); font-size:15px; font-weight:700; line-height:1.4;}
#view-history .section-gap{margin-top:14px!important;}
#view-history .history-list{gap:9px; margin-top:9px;}
#view-history .history-item,#view-history .empty-state{padding:24px 28px; border:1px solid var(--line); border-radius:24px; background:rgba(248,238,212,0.92); box-shadow:none;}
#view-history .history-row{min-height:0; display:block;}
#view-history .history-item p,#view-history .empty-state{margin-top:5px; font-size:12px; line-height:1.6;}
#view-history .history-head-side{display:flex; flex-direction:column; align-items:flex-end; gap:8px; flex:0 0 auto;}
#view-history .history-card{color:#9b7440; font-size:12px; line-height:1.6; font-weight:700;}
#view-history .history-card-inline{display:flex; align-items:center; gap:5px; white-space:nowrap;}
#view-history .history-mood-icon{margin-left:6px; color:#b98942; font-size:15px; font-weight:400; vertical-align:-1px;}
#view-history .history-detail{display:none; margin-top:18px; padding-top:18px; border-top:1px solid rgba(164,128,67,0.14);}
#view-history .history-item-open .history-detail{display:block;}
#view-history .history-item-open .history-chevron{transform:rotate(180deg);}
#view-history .detail-label{color:var(--text); font-size:12px; font-weight:700;}
#view-history .history-copy{margin-top:5px; color:var(--muted); font-size:12px; line-height:1.8; white-space:pre-wrap;}
#view-history .history-ai-card{margin-top:7px;}
#view-history .history-ai-card-title{color:var(--text); font-weight:700;}
#view-history .history-ai-card-name{color:#9b7440; font-weight:400;}
#view-history .history-actions{display:flex; justify-content:flex-end; margin-top:9px;}
#view-history .history-delete{padding:5px 10px; border-radius:9px; border:1px solid rgba(190,106,77,0.28); color:#b1664f; background:transparent; font-size:12px;}
#view-journal .journal-card{margin:0 0 12px; padding:14px; border-radius:15px; border:1px solid var(--line); background:var(--panel); box-shadow:0 6px 14px rgba(143,112,55,0.08);}
#view-journal .journal-section{margin:9px 0 0; padding:12px; border-radius:12px; border:1px solid rgba(171,139,81,0.18); background:rgba(248,238,212,0.92);}
#view-journal .journal-section:first-child{margin-top:0;}
#view-journal .mood-grid{grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px;}
#view-journal .weather-grid{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px;}
#view-journal .weather-heading{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px;}
#view-journal .weather-heading h2{margin-bottom:0;}
#view-journal .weather-toggle-button{display:grid; place-items:center; width:28px; height:28px; padding:0; border:0; color:rgba(109,84,43,0.7); background:transparent; font:inherit; font-size:11px!important; font-weight:600; line-height:1.4;}
#view-journal .weather-chevron{display:block; font-size:16px; line-height:1; transform:translateY(-2px); transition:transform 180ms ease;}
#view-journal .weather-expanded .weather-chevron{transform:translateY(2px)rotate(180deg)!important;}
#view-journal .weather-section:not(.weather-expanded) .weather-option:nth-child(n+6){display:none;}
#view-journal .weather-option{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:0; min-height:58px; padding:7px 5px; border:1px solid rgba(171,139,81,0.18); border-radius:10px; color:#6d542b; background:rgba(253,246,231,0.62); font:inherit; font-size:11px!important; line-height:1.2; white-space:nowrap;}
#view-journal .weather-option span{display:block; margin:0; font-size:17px; line-height:1;}
#view-journal .weather-option.active{border-color:rgba(218,127,42,0.72); color:#9b5c20; background:rgba(232,128,45,0.1);}
#drawHistoryList .history-weather{color:rgba(109,84,43,0.72); font-size:12px; font-weight:600;}
#view-journal .mood-option{min-height:62px; padding:6px 3px 5px; border-radius:11px; border:1px solid rgba(171,139,81,0.18); background:rgba(253,246,231,0.62); color:#6d542b; display:flex; flex-direction:column; gap:4px; align-items:center; justify-content:center; font-size:11px; line-height:1.2;}
#view-journal .mood-option span{width:29px; height:29px; display:flex; align-items:center; justify-content:center; color:#d87727; font-size:18px; line-height:1;}
#view-journal .mood-option[data-mood="享受"] span,#view-journal .mood-option[data-mood="愤怒"] span{transform:translateY(-8px);}
#view-journal .mood-option[data-mood="沉迷"] span,#view-journal .mood-option[data-mood="冷淡"] span{font-size:20px!important;}
#view-journal .mood-option.active{border-color:rgba(218,127,42,0.72); background:rgba(232,128,45,0.1);}
#view-journal .journal-textarea{min-height:110px; padding:12px; border-radius:12px; font-size:14px; line-height:1.7;}
#view-journal #journalAction{min-height:80px;}
.page-shell{width:min(100%,760px); min-height:100vh; margin:0 auto; background:radial-gradient(circle at top right,rgba(223,184,102,0.14),transparent 28%),linear-gradient(180deg,var(--page-top)0%,var(--page-mid)44%,var(--page-bottom)100%); padding-left:12px; padding-right:12px; padding:max(12px,env(safe-area-inset-top))12px calc(88px + env(safe-area-inset-bottom));}
.subpage-nav{display:none; position:sticky; top:0; z-index:25; align-items:center; background:rgba(250,241,223,.92); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);; grid-template-columns:40px 1fr 40px; height:48px; margin:calc(-1 * max(12px,env(safe-area-inset-top)))-12px 12px; padding:max(12px,env(safe-area-inset-top))12px 0;}
.subpage-title{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif!important; color:var(--topbar-secondary); text-align:center; font-size:var(--topbar-title-size)!important; font-weight:var(--topbar-title-weight)!important; line-height:1.2; letter-spacing:.02em;}
.back-button{border:0; background:transparent; position:relative; width:36px; height:36px;}
.back-button::before{content:""; position:absolute; border-left:2px solid var(--topbar-secondary); border-bottom:2px solid var(--topbar-secondary); transform:rotate(45deg); left:12px; top:10px; width:12px; height:12px;}
/* Mindfulness primary page: no back button; use 呼吸绽放 as the top-bar title. */
#subpageNav[data-view="relax-guide"] .subpage-title{font-size:0!important; color:transparent!important;}
.panel,.history-panel,.journal-card,.settings-card,.feedback-card,.about-card,.reading-panel,.question-input-panel,.card-reading-panel{padding:14px!important; border-radius:15px!important;}
.settings-card.menu-single-card{padding-top:0!important; padding-bottom:0!important;}
.eyebrow,.section-kicker,.card-kicker,.deck-hero p,.deck-section-head,.detail-label,.guide-id,.guide-en,.guide-keyword,.guide-element{font-size:10px!important;}
.hero-date,.body-copy,.answer-copy,.question-input,.text-input,.journal-textarea,.menu-title,.menu-inline-input,.history-item h3,.journal-title,.journal-section h2,.field-label,.question-label,.primary-button,.action-button,.tool-button,.logout-button{font-size:14px!important;}
.message-kicker,.message-card-name,.user-name,.history-panel h2,.deck-hero h1,.guide-name{font-size:15px!important;}
.user-note,.checkin-chip,.keyword-chip,.menu-value,.profile-copy,.history-item p,.empty-state,.guide-desc,.guide-detail,.ai-quota,.filter-button strong{font-size:12px!important;}
.filter-button span,.about-meta-label,.about-meta-value{font-size:11px!important;}
.hero{background:radial-gradient(circle at top right,rgba(223,184,102,0.12),transparent 28%),linear-gradient(135deg,rgba(255,249,238,0.98),rgba(242,229,197,0.98)); min-height:82px;}
.hero.home-chrome{background:transparent!important; border:0!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important;}
.draw-panel{text-align:left; background:radial-gradient(circle at top right,rgba(223,184,102,0.14),transparent 36%),rgba(248,235,201,0.72); border-color:var(--line); box-shadow:0 5px 12px rgba(158,118,50,0.08),inset 0 0 0 1px rgba(255,249,235,0.55); padding:14px 14px 18px!important;}
.tarot-card{aspect-ratio:7/12; display:block; margin:14px auto 0; padding:0; border:0; overflow:hidden; background:transparent; box-shadow:none; width:min(46vw,184px); margin-top:14px; border-radius:18px;}
.message-body-card,.journal-section,.field,.question-input,.text-input,.journal-textarea{padding:12px!important; border-radius:12px!important;}
.question-input,.journal-textarea{min-height:110px!important; line-height:1.7;}
#journalAction{min-height:80px!important;}
.primary-button,.action-button,.action-row .primary-button,#view-question .action-button,#view-question .action-row .primary-button,.logout-button{min-height:44px!important; border-radius:12px!important;}
#view-question .ai-button{margin-top:12px; display:inline-flex; align-items:center; justify-content:center; color:#9b7440; font-weight:700; border:1px solid rgba(171,139,81,0.2); background:rgba(248,238,212,0.92); box-shadow:none; min-height:36px!important; padding:0 12px; border-radius:9px!important; font-size:12px!important;}
.mood-grid,#view-journal .mood-grid{gap:5px!important;}
.mood-option,#view-journal .mood-option{min-height:62px!important; padding:6px 3px 5px!important; border-radius:11px!important; font-size:11px!important;}
.mood-option span,#view-journal .mood-option span{width:29px!important; height:29px!important; font-size:18px!important;}
.history-list{display:grid; gap:9px!important; margin-top:9px!important;}
.history-item,.empty-state{padding:12px!important; border-radius:12px!important;}
.history-row{display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px; min-height:0!important;}
.section-gap{margin-top:14px!important;}
.settings-card{padding:0 18px; border:1px solid var(--line); background:var(--panel); box-shadow:0 6px 14px rgba(143,112,55,0.08); padding-left:14px; padding-right:14px; border-radius:14px; margin-bottom:10px!important;}
.profile-card{display:grid; justify-items:center; gap:8px; padding:15px 14px!important;}
.profile-avatar{position:relative; border:0; border-radius:999px; display:grid; place-items:center; padding:0; overflow:hidden; font-weight:700; width:66px!important; height:66px!important; font-size:22px!important;}
.menu-row{width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; border:0; color:var(--text); background:transparent; text-align:left; padding:0; min-height:54px!important;}
.deck-hero{text-align:center; padding:0 0 16px!important;}
.filter-row{display:grid; grid-template-columns:repeat(5,1fr); margin:0 0 18px; background:var(--panel); margin-bottom:12px; gap:4px!important; padding:4px!important; border-radius:12px!important;}
.filter-button{border:1px solid var(--line); color:#6d542b; background:rgba(248,238,212,0.86); display:grid; gap:2px; text-align:center; min-height:46px!important; padding:6px 4px!important; border-radius:8px!important;}
.guide-card{min-width:0; width:100%; border:1px solid rgba(255,255,255,0.1); text-align:left; color:inherit; background:rgba(255,255,255,0.03); box-shadow:none; padding:10px 12px!important; border-radius:10px!important;}
.guide-detail{border-top:1px solid rgba(160,123,58,0.22); color:rgba(94,69,32,0.82); font-size:12px; line-height:1.75; letter-spacing:0.04em; margin-top:8px!important; padding-top:8px!important;}
.detail-block+.detail-block{margin-top:7px!important;}
.bottom-tools{position:fixed; left:50%; right:auto; bottom:calc(10px + env(safe-area-inset-bottom)); z-index:20; width:min(calc(100% - 28px),720px); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; border:1px solid rgba(255,255,255,.34); border-radius:30px; background:rgba(255,252,245,.52); box-shadow:inset 0 1px 0 rgba(255,255,255,.82),inset 0 0 0 .5px rgba(150,116,60,.08),0 14px 34px -14px rgba(76,54,24,.32); transform:translateX(-50%); -webkit-backdrop-filter:blur(30px) saturate(185%); backdrop-filter:blur(30px) saturate(185%); padding:5px!important;}
.tool-button{min-width:0; border:0; color:#1f1f1f; background:transparent; border-radius:24px; min-height:48px!important; padding:0 4px!important; font-size:12.5px!important; font-weight:600!important; letter-spacing:.02em; box-shadow:none; transition:background .2s ease,color .2s ease,transform .18s ease;}
.checkin-chip{font-size:10px!important; padding:2px 6px!important; line-height:1.4!important;}
.legal-doc-card{padding:18px;}
.doc-updated{margin:8px 0 0; color:rgba(125,99,50,0.68); font-size:12px;}
.doc-section .doc-paragraph{margin-top:10px; line-height:1.8;}
.legal-modal{z-index:160;}
.legal-modal-card{width:min(100%,360px); max-height:min(78vh,620px); padding:14px; display:flex; flex-direction:column;}
.legal-modal-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px;}
.legal-modal-head .service-chat-link{padding:6px 12px; font-size:11px; line-height:1.2;}
.legal-modal-body{overflow:auto; padding-right:4px;}
.legal-modal-body .doc-section{margin-top:10px; padding:9px;}
.legal-modal-body .doc-updated{font-size:10px;}
.legal-modal-body .doc-heading{margin-bottom:6px; font-size:11px;}
#view-settings .logout-button{width:min(230px,60%)!important; min-height:42px!important; margin:26px auto 0!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:12px!important; border:1px solid rgba(255,236,191,0.14)!important; color:#f8f0de!important; background:rgba(255,255,255,0.05)!important; font-size:14px!important; font-weight:700!important; box-shadow:none!important;}
.feedback-contact-title{display:block; margin-top:14px; margin-bottom:8px;}
.feedback-contact-input{width:100%; min-height:42px!important;}
.feedback-contact-copy{margin-top:6px!important; color:var(--copy); font-size:12px!important;}
.journal-card{position:relative;}
.nav-history-button{width:28px; height:28px; border:0; border-radius:999px; color:#f6d381; background:transparent; font-size:18px; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif; font-weight:900; line-height:1; text-shadow:0.55px 0 currentColor,-0.55px 0 currentColor,0 0.55px currentColor,0 -0.55px currentColor; display:flex; align-items:center; justify-content:center;}
.nav-history-button.hidden,.nav-history-button[hidden]{display:none!important;}
.service-chat-compose{display:grid; margin-top:12px; grid-template-columns:1fr 58px!important; gap:8px!important;}
.service-chat-compose #serviceSendButton{min-width:0!important; min-height:36px!important; padding:0 8px!important; border-radius:10px!important; font-size:12px!important;}
#view-history .history-item{padding:24px 28px!important; border-radius:24px!important;}
#view-history .history-head{display:flex; justify-content:space-between; gap:12px; align-items:flex-start!important;}
#view-history .history-main{flex:1; display:block!important; min-width:0!important;}
#view-history .history-title-question{color:var(--copy); display:block!important; width:100%!important; margin-top:5px!important; font-size:12px!important; line-height:1.6!important; font-weight:400!important;}
body,button,input,textarea,.eyebrow,.section-kicker,.hero-date,.user-note,.checkin-chip,.keyword-chip,.filter-button span,.guide-id,.guide-en,.guide-keyword,.guide-element,.deck-section-head,.ai-quota,.login-hint,.agreement-text,.login-agreement-note,.doc-updated,.legal-modal-body .doc-updated,.legal-modal-body .doc-heading,.legal-modal-body .doc-section .doc-paragraph,.profile-copy,.menu-value,.about-meta-value,.feedback-contact-copy,.service-chat-link,.body-copy,.answer-copy,.question-input,.journal-textarea,.text-input,.account-input,.code-input,.field-input,.field-textarea,.history-copy,.guide-desc,.guide-detail,.detail-label,.send-code-button,.wechat-auth-button,.enter-button,.card-kicker,.message-kicker,.message-card-name,.user-name,.journal-title,.journal-section h2,.field-label,.question-label,.menu-title,.menu-inline-input,.primary-button,.action-button,.logout-button,.guide-name,.filter-button strong,.doc-heading,.mood-option,.service-msg span,.service-chat-head h2,#view-history .detail-label,#view-history .history-copy,#view-history .history-title-question,#view-history .history-title-date,#view-draw-history .history-title-date,#view-draw-history .draw-card-title,#view-draw-history .history-copy{font-size:14px!important;}
#view-daily .draw-panel .section-kicker{display:block; text-align:center;}
#view-daily .message-kicker,#view-daily .message-card-name{font-size:16px!important;}
#view-daily .message-body-card .keyword-chip,#view-daily .message-body-card .body-copy{font-size:14px!important;}
#view-question .question-label,#view-question .question-hero .hero-date{font-size:16px!important;}
#view-journal .journal-section h2,#view-journal .journal-title{margin:0 0 8px; color:var(--text); font-weight:700; line-height:1.4; font-size:16px!important;}
.brand-title{text-align:center; font-weight:350; letter-spacing:1px; color:#f4ead4; font-size:22px!important;}
.brand-mark.brand-sparkle{width:58px!important; height:58px!important; margin:0 auto 42px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#c68437!important; line-height:1!important; position:relative!important;}
.brand-sparkle-icon{position:relative; z-index:1; width:100%; height:100%; display:block; fill:currentColor;}
.brand-mark.brand-sparkle::before{content:""; position:absolute; inset:-34px; border-radius:999px; background:radial-gradient(circle,rgba(222,174,84,0.34)0%,rgba(222,174,84,0.16)34%,rgba(222,174,84,0)70%); filter:blur(4px); z-index:0;}
.agreement-box{margin-top:0; border:1px solid rgba(223,193,117,0.55); display:flex; align-items:center; justify-content:center; flex:0 0 16px!important; width:16px!important; height:16px!important; border-radius:4px!important;}
.agreement-box-active{background:rgba(255,216,119,0.2)!important; border-color:rgba(255,216,119,0.9)!important;}
.agreement-check{display:block!important; color:#ffd877!important; font-size:14px!important; font-weight:700!important; line-height:1!important;}
#view-question .ai-action-line{display:flex; align-items:center; gap:12px; margin-top:12px;}
#view-question .ai-mode-buttons{display:inline-flex; flex:0 1 auto; gap:6px; min-width:0;}
#view-question .ai-mode-buttons .ai-button{width:auto; padding-inline:10px; white-space:nowrap;}
#view-question .ai-action-line .ai-button{margin-top:0;}
#view-question .ai-feedback-row{display:flex; gap:8px;}
#view-question .ai-feedback-row.hidden{display:none;}
#view-question .ai-feedback-button{width:24px; height:24px; padding:0; border:0; border-radius:999px; color:#ffdca8; background:transparent; display:flex; align-items:center; justify-content:center;}
#view-question .feedback-icon{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round;}
#view-question .ai-feedback-button-active{color:#f2c66d;}
.login-shell{position:relative; z-index:1; width:100%; max-width:320px!important;}
.login-card{margin-top:9px; border:1px solid rgba(180,154,224,0.2); background:linear-gradient(180deg,rgba(35,28,61,0.96)0%,rgba(22,19,42,0.98)100%); box-shadow:0 11px 28px rgba(8,8,18,0.34),0 0 0 1px rgba(255,255,255,0.03)inset; padding:16px 14px 14px!important; border-radius:14px!important;}
.stage-tabs{justify-content:center; gap:10px!important; margin-bottom:10px!important;}
.mode-tabs{gap:8px!important; margin-bottom:10px!important;}
.stage-tab,.mode-tab,.enter-button,.wechat-auth-button{height:34px!important; min-width:0!important; padding:0 12px!important; font-size:14px!important; line-height:34px!important;}
.stage-tab{flex:0 0 auto; padding:0 6px; font-size:10px; color:rgba(240,232,213,0.38); background:transparent; border-color:transparent; min-width:72px!important; height:28px!important; line-height:28px!important;}
.account-input,.code-input{width:100%; border-radius:8px; border:1px solid rgba(162,137,213,0.18); color:#f4ead4; background:rgba(255,255,255,0.05); height:38px!important; padding:0 12px!important; font-size:14px!important;}
.send-code-button{flex:0 0 72px; border-radius:8px; border:1px solid rgba(226,184,98,0.22); color:#f2d79a; background:rgba(255,255,255,0.05); flex-basis:92px!important; height:38px!important; font-size:13px!important;}
.login-actions{display:grid; grid-template-columns:1fr 1fr; gap:10px!important; margin-top:12px!important;}
.login-hint{text-align:center; color:rgba(240,232,213,0.46); margin-top:8px!important; font-size:12px!important;}
.bottom-tools .tool-button{min-width:0; font-size:16.5px!important; font-weight:600!important;}
#view-history .subpage-spacer{height:0!important;}
#view-history .history-question-heading,#view-draw-history .history-question-heading{max-width:430px; margin:0 auto 10px; color:var(--copy); font-size:14px; font-weight:600; line-height:1.4;}
#view-history .history-spread-inline{display:flex; align-items:baseline; gap:8px;}
#view-history .history-spread-inline .history-copy{margin-top:0!important;}
#view-draw-history .history-title-date{font-size:14px!important; line-height:1.4!important;}
#view-draw-history .draw-card-title,#view-draw-history .history-copy{font-size:12px!important; line-height:1.6!important;}
#drawHistoryList .draw-history-month-trigger{width:100%; padding:0; border:0; color:inherit; background:transparent; text-align:left;}
#drawHistoryList .history-title-date{display:flex!important; align-items:center; gap:6px; width:100%!important;}
#drawHistoryList .history-date-text,#drawHistoryList .history-mood-icon{display:inline-flex; align-items:center; justify-content:center; height:1.4em; margin:0; line-height:1; flex:0 0 auto;}
#drawHistoryList .history-mood-icon{color:#b98942; font-size:14px; font-weight:400; font-family:"Times New Roman","Apple Symbols",serif; font-variant-emoji:text;}
#drawHistoryList .draw-card-title{margin-left:auto; min-width:0; color:#9b7440; font-size:11px!important; font-weight:600; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#drawHistoryList .history-chevron{color:#9b7440; font-size:10px!important;}
#view-draw-history .history-item,#view-draw-history .empty-state{padding:24px 28px!important; border:1px solid var(--line); border-radius:24px!important; background:rgba(248,238,212,0.92); box-shadow:none;}
#view-draw-history .history-detail{display:none; margin-top:18px; padding-top:18px; border-top:1px solid rgba(164,128,67,0.14);}
#view-draw-history .history-item-open>.history-detail{display:block;}
#view-draw-history .history-item-open>.history-head .history-chevron,#view-draw-history .history-item-open>.draw-history-month-trigger .history-chevron{transform:rotate(180deg);}
#view-draw-history .draw-history-month.history-item-open>.draw-history-month-detail{display:grid; gap:10px;}
#view-draw-history .draw-history-month .draw-history-item:first-child{border-top:0;}
.eyebrow,.section-kicker,.hero-date,.user-note,.checkin-chip,.keyword-chip,.filter-button span,.guide-id,.guide-en,.guide-keyword,.guide-element,.deck-section-head,.ai-quota,.login-hint,.agreement-text,.login-agreement-note,.doc-updated,.legal-modal-body .doc-updated,.profile-copy,.menu-value,.about-meta-value,.feedback-contact-copy,.service-chat-link{font-size:12px!important;}
.body-copy,.answer-copy,.question-input,.journal-textarea,.text-input,.account-input,.code-input,.field-input,.field-textarea,.history-copy,.guide-desc,.guide-detail,.detail-label,.send-code-button,.wechat-auth-button,.enter-button,.card-kicker,.message-kicker,.message-card-name,.user-name,.journal-title,.journal-section h2,.field-label,.question-label,.menu-title,.menu-inline-input,.primary-button,.action-button,.logout-button,.guide-name,.filter-button strong,.doc-heading,.legal-modal-body .doc-heading{font-size:14px!important;}
.history-panel h2,.about-card h2,.modal-card h2,.page-title,.answer-title{font-size:17px!important;}
.deck-hero h1,.card-detail-copy h1{font-size:19px!important;}
.user-arrow,.profile-avatar,.mood-option span{font-size:18px!important;}
.mood-option{display:grid; place-items:center; gap:4px; border:1px solid var(--line); border-radius:12px; color:var(--copy); background:rgba(253,246,231,0.7); font-weight:700; cursor:pointer; user-select:none; min-height:62px; font-size:11px!important;}
.service-msg span{max-width:82%; padding:10px 12px; border-radius:14px; line-height:1.55; font-size:14px!important;}
.service-chat-head h2{margin:0; font-weight:600!important; line-height:1.2; font-size:11px!important;}
.legal-modal-head h2{margin:0; font-size:13px!important;}
.legal-modal-body .doc-section .doc-paragraph{margin-top:5px!important; line-height:1.55!important; font-weight:400!important; font-size:9px!important;}
#view-history .detail-label,#view-history .history-copy,#view-history .history-title-question{font-size:12px!important;}
#view-history .history-title-date{color:var(--text); display:block!important; width:100%!important; margin:0!important; line-height:1.4!important; font-weight:700!important; font-size:14px!important;}
#view-history .history-chevron{line-height:1; color:#9b7440; font-size:11px!important;}
#view-history,#view-draw-history{padding-inline:14px!important;}
#view-history .history-panel,#view-draw-history .history-panel{width:100%!important; max-width:430px!important; margin:0 auto 12px!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important;}
#view-history .history-panel h2,#view-draw-history .history-panel h2{font-size:14px!important; line-height:1.4!important; font-weight:600!important;}
#view-history .history-list,#view-draw-history .history-list{gap:10px!important; margin-top:10px!important;}
#view-history .history-item,#view-history .empty-state,#view-draw-history .history-item,#view-draw-history .empty-state{padding:12px 14px!important; border-radius:13px!important; border:1px solid rgba(164,128,67,0.14)!important; box-shadow:none!important;}
#view-history .history-detail,#view-draw-history .history-detail{margin-top:10px!important; padding-top:10px!important;}
body,button,input,textarea,.eyebrow,.section-kicker,.hero-date,.user-note,.checkin-chip,.keyword-chip,.filter-button span,.guide-id,.guide-en,.guide-keyword,.guide-element,.deck-section-head,.ai-quota,.login-hint,.agreement-text,.login-agreement-note,.doc-updated,.legal-modal-body .doc-updated,.legal-modal-body .doc-heading,.legal-modal-body .doc-section .doc-paragraph,.profile-copy,.menu-value,.about-meta-value,.feedback-contact-copy,.service-chat-link,.body-copy,.answer-copy,.question-input,.journal-textarea,.text-input,.account-input,.code-input,.field-input,.field-textarea,.history-copy,.guide-desc,.guide-detail,.detail-label,.send-code-button,.wechat-auth-button,.enter-button,.card-kicker,.message-kicker,.message-card-name,.user-name,.journal-title,.journal-section h2,.field-label,.question-label,.menu-title,.menu-inline-input,.primary-button,.action-button,.logout-button,.guide-name,.filter-button strong,.doc-heading,.mood-option,.service-msg span,.service-chat-head h2,#view-history .detail-label,#view-history .history-copy,#view-history .history-title-question,#view-history .history-title-date,#view-draw-history .history-title-date,#view-draw-history .draw-card-title,#view-draw-history .history-copy,#view-history .history-question-heading,#view-draw-history .history-question-heading{font-size:14px!important;}
.journal-title,.journal-section h2,.field-label,.question-label,#view-history .history-question-heading,#view-draw-history .history-question-heading{font-size:16px!important;}
#view-journal #saveJournalButton,#view-journal #clearJournalButton{width:100%!important; min-height:44px!important; margin:0!important; padding:0 6px!important; border-radius:12px!important; display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; font-size:14px!important; font-weight:700!important; line-height:1.2!important; white-space:nowrap!important; box-sizing:border-box!important; min-width:0!important; overflow:hidden!important; box-shadow:none!important; opacity:1!important;}
#view-journal #saveJournalButton{border:0!important; color:#4f3817!important; background:linear-gradient(135deg,rgba(233,199,127,0.78)0%,rgba(215,164,91,0.74)100%)!important;}
#view-journal #clearJournalButton{border:1px solid rgba(171,139,81,0.18)!important; color:#6d542b!important; background:rgba(248,238,212,0.86)!important; outline:none!important;}
#view-journal #clearJournalButton:focus,#view-journal #clearJournalButton:focus-visible,#view-journal #clearJournalButton:active{border:1px solid rgba(171,139,81,0.18)!important; outline:none!important;}
.user-avatar{flex:0 0 45px; border-radius:999px; display:grid; place-items:center; font-weight:700; width:45px!important; height:45px!important; flex-basis:45px!important; overflow:hidden!important;}
.user-avatar-image{width:100%!important; height:100%!important; display:block!important; border-radius:inherit!important; object-fit:cover!important;}
#serviceInput,#serviceSendButton{min-height:44px!important; height:44px!important; box-sizing:border-box!important;}
#view-daily .tarot-card::before{content:""!important; position:absolute!important; inset:-14px!important; z-index:0!important; border-radius:28px!important; background:radial-gradient(ellipse at center,rgba(255,218,136,0.34)0%,rgba(255,218,136,0.18)36%,transparent 68%),radial-gradient(ellipse at center,rgba(145,87,255,0.26)0%,rgba(145,87,255,0.12)42%,transparent 72%)!important; filter:blur(10px)!important; opacity:1!important; pointer-events:none!important;}
#view-daily .card-back,#view-daily .card-image{position:relative!important; z-index:1!important;}
#view-daily .tarot-card,#view-daily .card-back,#view-daily .card-image{box-shadow:none!important;}
#view-daily .tarot-card{position:relative!important; width:min(46vw,180px)!important; aspect-ratio:0.68!important; margin:11px auto 0!important; padding:9px!important; border:0!important; border-radius:0!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; background:transparent!important; box-shadow:none!important; isolation:auto!important;}
#view-daily .tarot-card::before,#view-daily .tarot-card::after{content:none!important;}
#view-daily .card-back::before{content:""!important; position:absolute!important; inset:-11px!important; z-index:-1!important; border:0!important; border-radius:19px!important; background:radial-gradient(circle at 50% 18%,rgba(255,217,132,0.2),transparent 44%),radial-gradient(circle at 18% 58%,rgba(145,87,255,0.26),transparent 48%),radial-gradient(circle at 82% 42%,rgba(171,103,255,0.24),transparent 50%),radial-gradient(circle at 50% 88%,rgba(244,209,137,0.16),transparent 46%)!important; filter:blur(7px)!important; opacity:0.9!important; pointer-events:none!important;}
#view-daily .card-back-mark{position:relative!important; z-index:1!important; width:132px!important; height:132px!important; opacity:0.66!important; object-fit:contain!important;}
#view-settings .settings-index-row>span:first-child{font-weight:800!important;}
#view-settings #nicknameInput{font-size:14px!important;}
@media(max-width:760px){html body input:not([type="hidden"]),html body textarea:not([hidden]),html body select:not([hidden]){font-size:16px!important;}
}
#view-history .history-spread-inline .history-copy,#view-history .history-detail .history-copy{color:var(--copy)!important;}
#view-question .spread-card-back{position:relative; isolation:isolate; overflow:visible; border-color:rgba(177,119,53,0.24); background:radial-gradient(circle at 18% 22%,rgba(224,178,94,0.42)0 1px,transparent 1.5px),radial-gradient(circle at 31% 14%,rgba(218,169,91,0.32)0 0.8px,transparent 1.3px),radial-gradient(circle at 46% 27%,rgba(230,181,91,0.34)0 0.9px,transparent 1.4px),radial-gradient(circle at 64% 18%,rgba(218,169,91,0.28)0 0.7px,transparent 1.2px),radial-gradient(circle at 78% 24%,rgba(236,200,126,0.34)0 0.95px,transparent 1.5px),radial-gradient(circle at 24% 48%,rgba(224,178,94,0.26)0 0.75px,transparent 1.3px),radial-gradient(circle at 72% 44%,rgba(230,181,91,0.3)0 0.85px,transparent 1.4px),radial-gradient(circle at 16% 72%,rgba(218,169,91,0.26)0 0.7px,transparent 1.2px),radial-gradient(circle at 37% 81%,rgba(236,200,126,0.36)0 1px,transparent 1.5px),radial-gradient(circle at 58% 76%,rgba(218,169,91,0.28)0 0.75px,transparent 1.25px),radial-gradient(circle at 83% 70%,rgba(224,178,94,0.3)0 0.9px,transparent 1.4px),radial-gradient(circle at 50% 48%,rgba(230,181,91,0.2)0,rgba(230,181,91,0.09)20%,transparent 48%),linear-gradient(180deg,rgba(255,251,241,0.98),rgba(247,236,210,0.98))!important; box-shadow:0 0 0 0.5px rgba(177,119,53,0.24),0 0 15px rgba(224,178,94,0.16),inset 0 0.5px 0 rgba(255,249,233,0.48),inset 0 -9px 18px rgba(184,121,54,0.05)!important;}
#view-question .spread-card-back::before{content:""; position:absolute; inset:-7px; z-index:-1; border-radius:18px; background:radial-gradient(circle at 50% 16%,rgba(224,178,94,0.1),transparent 46%),radial-gradient(circle at 18% 58%,rgba(190,128,57,0.08),transparent 52%),radial-gradient(circle at 82% 42%,rgba(190,128,57,0.06),transparent 54%),radial-gradient(circle at 50% 88%,rgba(218,169,91,0.08),transparent 48%); filter:blur(7px); pointer-events:none;}
#view-question .spread-card-back::after{content:""; position:absolute; inset:6px; border:1px solid rgba(177,119,53,0.24); border-radius:8px; pointer-events:none;}
#view-question .spread-card-back .spread-back{width:100%; height:100%; display:grid; place-items:center; border:0; border-radius:inherit; background:transparent; box-shadow:none; margin:0;}
#view-question .spread-back-mark{width:72%; height:auto; opacity:0.66; object-fit:contain;}
.question-mode-tabs{position:sticky; top:calc(58px + env(safe-area-inset-top)); z-index:12; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin:0 14px 12px; padding:5px; border:1px solid rgba(177,119,53,0.16); border-radius:15px; background:rgba(255,251,242,0.94); backdrop-filter:blur(14px);}
.question-mode-tabs button{min-width:0; min-height:38px; padding:7px 3px; border:0; border-radius:11px; color:var(--copy); background:transparent; font-size:13px; white-space:nowrap;}
.question-mode-tabs button.active{color:#fff; background:linear-gradient(135deg,#b88a4a,#8e6333); box-shadow:0 5px 14px rgba(126,82,36,0.2);}
.spread-row.spread-row-one{grid-template-columns:minmax(0,150px); justify-content:center;}
.spread-row.spread-row-two{grid-template-columns:repeat(2,minmax(0,145px)); justify-content:center; gap:14px;}
.password-entry-wrap{position:relative;}
.password-entry-wrap #passwordInput{width:100%; padding-right:58px;}
.password-visibility-button{position:absolute; top:50%; right:10px; transform:translateY(-50%); padding:4px 6px; border:0; color:#8b5f1f; background:transparent; font-size:12px; line-height:1;}
.login-page .account-input,.login-page .password-input{-webkit-appearance:none; appearance:none; background-color:rgba(255,255,255,0.05)!important;}
#view-settings .settings-group-card{padding:0 14px!important; overflow:hidden;}
#view-settings .settings-group-card .menu-row+.menu-row{border-top:1px solid var(--line);}
#view-settings .profile-settings-card{padding-top:0!important;}
#view-settings .profile-card-head{display:grid; justify-items:center; gap:7px; padding:24px 0 18px;}
#view-settings .profile-card-head+.menu-row{border-top:1px solid var(--line);}
#view-settings .settings-index-card{padding:0 14px!important; overflow:hidden;}
.settings-index-row{width:100%; min-height:61px; display:flex; align-items:center; justify-content:space-between; padding:0; border:0; color:var(--text); background:transparent; font:inherit; font-size:14px; font-weight:700; text-align:left;}
.settings-index-row+.settings-index-row{border-top:1px solid var(--line);}
.settings-index-arrow{color:var(--copy); font-size:25px; font-weight:300; line-height:1; transition:transform 180ms ease;}
#view-settings .settings-accordion-card{padding:0 14px!important; overflow:hidden;}
#view-settings .settings-accordion-card .settings-detail,#view-settings .settings-accordion-card .menu-row+.menu-row{border-top:1px solid var(--line);}
#view-settings .settings-accordion-open .settings-index-arrow{transform:rotate(90deg);}
#drawHistoryList .draw-history-trigger{width:100%; padding:0; border:0; color:inherit; background:transparent; text-align:left; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important;}
#drawHistoryList .draw-history-trigger .history-main{flex:1 1 auto!important; min-width:0!important;}
#drawHistoryList .draw-history-trigger .history-head-side{flex:0 1 auto!important; min-width:0!important; max-width:55%!important;}
#drawHistoryList .draw-history-trigger .history-card-inline{display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:6px!important; color:#9b7440!important; font-size:14px!important; line-height:1.4!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;}
#view-draw-history .detail-label,#view-draw-history .history-copy{font-size:14px!important; line-height:1.7!important;}
#view-draw-history .draw-history-current{display:block; padding:0 4px;}
#view-draw-history .draw-history-current .draw-history-item{margin:0; padding:16px 4px!important; border:0!important; border-bottom:1px solid rgba(164,128,67,0.2)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important;}
#view-draw-history .draw-history-current .draw-history-item:first-child{padding-top:6px!important;}
#view-draw-history .draw-history-month-detail{display:none; gap:0!important;}
#view-draw-history .draw-history-month .draw-history-item{border:0; border-top:1px solid rgba(164,128,67,0.14); border-radius:0!important; background:transparent; margin:0; padding:16px 4px!important;}
#view-draw-history .history-actions{display:flex; justify-content:flex-end; gap:8px; margin-top:9px;}
#view-draw-history .history-delete{padding:5px 10px; border:1px solid rgba(190,106,77,0.28); border-radius:9px; color:#b1664f; background:transparent; font-size:12px;}
#view-draw-history .history-edit{padding:5px 10px; border:1px solid rgba(155,116,64,0.24); border-radius:9px; color:#8b6836; background:transparent; font-size:12px;}
.profile-avatar-image.hidden,.user-avatar-image.hidden{display:none!important;}
#view-journal .journal-card{padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important;}
#serviceSendButton{border:0!important; color:#4f3817!important; background:linear-gradient(135deg,rgba(233,199,127,0.78)0%,rgba(215,164,91,0.74)100%)!important; box-shadow:none!important;}
#view-daily .card-back.hidden,#view-daily .card-image.hidden{display:none!important;}
.bottom-tools .tool-button.active,.bottom-tools .tool-button:active,.bottom-tools .tool-button:focus,.bottom-tools .tool-button:focus-visible{color:#b6812f!important; background:rgba(255,255,255,.56)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.82),inset 0 0 0 .5px rgba(150,116,60,.08)!important; outline:none!important;}
#view-daily .card-back::after{content:""!important; position:absolute!important; inset:9px!important; border-radius:9px!important; border:1px solid rgba(255,236,191,0.2)!important; background:transparent!important; pointer-events:none!important; border-width:1px!important;}
#view-daily .card-back{z-index:1!important; position:relative!important; width:100%!important; height:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; border-radius:13px!important; background:radial-gradient(circle at 18% 22%,rgba(255,243,198,0.9)0 1px,transparent 1.5px),radial-gradient(circle at 31% 14%,rgba(255,230,171,0.72)0 0.8px,transparent 1.3px),radial-gradient(circle at 46% 27%,rgba(255,245,215,0.76)0 0.9px,transparent 1.4px),radial-gradient(circle at 64% 18%,rgba(255,232,177,0.68)0 0.7px,transparent 1.2px),radial-gradient(circle at 78% 24%,rgba(255,248,223,0.82)0 0.95px,transparent 1.5px),radial-gradient(circle at 24% 48%,rgba(255,236,191,0.6)0 0.75px,transparent 1.3px),radial-gradient(circle at 72% 44%,rgba(255,240,210,0.76)0 0.85px,transparent 1.4px),radial-gradient(circle at 16% 72%,rgba(255,229,166,0.62)0 0.7px,transparent 1.2px),radial-gradient(circle at 37% 81%,rgba(255,247,218,0.86)0 1px,transparent 1.5px),radial-gradient(circle at 58% 76%,rgba(255,232,177,0.64)0 0.75px,transparent 1.25px),radial-gradient(circle at 83% 70%,rgba(255,243,198,0.74)0 0.9px,transparent 1.4px),radial-gradient(circle at 50% 48%,rgba(145,87,255,0.36)0,rgba(145,87,255,0.14)18%,rgba(145,87,255,0)48%),radial-gradient(circle at 28% 62%,rgba(102,59,196,0.26)0,rgba(102,59,196,0)26%),radial-gradient(circle at 72% 34%,rgba(171,103,255,0.2)0,rgba(171,103,255,0)24%)!important; box-shadow:0 0 0 0.5px rgba(255,236,191,0.22),0 0 15px rgba(244,209,137,0.18),0 0 36px rgba(145,87,255,0.2),inset 0 0.5px 0 rgba(255,255,255,0.08),inset 0 -9px 18px rgba(0,0,0,0.16)!important; border:1px solid rgba(255,236,191,0.32)!important; box-sizing:border-box!important;}
#view-daily .card-image{border-radius:13px!important; overflow:hidden!important; border:1.5px solid rgba(255,236,191,0.32)!important; box-sizing:border-box!important;}
.user-strip .user-name{font-size:16px!important;}
.user-strip .checkin-chip,#view-deck .guide-keyword{font-size:11px!important;}
#view-daily .tarot-card.tarot-card-drawn .card-image{display:block!important; object-fit:contain!important; border:0!important; border-radius:15px!important; overflow:hidden!important; clip-path:inset(0.5px round 15px)!important; -webkit-clip-path:inset(0.5px round 15px)!important; -webkit-mask-image:none!important; transform:translateZ(0)!important; backface-visibility:hidden!important;}
#view-daily .tarot-card.tarot-card-drawn .card-image-clip.hidden{display:none!important;}
#view-daily .tarot-card.tarot-card-drawn{width:100%!important; height:min(81.3333vw,552px)!important; aspect-ratio:auto!important; margin:11px auto 0!important; padding:0!important; overflow:hidden!important; background:radial-gradient(circle at 50% 48%,rgba(176,108,255,0.22)0,rgba(132,74,228,0.16)22%,rgba(58,28,110,0.08)42%,rgba(6,8,20,0)68%),radial-gradient(circle at 28% 62%,rgba(112,57,204,0.22)0,rgba(112,57,204,0)28%),radial-gradient(circle at 72% 36%,rgba(155,88,255,0.18)0,rgba(155,88,255,0)26%),rgba(6,8,20,0.08)!important; box-shadow:inset 0 0 45px rgba(145,87,255,0.1),0 0 14px rgba(115,55,209,0.16)!important;}
#view-daily .tarot-card.tarot-card-drawn .card-image-clip{z-index:1!important; display:block!important; transform:translateZ(0)!important; position:relative!important; inset:auto!important; width:52%!important; height:auto!important; aspect-ratio:245/420!important; flex:0 0 auto!important; border-radius:min(3.4667vw,23.5px)!important; overflow:hidden!important; box-shadow:0 9px 17px -9px rgba(255,224,158,0.26),0 14px 29px -12px rgba(96,37,196,0.2)!important; -webkit-mask-image:-webkit-radial-gradient(white,black)!important;}
#view-daily .tarot-card.tarot-card-drawn .card-image-clip .card-image{clip-path:none!important; -webkit-clip-path:none!important; width:100%!important; height:100%!important; object-fit:fill!important; border-radius:inherit!important;}
#savePasswordButton{border:0!important; color:#4f3817!important; background:linear-gradient(135deg,rgba(233,199,127,0.78)0%,rgba(215,164,91,0.74)100%)!important; box-shadow:none!important;}
@media(max-width:760px){#subpageNav[data-view="question"],#subpageNav[data-view="journal"]{padding-top:max(8px,env(safe-area-inset-top)); position:fixed!important; top:0!important; left:0!important; right:0!important; width:100%!important; height:calc(52px + env(safe-area-inset-top))!important; margin:0!important; padding:env(safe-area-inset-top)max(12px,env(safe-area-inset-right))0 max(12px,env(safe-area-inset-left))!important; box-sizing:border-box; background:rgba(250,241,223,.75); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);}
#view-question .subpage-spacer,#view-journal .subpage-spacer{height:52px!important;}
#subpageNav[data-view="history"],#subpageNav[data-view="draw-history"],#subpageNav[data-view="seasonal-guide"],#subpageNav[data-view="daily-quote"],#subpageNav[data-view="relax-tips"],#subpageNav[data-view="settings"],#subpageNav[data-view="feedback"],#subpageNav[data-view="about"],#subpageNav[data-view="card-detail"],#subpageNav[data-view="celestial-calendar"]{position:fixed!important; top:0!important; left:0!important; right:0!important; width:100%!important; height:calc(52px + env(safe-area-inset-top))!important; margin:0!important; padding:env(safe-area-inset-top)max(12px,env(safe-area-inset-right))0 max(12px,env(safe-area-inset-left))!important; box-sizing:border-box; background:rgba(250,241,223,.75); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);}
#view-history .subpage-spacer,#view-draw-history .subpage-spacer,#view-seasonal-guide .subpage-spacer,#view-daily-quote .subpage-spacer,#view-relax-tips .subpage-spacer,#view-settings .subpage-spacer,#view-feedback .subpage-spacer,#view-about .subpage-spacer,#view-card-detail .subpage-spacer,#view-celestial-calendar .subpage-spacer,#view-relax-guide .subpage-spacer{height:52px!important;}
}
.user-strip .user-copy{display:grid!important; gap:7px!important; min-width:0!important; max-width:100%!important; overflow:hidden!important;}
.user-strip .user-name-row{gap:6px!important; flex-wrap:nowrap!important; width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; box-sizing:border-box!important;}
.user-strip .user-name-row .user-name{flex:1 1 0!important; min-width:0!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important;}
.user-strip .user-name-row .checkin-chip{flex:0 0 auto!important; width:auto!important; min-width:max-content!important; white-space:nowrap!important;}
.user-strip{width:100%; display:flex; color:inherit; text-align:left; cursor:pointer; padding-top:11px!important; padding-bottom:11px!important; align-items:center!important; gap:12px!important; min-width:0!important; overflow:hidden!important; box-sizing:border-box!important;}
.user-strip .user-avatar,.user-strip .user-arrow{flex-shrink:0!important;}
.user-wish-row,.signature-box{width:100%!important; min-height:34px!important; display:flex!important; align-items:center!important; padding:6px 7px!important; border:1px solid rgba(164,128,67,0.18)!important; border-radius:11px!important; color:rgba(125,99,50,0.7)!important; background:rgba(248,238,212,0.58)!important; font-size:14px!important; line-height:1.2!important; text-align:left!important; box-sizing:border-box!important;}
.signature-value{flex:1!important; min-width:0!important; color:rgba(94,69,32,0.9)!important; font-size:11px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important;}
.signature-placeholder{color:rgba(125,99,50,0.46)!important;}
.signature-editor-overlay{position:fixed!important; inset:0!important; z-index:60!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:20px!important; box-sizing:border-box!important; background:rgba(93,70,34,0.22)!important;}
.signature-editor-overlay.hidden{display:none!important;}
.signature-editor{width:100%!important; max-width:320px!important; padding:15px!important; border:1px solid rgba(164,128,67,0.18)!important; border-radius:15px!important; background:rgba(253,246,231,0.98)!important; box-shadow:0 12px 32px rgba(133,103,55,0.16)!important; box-sizing:border-box!important;}
.signature-editor-input{width:100%!important; min-height:90px!important; padding:11px!important; border:1px solid rgba(171,139,81,0.18)!important; border-radius:11px!important; color:#5e4520!important; font-size:14px!important; line-height:1.6!important; background:rgba(248,238,212,0.92)!important; box-sizing:border-box!important; resize:none!important;}
.signature-editor-actions{display:flex!important; gap:9px!important; margin-top:13px!important;}
.signature-editor-button{flex:1!important; min-height:38px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:11px!important; font-size:14px!important;}
.signature-editor-cancel{color:#6d542b!important; background:rgba(248,238,212,0.86)!important; border:1px solid rgba(171,139,81,0.18)!important;}
.signature-editor-save{border:0!important; color:#24170a!important; background:linear-gradient(135deg,rgba(250,216,145,0.9),rgba(229,170,84,0.86))!important;}
#view-daily .message-body-card{min-height:118px!important;}
.journal-share-mask{position:fixed; inset:0; z-index:1500; display:flex; align-items:flex-end; padding:18px 18px calc(24px + env(safe-area-inset-bottom)); background:rgba(5,9,20,.58); backdrop-filter:blur(8px);}
.journal-share-mask.hidden{display:none;}
html.share-modal-open .bottom-tools{display:none!important;}
html.share-modal-open .toast{z-index:1600;}
.journal-share-sheet{width:100%; padding:16px 16px 24px; border:1px solid rgba(255,236,191,.14); border-radius:24px; background:rgba(16,21,43,.97); box-shadow:0 22px 70px rgba(0,0,0,.4);}
html.native-ios-shell .journal-share-mask{padding-bottom:calc(94px + env(safe-area-inset-bottom));}
html.native-ios-shell .journal-share-sheet{max-height:calc(100dvh - 124px - env(safe-area-inset-bottom)); overflow-y:auto; overscroll-behavior:contain;}
.journal-share-preview{position:relative; overflow:hidden; padding:24px; border:1.5px solid rgba(255,236,191,.4); border-radius:22px; color:#f8f0de; background:radial-gradient(circle at 14% 12%,rgba(250,216,145,.18),transparent 30%),radial-gradient(circle at 90% 10%,rgba(120,111,204,.18),transparent 34%),rgba(255,255,255,.045);}
.journal-share-watermark{position:absolute; z-index:0; width:190px; height:190px; top:-20px; right:-35px; bottom:auto; left:auto; opacity:.14; transform:none;}
.journal-share-content{position:relative; z-index:1; display:flex; flex-direction:column;}
.journal-share-top{display:flex; align-items:center; gap:12px;}
.journal-share-kicker{margin-bottom:6px; color:rgba(248,240,222,.6); font-size:13px; letter-spacing:2px;}
#sharePreviewDate{font-size:15px; letter-spacing:1px;}
.journal-share-mood{display:flex; align-items:center; gap:6px; padding:5px 10px 5px 6px; border-radius:999px; background:rgba(255,255,255,.08); font-size:14px;}
.journal-share-mood i{display:grid; place-items:center; width:24px; height:24px; border-radius:50%; color:#24170a; background:#f3d89a; font-style:normal;}
.journal-share-preview h3{margin:20px 0 10px; font-size:16px;}
.journal-share-preview p{margin:0; padding:16px; border:1px solid rgba(255,236,191,.1); border-radius:18px; background:rgba(255,255,255,.045); font-size:17px; line-height:1.65; white-space:pre-wrap;}
.journal-share-preview footer{display:flex; align-items:center; gap:7px; margin-top:22px; padding-top:15px; border-top:1px solid rgba(255,236,191,.1); color:rgba(199,185,150,.7); white-space:nowrap;}
.journal-share-preview footer strong{color:inherit; font-size:12px; font-weight:600; letter-spacing:.2px;}
.journal-share-preview footer span{color:inherit; font-size:11px;}
.journal-share-actions{display:flex; justify-content:flex-end; gap:6px; margin-top:18px; padding-right:4px;}
.journal-share-sheet.journal-share-exporting{padding-bottom:16px;}
.journal-share-sheet.journal-share-exporting .journal-share-actions{display:none!important;}
.journal-share-actions button{display:flex; flex-direction:column; align-items:center; gap:8px; border:0; color:rgba(219,232,255,.84); background:none; font-size:12px; font-weight:700; white-space:nowrap;}
.journal-share-actions button span{display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:rgba(219,232,255,.12); font-size:22px; font-weight:400;}
#subpageNav[data-view="question"]{grid-template-columns:32px minmax(0,1fr)32px; column-gap:4px;}
.question-mode-tabs-header{position:static; top:auto; z-index:auto; width:100%; margin:0; padding:2px; gap:2px; border:0; border-radius:0; background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:none;}
.question-mode-tabs-header button{position:relative; min-height:32px; padding:5px 1px; border-radius:9px; font-size:12px; line-height:1.1;}
.question-mode-tabs-header button+button::before{content:""; position:absolute; top:50%; left:-2px; width:1px; height:12px; border-radius:1px; background:currentColor; opacity:0.28; transform:translateY(-50%);}
@media(max-width:360px){.question-mode-tabs-header button{font-size:11px;}
}
#view-draw-history .history-panel{padding-inline:14px;}
.history-calendar-shell{padding:10px 0 24px;}
.history-calendar-nav{display:grid; grid-template-columns:44px 1fr 44px; align-items:center; gap:12px; margin:4px 2px 18px;}
.history-calendar-nav button{width:42px; height:42px; border:1px solid rgba(126,99,63,0.13); border-radius:50%; color:#75695f; background:rgba(255,253,247,0.76); font:300 36px/34px Georgia,serif;}
.history-calendar-nav button:disabled{opacity:0.22;}
.history-calendar-nav div{text-align:center;}
.history-calendar-nav strong{display:block; color:#665a50; font-size:14px; font-weight:600; letter-spacing:0.5px;}
.history-calendar-weekdays,.history-calendar-grid{display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px;}
.history-calendar-weekdays{margin-bottom:7px;}
.history-calendar-weekdays span{color:#978c83; text-align:center; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif; font-size:13px; font-weight:600; line-height:1;}
.history-calendar-weekdays span:first-child{color:#cf5d5a;}
.history-calendar-weekdays span:last-child{color:#607bb2;}
.history-calendar-day,.history-calendar-blank{min-width:0; min-height:0; aspect-ratio:1/1.12; border-radius:10px;}
.history-calendar-day{position:relative; display:flex; flex-direction:column; align-items:flex-start; padding:7px 5px 5px; overflow:hidden; border:1px solid rgba(132,105,71,0.10); color:#81766d; background:rgba(255,253,247,0.62); box-shadow:none;}
.history-calendar-day.selected{border-color:#d7a864; box-shadow:inset 0 0 0 1px #d7a864;}
.history-calendar-date-line{display:flex; align-items:center; gap:3px; max-width:100%;}
.history-calendar-day-number{font:12px/1 Georgia,serif;}
.calendar-solar-term{display:inline-flex; align-items:center; gap:2px; margin:0; font-size:8px; white-space:nowrap;}
.calendar-solar-term i,.history-calendar-legend i{display:inline-block; width:6px; height:6px; border-radius:50%; flex:0 0 auto;}
.calendar-solar-term.major{color:#c95551;}
.calendar-solar-term.middle{color:#42845e;}
.calendar-solar-term.major i,.history-calendar-legend i.major{background:#d95854;}
.calendar-solar-term.middle i,.history-calendar-legend i.middle{background:#4a9668;}
.history-calendar-day-icons{display:flex; align-items:center; gap:3px; margin-top:auto; padding-top:5px; font-size:13px; line-height:1;}
.calendar-record-dot{position:absolute; right:6px; bottom:6px; width:6px; height:6px; border-radius:50%; background:#c79d55;}
.history-calendar-detail{margin-top:15px;}
.history-calendar-detail .calendar-empty,.history-calendar-detail .draw-history-item{margin-top:0;}
.weekly-mood-card{margin-top:18px; padding:15px 12px 12px; border:1px solid rgba(132,105,71,0.10); border-radius:18px; background:rgba(255,253,247,0.58); touch-action:pan-y;}
.weekly-mood-heading{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:0 2px 5px;}
.weekly-mood-heading h3{margin:0; color:#5f534a; font-size:14px; font-weight:650;}
.weekly-mood-heading p{margin:3px 0 0; color:#aaa096; font-size:9px; letter-spacing:.6px;}
.weekly-mood-heading>span{color:#a08f7e; font-size:10px; white-space:nowrap;}
.weekly-mood-heading>button{flex:0 0 auto; width:24px; height:24px; padding:0; border:0; color:#8d8075; background:transparent; font:22px/22px Georgia,serif;}
.weekly-mood-heading>button:disabled{opacity:.2;}
.weekly-mood-chart{display:block; width:100%; height:auto; overflow:visible;}
.weekly-mood-average-line{stroke:rgba(151,139,127,.28); stroke-width:1; stroke-dasharray:4 4;}
.weekly-mood-area{fill:url(#weeklyMoodFill);}
.weekly-mood-line{fill:none; stroke:#dd8492; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.weekly-mood-point{fill:#fffaf0; stroke-width:2;}
.weekly-mood-point.mood{stroke:#e47891;}
.weekly-mood-point.tarot{stroke:#c49a55;}
.weekly-mood-point.average{stroke:#aab0aa;}
.weekly-mood-days{display:grid; grid-template-columns:repeat(7,1fr); margin-top:-4px; color:#968c83; text-align:center;}
.weekly-mood-days span{display:flex; flex-direction:column; gap:2px;}
.weekly-mood-days b{font-size:10px; font-weight:500;}
.weekly-mood-days small{font-size:8px; opacity:.62;}
.weekly-mood-days .future{opacity:.28;}
.weekly-mood-note{display:flex; justify-content:center; gap:13px; margin-top:11px; color:#a0968e; font-size:8px;}
.weekly-mood-note span{display:inline-flex; align-items:center; gap:4px;}
.weekly-mood-note i{width:6px; height:6px; border-radius:50%;}
.weekly-mood-note i.mood{background:#e47891;}
.weekly-mood-note i.tarot{background:#c49a55;}
.weekly-mood-note i.average{background:#aab0aa;}
@media(max-width:360px){.history-calendar-weekdays,.history-calendar-grid{gap:3px;}
.history-calendar-day,.history-calendar-blank{min-height:0; aspect-ratio:1/1.12; border-radius:9px;}
.calendar-solar-term{font-size:8px;}
}
#view-question:not(.real-scene-view) .spread-row-one{grid-template-columns:minmax(0,calc((100% - 12px)/3));}
#view-question:not(.real-scene-view) .spread-row-two{grid-template-columns:repeat(2,minmax(0,calc((100% - 12px)/3))); gap:6px;}
#subpageNav .question-mode-tabs-header,.page-shell.real-scene-mode .question-mode-tabs-header{padding:0; gap:0; border:0; border-radius:0; background:transparent!important; box-shadow:none;}
#subpageNav .question-mode-tabs-header button{min-height:32px; padding:4px 2px; border:0; border-radius:0; color:inherit; background:transparent!important; box-shadow:none!important; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif; font-size:var(--topbar-title-size)!important; font-weight:var(--topbar-title-weight)!important; line-height:1.2; outline:none!important;}
#subpageNav .question-mode-tabs-header button:focus,#subpageNav .question-mode-tabs-header button:focus-visible,#subpageNav .question-mode-tabs-header button:active{border:0!important; outline:none!important; background:transparent!important; box-shadow:none!important;}
#subpageNav .question-mode-tabs-header button.active{color:var(--topbar-active)!important; background:transparent!important; box-shadow:none!important;}
.page-shell.real-scene-mode #subpageNav .question-mode-tabs-header button.active{color:var(--topbar-active)!important;}
#subpageNav #questionModeTabs.hidden,#subpageNav #questionModeTabs[hidden]{display:none!important;}
.page-shell.real-scene-mode .bottom-tools{display:none!important;}
#view-question.real-scene-view .subpage-spacer{height:4px!important;}
#view-question.real-scene-view .real-scene-panel{padding:0 0 22px;}
#view-question.real-scene-view .real-scene-tablecloth{position:relative; min-height:300px; padding:12px 8px 0; border:0; border-radius:0; background:transparent; box-shadow:none;}
#view-question.real-scene-view .real-scene-tablecloth>p{position:absolute; z-index:2; top:54px; left:50%; width:max-content; max-width:calc(100% - 32px); margin:0; color:rgba(245,240,255,.68); text-align:center; font-size:12px; transform:translateX(-50%);}
#view-question.real-scene-view .real-scene-table{position:relative; min-height:260px;}
.real-scene-empty{position:absolute; inset:0; display:grid; place-items:center; text-align:center; opacity:.55; letter-spacing:.16em;}
.real-scene-placed-card{position:absolute; width:72px; height:132px; padding:0; overflow:visible; border:0; border-radius:9px; background:transparent; box-shadow:0 8px 18px rgba(0,0,0,.32); transform:translate(-50%,-50%); touch-action:none;}
.real-scene-card-face{position:relative; display:block; width:72px; height:132px; padding:0; overflow:hidden; border:0; border-radius:9px; background:transparent;}
.real-scene-card-face>img{display:block; width:72px; height:132px; object-fit:contain; user-select:none; -webkit-user-drag:none; -webkit-touch-callout:none;}
.real-scene-deck{display:flex; align-items:flex-end; min-height:146px; margin:94px -14px -4px; padding:10px 54px 8px 26px; overflow-x:auto; overflow-y:visible; scroll-padding-inline:24px; -webkit-overflow-scrolling:touch;}
.real-scene-deck-card{position:relative; z-index:1; flex:0 0 72px; height:132px; padding:0; border:0; background:transparent; transform:translateY(var(--fan-lift))rotate(var(--fan-angle)); transform-origin:50% 112%; transition:opacity .18s ease,transform .18s ease; touch-action:pan-x; contain:layout paint style;}
.real-scene-deck-card+.real-scene-deck-card{margin-left:-50px;}
.real-scene-deck-card.selected{opacity:.16; transform:translateY(14px)rotate(var(--fan-angle)); pointer-events:none;}
.real-scene-card-back{position:absolute; inset:0; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(236,232,255,.2); border-radius:9px; background:radial-gradient(circle at 50% 44%,rgba(153,105,190,.28),transparent 36%),repeating-linear-gradient(45deg,rgba(255,255,255,.025)0 1px,transparent 1px 8px),linear-gradient(155deg,rgba(80,49,109,.92),rgba(36,24,47,.94)72%); box-shadow:0 4px 10px rgba(7,5,13,.24),inset 0 0 0 1px rgba(255,255,255,.035);}
.real-scene-card-back::before{display:none;}
.real-scene-card-back img{width:54%; height:auto; opacity:.76; filter:sepia(1)saturate(.7)brightness(1.45); user-select:none; -webkit-user-drag:none; pointer-events:none;}
.real-scene-drag-ghost{position:fixed; z-index:2200; width:72px; height:132px; pointer-events:none; border-radius:9px; opacity:.94; transform:translate(-50%,-50%)rotate(-3deg)scale(1.03); box-shadow:0 18px 34px rgba(0,0,0,.46);}
.real-scene-drag-ghost .real-scene-card-back{position:absolute; inset:0;}
.real-scene-deck.shuffling,.real-scene-deck.closing{position:relative; overflow:hidden; touch-action:none;}
.real-scene-deck.spreading{pointer-events:none; touch-action:none;}
.real-scene-deck.shuffling .real-scene-deck-card,.real-scene-deck.closing .real-scene-deck-card{position:absolute; left:calc(50% - 36px); bottom:0; width:72px; margin:0; opacity:1; pointer-events:none; transform-origin:50% 110%;}
.real-scene-deck.shuffling .real-scene-deck-card{z-index:var(--shuffle-layer,1); animation:real-scene-riffle 760ms ease-in-out infinite; animation-delay:var(--shuffle-delay,0ms);}
.real-scene-deck.shuffling .real-scene-deck-card:nth-child(1){--shuffle-x:-58px; --shuffle-rotate:-8deg; --shuffle-delay:-665ms; --shuffle-layer:8;}
.real-scene-deck.shuffling .real-scene-deck-card:nth-child(2){--shuffle-x:54px; --shuffle-rotate:7deg; --shuffle-delay:-570ms; --shuffle-layer:7;}
.real-scene-deck.shuffling .real-scene-deck-card:nth-child(3){--shuffle-x:-48px; --shuffle-rotate:-6deg; --shuffle-delay:-475ms; --shuffle-layer:6;}
.real-scene-deck.shuffling .real-scene-deck-card:nth-child(4){--shuffle-x:50px; --shuffle-rotate:6deg; --shuffle-delay:-380ms; --shuffle-layer:5;}
.real-scene-deck.shuffling .real-scene-deck-card:nth-child(5){--shuffle-x:-42px; --shuffle-rotate:-5deg; --shuffle-delay:-285ms; --shuffle-layer:4;}
.real-scene-deck.shuffling .real-scene-deck-card:nth-child(6){--shuffle-x:45px; --shuffle-rotate:5deg; --shuffle-delay:-190ms; --shuffle-layer:3;}
.real-scene-deck.shuffling .real-scene-deck-card:nth-child(7){--shuffle-x:-36px; --shuffle-rotate:-4deg; --shuffle-delay:-95ms; --shuffle-layer:2;}
.real-scene-deck.shuffling .real-scene-deck-card:nth-child(8){--shuffle-x:38px; --shuffle-rotate:4deg; --shuffle-delay:0ms; --shuffle-layer:1;}
.real-scene-deck.closing .real-scene-deck-card{animation:real-scene-close-deck 650ms cubic-bezier(.2,.66,.22,1)both; animation-delay:var(--close-delay);}
.page-shell.real-scene-mode{color:rgba(245,240,255,.9); background:radial-gradient(circle at 18% 18%,rgba(151,99,202,.2),transparent 34%),radial-gradient(circle at 82% 54%,rgba(84,57,123,.22),transparent 38%),linear-gradient(155deg,#24172f 0%,#100d19 58%,#201329 100%)!important; padding-bottom:max(18px,env(safe-area-inset-bottom))!important;}
#view-question.real-scene-view{min-height:calc(100vh - 128px - env(safe-area-inset-bottom)); margin:-12px -12px 0; padding:12px 12px calc(96px + env(safe-area-inset-bottom)); background:transparent; padding-bottom:24px!important;}
.page-shell.real-scene-mode .real-scene-actions{position:fixed!important; z-index:80!important; top:48%!important; right:max(10px,calc((100vw - 760px)/2 + 10px))!important; bottom:auto!important; left:auto!important; width:58px!important; display:flex!important; flex-direction:column!important; gap:12px!important; padding:0!important; border:0!important; background:transparent!important; backdrop-filter:none!important; transform:translateY(-50%)!important;}
.page-shell.real-scene-mode .real-scene-actions button{position:relative!important; width:58px!important; height:58px!important; min-height:58px!important; margin:0!important; padding:0!important; overflow:hidden!important; border-radius:56% 44% 52% 48%/48% 55% 45% 52%!important; font-size:12px!important; font-weight:700!important; letter-spacing:.04em!important; box-shadow:0 8px 20px rgba(6,5,13,.22),inset 0 1px 0 rgba(255,255,255,.16)!important; backdrop-filter:blur(12px)!important; transition:transform 160ms ease,opacity 160ms ease!important;}
.page-shell.real-scene-mode .real-scene-actions button:nth-child(2){border-radius:45% 55% 47% 53%/55% 46% 54% 45%!important;}
.page-shell.real-scene-mode .real-scene-actions button::before{content:""; position:absolute; top:10px; left:13px; width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.34); filter:blur(.2px);}
.page-shell.real-scene-mode .real-scene-actions button:active{transform:scale(.92)rotate(-3deg)!important;}
.page-shell.real-scene-mode #shuffleRealSceneButton{border:1px solid rgba(241,221,190,.2)!important; border-radius:56% 44% 52% 48%/48% 55% 45% 52%!important; color:rgba(250,241,225,.88)!important; background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.13),transparent 26%),rgba(80,61,96,.7)!important;}
.page-shell.real-scene-mode #startRealSceneDrawButton{border:1px solid rgba(245,214,154,.28)!important; border-radius:45% 55% 47% 53%/55% 46% 54% 45%!important; color:#4d3317!important; background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.32),transparent 27%),linear-gradient(145deg,rgba(249,224,169,.96),rgba(220,171,102,.92))!important;}
.real-scene-chat{display:flex; flex-direction:column; height:auto; min-height:0; max-height:none; box-sizing:border-box; margin:4px 6px 22px; padding:14px; border:1px solid rgba(239,225,255,.10); border-radius:18px; background:rgba(16,13,26,.48); box-shadow:0 12px 30px rgba(5,4,12,.14); backdrop-filter:none;}
.real-scene-chat-heading{display:flex; align-items:center; justify-content:flex-start; gap:10px; margin-bottom:4px;}
.real-scene-chat-close{display:none; width:38px; height:38px; padding:0; border:1px solid rgba(239,225,255,.12); border-radius:50%; color:rgba(250,244,233,.9); background:rgba(255,255,255,.055); font-size:28px; line-height:1;}
.real-scene-chat-heading strong{color:rgba(250,240,218,.92); font-size:14px;}
.real-scene-chat-heading span{color:rgba(239,229,248,.48); font-size:9px;}
.real-scene-chat-messages{display:none; flex:1 1 auto; width:100%; min-height:0; box-sizing:border-box; flex-direction:column; gap:12px; overflow-x:hidden; overflow-y:auto; padding:12px 0; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none;}
.real-scene-chat-empty{margin:8px 4px 12px; color:rgba(239,229,248,.52); font-size:11px; line-height:1.6;}
/* Date separators are direct children of the message list, separate from message rows. */
.real-scene-chat-messages>:not(.real-scene-chat-message):not(.real-scene-chat-empty):not(.hidden){width:100%; display:grid; grid-template-columns:minmax(24px,1fr) auto minmax(24px,1fr); align-items:center; gap:12px; margin:10px 0 4px; color:rgba(239,229,248,.48); font-size:11px!important; font-weight:400; line-height:1.2; text-align:center; box-sizing:border-box;}
.real-scene-chat-messages>:not(.real-scene-chat-message):not(.real-scene-chat-empty):not(.hidden)::before,.real-scene-chat-messages>:not(.real-scene-chat-message):not(.real-scene-chat-empty):not(.hidden)::after{content:""; height:1px; background:rgba(239,225,255,.12);}
/* Each message is one normal row. Do not split avatar/body into separate grid rows. */
.real-scene-chat-message{display:flex; align-items:flex-start; gap:8px; width:100%; max-width:100%; min-width:0; box-sizing:border-box;}
.real-scene-chat-message.user{flex-direction:row-reverse;}
.real-scene-chat-avatar{position:relative; width:34px; height:34px; flex:0 0 34px; overflow:hidden; border:1px solid rgba(242,223,180,.18); border-radius:50%; background:rgba(255,255,255,.08);}
.real-scene-chat-avatar img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.real-scene-chat-avatar.assistant img{object-position:center 44%;}
.real-scene-chat-avatar.user{display:grid; place-items:center; color:#fff; background:var(--chat-avatar-color,#8b6dad);}
.real-scene-chat-avatar b{font-size:13px; font-weight:650;}
/* Supports both DOM forms: avatar + body wrapper, or avatar + direct paragraph. */
.real-scene-chat-message>:not(.real-scene-chat-avatar){flex:0 1 auto; min-width:0; max-width:82%; box-sizing:border-box;}
.real-scene-chat-message>:not(.real-scene-chat-avatar):not(p){display:flex; flex-direction:column; align-items:flex-start;}
.real-scene-chat-message.user>:not(.real-scene-chat-avatar):not(p){align-items:flex-end;}
.real-scene-chat-message p{width:auto; max-width:100%; min-width:0; box-sizing:border-box; margin:0; padding:9px 11px; border-radius:4px 14px 14px 14px; color:rgba(249,243,231,.88); background:rgba(255,255,255,.055); font-size:16px!important; line-height:1.6; white-space:pre-wrap; word-break:normal; overflow-wrap:break-word;}
.real-scene-chat-message.user p{border-radius:14px 4px 14px 14px; background:rgba(210,174,106,.14);}
/* Message time stays directly under its own bubble. */
.real-scene-chat-message>:not(.real-scene-chat-avatar):not(p)>:not(p){margin-top:3px; color:rgba(239,229,248,.48); font-size:11px!important; font-weight:400; line-height:1.2; white-space:nowrap;}
.real-scene-chat-compose{display:grid; grid-template-columns:minmax(0,1fr)58px; gap:8px; align-items:stretch;}
.real-scene-chat-compose textarea{height:84px; min-height:84px; max-height:84px; resize:none; overflow-y:auto; padding:12px; border:1px solid rgba(239,225,255,.12); border-radius:13px; outline:none; color:rgba(250,244,233,.9); background:rgba(255,255,255,.045); font:inherit; font-size:12px!important; line-height:20px;}
.real-scene-chat-compose button{height:44px; align-self:end; border:1px solid rgba(242,206,136,.25); border-radius:13px; color:rgba(255,245,226,.9); background:rgba(205,155,92,.46); font-size:12px; font-weight:700;}
.real-scene-chat.conversation-open{position:fixed; z-index:220; inset:0 auto 0 50%; width:min(100%,760px); height:100dvh; min-height:100dvh; margin:0; padding:max(12px,env(safe-area-inset-top))14px max(12px,env(safe-area-inset-bottom)); border:0; border-radius:0; background:rgba(24,21,41,.88); box-shadow:none; transform:translateX(-50%)!important;}
.real-scene-chat.conversation-open .real-scene-chat-close{display:block;}
.real-scene-chat.conversation-open .real-scene-chat-messages{display:flex;}
.real-scene-chat.conversation-open .real-scene-chat-compose textarea{height:44px; min-height:44px; max-height:44px; padding-top:11px; padding-bottom:11px; overflow-y:auto;}
html.real-scene-conversation-open,html.real-scene-conversation-open body{overflow:hidden!important;}
.real-scene-personas{display:flex; align-items:center; gap:4px;}
.real-scene-personas button{padding:3px 7px; border:0; border-radius:999px; color:rgba(239,229,248,.48); background:transparent; font-size:12px;}
.real-scene-personas button.active{color:rgba(255,245,226,.92); background:rgba(205,155,92,.22);}
.real-scene-breath-prompt{position:fixed; z-index:75; top:42%; left:50%; color:rgba(250,241,225,.84); font-size:14px; font-weight:700; white-space:nowrap; pointer-events:none; opacity:0; transform:translate(-50%,8px)scale(.97);}
.real-scene-breath-prompt.visible{animation:real-scene-breath-prompt 2.4s ease-in-out both;}
html.native-ios-shell #view-question.real-scene-view .real-scene-deck,html.native-ios-shell #view-question.real-scene-view .real-scene-chat{transform:translateY(150px);}
#subpageNav .question-mode-tabs-header{grid-template-columns:repeat(3,max-content); justify-content:center; gap:26px;}
#subpageNav .question-mode-tabs-header button+button::before{height:11px; opacity:.3; left:-18px;}
.question-input-heading{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px;}
.question-input-heading .question-label{flex:0 0 auto; margin:0;}
.question-type-selector{display:flex; align-items:center; justify-content:flex-end; min-width:0;}
.question-type-selector button{position:relative; padding:2px 7px; border:0; color:rgba(109,84,43,0.66); background:transparent; font:inherit; font-size:12px; line-height:1.4; white-space:nowrap;}
.question-type-selector button+button::before{content:""; position:absolute; top:50%; left:0; width:1px; height:10px; background:currentColor; opacity:0.24; transform:translateY(-50%);}
.question-type-selector button.active{color:#a77327; font-weight:700;}
#view-journal .journal-actions{gap:11px!important; margin-top:16px!important; margin-bottom:0!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;}
#view-journal #shareJournalButton{display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; min-height:44px!important; margin:0!important; padding:0 6px!important; border:1px solid rgba(171,139,81,0.18)!important; border-radius:12px!important; color:#6d542b!important; background:rgba(248,238,212,0.86)!important; font-size:14px!important; font-weight:700!important; box-shadow:none!important;}
@media(max-width:360px){.question-input-heading{gap:4px;}
.question-type-selector button{padding-inline:5px; font-size:11px;}
}
/* ===== LIGHT MODE ===== */
html.app-theme-light,html.app-theme-light body{color-scheme:light; background:#faf1df!important;}
.theme-light .relax-tip-editor-mask{background:rgba(54,43,30,.24);}
.theme-light .relax-tip-editor-card{border-color:rgba(255,255,255,.64); background:rgba(252,247,237,.84); box-shadow:0 24px 60px rgba(72,51,24,.2),inset 0 1px rgba(255,255,255,.82);}
.theme-light .relax-tip-editor-card h2{color:#3f342a;}
.theme-light .relax-tip-editor-card input{border-color:rgba(98,76,48,.1); color:#3f342a; background:rgba(120,96,64,.08);}
.theme-light .relax-tip-editor-card input::placeholder{color:rgba(63,52,42,.42);}
.login-page.theme-light{background:radial-gradient(circle at top,rgba(223,184,102,0.16),transparent 30%),linear-gradient(180deg,#faf1df 0%,#f0e1bc 56%,#e7d2a3 100%);}
.login-page.theme-light .brand-mark{background:linear-gradient(180deg,rgba(255,243,214,0.98)0%,rgba(235,214,163,0.92)100%); border-color:rgba(181,136,54,0.22); box-shadow:0 0 9px rgba(214,180,105,0.16);}
.login-page.theme-light .brand-drop{background:linear-gradient(180deg,#d69e4f 0%,#b97a2b 100%);}
.login-page.theme-light .brand-title{color:#5e4520;}
.login-page.theme-light .login-card{border-color:rgba(164,128,67,0.18); background:linear-gradient(180deg,rgba(253,246,231,0.98)0%,rgba(247,237,214,0.99)100%); box-shadow:0 7px 15px rgba(143,112,55,0.1),0 0 0 1px rgba(255,255,255,0.4)inset;}
.login-page.theme-light .wechat-auth-button{color:#5e4520; border-color:rgba(168,115,34,0.52);}
.login-page.theme-light .login-status-message{color:rgba(139,95,31,0.82);}
.login-page.theme-light .forgot-password-button{color:rgba(132,89,29,0.72);}
.login-page.theme-light .guest-login-button{color:#5e4520; border-color:rgba(168,115,34,0.52);}
.login-page.theme-light .stage-tab,.login-page.theme-light .mode-tab{color:rgba(108,80,39,0.62); background:rgba(246,236,209,0.86); border-color:rgba(167,133,72,0.16);}
.login-page.theme-light .stage-tab{color:rgba(108,80,39,0.42); background:transparent; border-color:transparent;}
.login-page.theme-light .stage-tab-active,.login-page.theme-light .mode-tab-active{color:#84591d; background:rgba(223,174,84,0.18); border-color:rgba(206,158,71,0.3);}
.login-page.theme-light .account-input,.login-page.theme-light .code-input,.login-page.theme-light .send-code-button{color:#5e4520; background:rgba(248,238,212,0.92); border-color:rgba(173,139,80,0.18);}
.login-page.theme-light .agreement-text,.login-page.theme-light .login-agreement-note{color:rgba(102,80,41,0.58);}
.login-page.theme-light .agreement-link,.login-page.theme-light .send-code-button,.login-page.theme-light .login-hint,.login-page.theme-light .other-login-toggle{color:#8b5f1f;}
.theme-light .deck-unlock-link{border-color:rgba(138,104,43,0.32); color:rgba(138,104,43,0.68); background:rgba(207,166,83,0.06);}
.theme-light #deckUnlockModal{background:rgba(92,64,28,0.2);}
.theme-light #deckUnlockModal .ai-unlock-card{border-color:rgba(164,128,67,0.24); background:linear-gradient(160deg,rgba(255,249,236,0.86),rgba(244,229,196,0.82)); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); box-shadow:0 22px 54px rgba(104,72,29,0.2);}
.theme-light #deckUnlockModal h2{color:#5f4521;}
.theme-light #deckUnlockModal .ai-package-button{color:#4f3817; border-color:rgba(177,119,53,0.3); background:linear-gradient(145deg,rgba(255,244,216,0.72),rgba(232,201,143,0.68)); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 8px 20px rgba(133,91,34,0.1);}
.theme-light #deckUnlockModal .ai-package-selected{border-color:rgba(177,119,53,0.55); background:linear-gradient(145deg,rgba(248,221,161,0.82),rgba(221,166,82,0.78)); box-shadow:0 10px 24px rgba(180,119,38,0.2);}
.theme-light #deckUnlockModal .ai-package-copy small,.theme-light #deckUnlockModal .ai-unlock-note{color:rgba(79,56,23,0.68)!important;}
.theme-light #deckUnlockModal .ai-unlock-close{color:#6d542b; border-color:rgba(171,139,81,0.24); background:rgba(255,249,235,0.46); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);}
.theme-light #aiUnlockModal{background:rgba(92,64,28,0.2);}
.theme-light #aiUnlockModal .ai-unlock-card{border-color:rgba(164,128,67,0.24); background:linear-gradient(160deg,rgba(255,249,236,0.86),rgba(244,229,196,0.82)); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); box-shadow:0 22px 54px rgba(104,72,29,0.2);}
.theme-light #aiUnlockModal h2{color:#5f4521;}
.theme-light #aiUnlockModal .ai-package-button{color:#4f3817; border-color:rgba(177,119,53,0.3); background:linear-gradient(145deg,rgba(255,244,216,0.72),rgba(232,201,143,0.68)); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 8px 20px rgba(133,91,34,0.1);}
.theme-light #aiUnlockModal .ai-package-featured,.theme-light #aiUnlockModal .ai-package-selected{border-color:rgba(177,119,53,0.55); background:linear-gradient(145deg,rgba(248,221,161,0.82),rgba(221,166,82,0.78)); box-shadow:0 10px 24px rgba(180,119,38,0.2);}
.theme-light #aiUnlockModal .ai-package-copy small,.theme-light #aiUnlockModal .ai-unlock-note{color:rgba(79,56,23,0.68)!important;}
.theme-light #aiUnlockModal .ai-unlock-close{color:#6d542b; border-color:rgba(171,139,81,0.24); background:rgba(255,249,235,0.46); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);}
.theme-light #view-settings .logout-button{color:#6d542b!important; background:rgba(248,238,212,0.86)!important; border-color:rgba(171,139,81,0.18)!important;}
.theme-light .nav-history-button{color:#8b5f1f;}
.theme-light #view-daily .tarot-card::before{background:radial-gradient(ellipse at center,rgba(230,181,91,0.42)0%,rgba(230,181,91,0.2)38%,transparent 70%),radial-gradient(ellipse at center,rgba(255,236,191,0.26)0%,rgba(255,236,191,0.12)44%,transparent 74%)!important;}
.theme-light #view-daily .card-back::before{background:radial-gradient(circle at 50% 16%,rgba(224,178,94,0.1),transparent 46%),radial-gradient(circle at 18% 58%,rgba(190,128,57,0.08),transparent 52%),radial-gradient(circle at 82% 42%,rgba(190,128,57,0.06),transparent 54%),radial-gradient(circle at 50% 88%,rgba(218,169,91,0.08),transparent 48%)!important;}
.theme-light #view-daily .card-back::after{border-color:rgba(177,119,53,0.24)!important;}
.login-page:not(.theme-light) .brand-mark.brand-sparkle{color:#f3c86f!important;}
.login-page:not(.theme-light) .brand-mark.brand-sparkle::before{background:radial-gradient(circle,rgba(246,211,129,0.42)0%,rgba(238,181,90,0.2)36%,rgba(238,181,90,0)72%)!important; filter:blur(5px)!important;}
.login-page:not(.theme-light) .account-input:-webkit-autofill,.login-page:not(.theme-light) .account-input:-webkit-autofill:hover,.login-page:not(.theme-light) .account-input:-webkit-autofill:focus,.login-page:not(.theme-light) .password-input:-webkit-autofill,.login-page:not(.theme-light) .password-input:-webkit-autofill:hover,.login-page:not(.theme-light) .password-input:-webkit-autofill:focus{-webkit-text-fill-color:#f4ead4!important; -webkit-box-shadow:0 0 0 1000px #211d36 inset!important; caret-color:#f4ead4;}
.login-page.theme-light .account-input,.login-page.theme-light .password-input{background-color:rgba(248,238,212,0.92)!important;}
.login-page.theme-light .account-input:-webkit-autofill,.login-page.theme-light .account-input:-webkit-autofill:hover,.login-page.theme-light .account-input:-webkit-autofill:focus,.login-page.theme-light .password-input:-webkit-autofill,.login-page.theme-light .password-input:-webkit-autofill:hover,.login-page.theme-light .password-input:-webkit-autofill:focus{-webkit-text-fill-color:#5e4520!important; -webkit-box-shadow:0 0 0 1000px #f8eed4 inset!important; caret-color:#5e4520;}
.theme-light .bottom-tools{border-color:rgba(255,255,255,.62)!important; background:rgba(255,251,243,.56)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 0 0 .5px rgba(150,116,60,.08),0 14px 34px -14px rgba(92,65,30,.30)!important; -webkit-backdrop-filter:blur(30px) saturate(190%)!important; backdrop-filter:blur(30px) saturate(190%)!important;}
.theme-light .bottom-tools .tool-button{color:rgba(104,79,38,0.72)!important; background:transparent!important;}
.theme-light .bottom-tools .tool-button.active,.theme-light .bottom-tools .tool-button:active,.theme-light .bottom-tools .tool-button:focus,.theme-light .bottom-tools .tool-button:focus-visible{color:#6d4f1c!important; background:rgba(255,255,255,.72)!important; box-shadow:inset 0 1px 0 #fff,inset 0 0 0 .5px rgba(150,116,60,.08),0 3px 10px -4px rgba(120,92,46,.25)!important; outline:none!important;}
.theme-light #view-deck .guide-card{border-color:rgba(139,103,45,0.32)!important; background:rgba(255,250,238,0.72)!important;}
.theme-light #view-deck .guide-card-open{border-color:rgba(139,103,45,0.46)!important;}
.theme-light #view-daily .card-back{background:radial-gradient(circle at 18% 22%,rgba(224,178,94,0.42)0 1px,transparent 1.5px),radial-gradient(circle at 31% 14%,rgba(218,169,91,0.32)0 0.8px,transparent 1.3px),radial-gradient(circle at 46% 27%,rgba(230,181,91,0.34)0 0.9px,transparent 1.4px),radial-gradient(circle at 64% 18%,rgba(218,169,91,0.28)0 0.7px,transparent 1.2px),radial-gradient(circle at 78% 24%,rgba(236,200,126,0.34)0 0.95px,transparent 1.5px),radial-gradient(circle at 24% 48%,rgba(224,178,94,0.26)0 0.75px,transparent 1.3px),radial-gradient(circle at 72% 44%,rgba(230,181,91,0.3)0 0.85px,transparent 1.4px),radial-gradient(circle at 16% 72%,rgba(218,169,91,0.26)0 0.7px,transparent 1.2px),radial-gradient(circle at 37% 81%,rgba(236,200,126,0.36)0 1px,transparent 1.5px),radial-gradient(circle at 58% 76%,rgba(218,169,91,0.28)0 0.75px,transparent 1.25px),radial-gradient(circle at 83% 70%,rgba(224,178,94,0.3)0 0.9px,transparent 1.4px),radial-gradient(circle at 50% 48%,rgba(230,181,91,0.2)0,rgba(230,181,91,0.09)20%,transparent 48%),linear-gradient(180deg,rgba(255,251,241,0.98),rgba(247,236,210,0.98))!important; box-shadow:0 0 0 0.5px rgba(177,119,53,0.24),0 0 15px rgba(224,178,94,0.16),inset 0 0.5px 0 rgba(255,249,233,0.48),inset 0 -9px 18px rgba(184,121,54,0.05)!important; border-color:rgba(177,119,53,0.32)!important;}
.theme-light #view-daily .card-image{border-color:rgba(177,119,53,0.32)!important;}
.theme-light #view-daily .tarot-card.tarot-card-drawn{background:radial-gradient(circle at 50% 48%,rgba(225,181,88,0.24)0,rgba(225,181,88,0.12)24%,rgba(225,181,88,0.04)42%,transparent 68%),radial-gradient(circle at 28% 62%,rgba(205,149,62,0.16)0,transparent 30%),radial-gradient(circle at 72% 36%,rgba(236,200,126,0.14)0,transparent 28%)!important; box-shadow:inset 0 0 28px rgba(221,185,109,0.08),0 0 10px rgba(201,159,79,0.08)!important;}
.theme-light #subpageNav[data-view="question"] .subpage-title,.theme-light #subpageNav[data-view="journal"] .subpage-title{color:var(--topbar-secondary)!important;}
.theme-light #subpageNav .question-mode-tabs-header{color:var(--topbar-secondary);}
.theme-light .journal-share-sheet{border-color:rgba(164,128,67,.18); background:rgba(253,246,231,.98);}
.theme-light .journal-share-preview{border-color:rgba(171,139,81,.45); color:#5e4520; background:radial-gradient(circle at 14% 12%,rgba(233,199,127,.28),transparent 30%),rgba(248,238,212,.92);}
.theme-light .journal-share-kicker,.theme-light .journal-share-card-line,.theme-light .journal-share-preview footer span{color:#7d6332;}
.theme-light .journal-share-preview footer,.theme-light .journal-share-preview footer span{color:rgba(125,99,50,.66);}
.theme-light .journal-share-card-line strong{color:#5e4520;}
.theme-light .journal-share-actions button{color:#6b5431;}
.theme-light .journal-share-actions button span{background:rgba(255,250,239,.88);}
.theme-light .journal-share-preview.share-mood-sensitive{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.62),transparent 34%),linear-gradient(145deg,#f9e2ea,#f3ccd9);}
.theme-light .journal-share-preview.share-mood-vitality{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.60),transparent 34%),linear-gradient(145deg,#fbe6cd,#f2cfa7);}
.theme-light .journal-share-preview.share-mood-enjoyment{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.60),transparent 34%),linear-gradient(145deg,#faedc4,#eed99b);}
.theme-light .journal-share-preview.share-mood-gratitude{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.62),transparent 34%),linear-gradient(145deg,#e3f1e1,#c9e3ca);}
.theme-light .journal-share-preview.share-mood-rational{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.62),transparent 34%),linear-gradient(145deg,#e1eef6,#c8dfea);}
.theme-light .journal-share-preview.share-mood-anger{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.42),transparent 34%),linear-gradient(145deg,#e9c4c7,#d79da3);}
.theme-light .journal-share-preview.share-mood-worry{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.52),transparent 34%),linear-gradient(145deg,#eadbcc,#d8bea7);}
.theme-light .journal-share-preview.share-mood-detached{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.70),transparent 34%),linear-gradient(145deg,#f3f4f1,#e1e4e1);}
.theme-light .journal-share-preview.share-mood-immersed{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.48),transparent 34%),linear-gradient(145deg,#dfe8ee,#c3d0da);}
.theme-light .journal-share-preview.share-mood-sad{color:#f7f3ec; background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.16),transparent 34%),linear-gradient(145deg,#767b82,#4e535a);}
.theme-light .journal-share-preview.share-mood-sad .journal-share-kicker,.theme-light .journal-share-preview.share-mood-sad .journal-share-card-line,.theme-light .journal-share-preview.share-mood-sad footer span{color:rgba(255,255,255,.72);}
.theme-light .journal-share-preview.share-mood-sad .journal-share-card-line strong{color:#fff;}
.theme-light .history-calendar-day.mood-sensitive{border-color:#efc5d4; background:#f9e1e9; color:#8b5a6b;}
.theme-light .history-calendar-day.mood-vitality{border-color:#efc99e; background:#fae3c8; color:#8a6137;}
.theme-light .history-calendar-day.mood-enjoyment{border-color:#ead391; background:#f8ebbf; color:#7e6a32;}
.theme-light .history-calendar-day.mood-gratitude{border-color:#beddbf; background:#e0f0df; color:#507454;}
.theme-light .history-calendar-day.mood-rational{border-color:#bdd8e9; background:#deecf5; color:#4e6f84;}
.theme-light .history-calendar-day.mood-anger{border-color:#cb8f95; background:#e7bec2; color:#743d43;}
.theme-light .history-calendar-day.mood-worry{border-color:#d6b89d; background:#ead9c8; color:#765b46;}
.theme-light .history-calendar-day.mood-detached{border-color:#dfe1df; background:#f1f2ef; color:#777b77;}
.theme-light .history-calendar-day.mood-immersed{border-color:#bac8d3; background:#dce5ec; color:#526876;}
.theme-light .history-calendar-day.mood-sad{border-color:#b8babd; background:#d7d8da; color:#46494d;}
.theme-light .history-calendar-day[class*="mood-"].selected{border-color:#b89253; box-shadow:inset 0 0 0 1px #b89253;}
.theme-light.page-shell.real-scene-mode #shuffleRealSceneButton{border-color:rgba(151,108,50,.2)!important; color:#75562f!important; background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.7),transparent 28%),rgba(247,232,196,.9)!important; box-shadow:0 7px 18px rgba(130,91,34,.12),inset 0 1px 0 rgba(255,255,255,.7)!important;}
.theme-light.page-shell.real-scene-mode{color:#6d5938; background:radial-gradient(ellipse at 18% 12%,rgba(255,253,237,.72),transparent 38%),radial-gradient(ellipse at 82% 62%,rgba(219,183,116,.12),transparent 46%),linear-gradient(145deg,#faf0d2 0%,#f3e2ba 54%,#ead4a3 100%)!important;}
.theme-light.page-shell.real-scene-mode .real-scene-card-back{border-color:rgba(177,119,53,.38); background:linear-gradient(180deg,rgba(255,252,243,.99),rgba(245,232,202,.99)); box-shadow:none;}
.theme-light.page-shell.real-scene-mode .real-scene-card-back img{opacity:.62; filter:sepia(1)saturate(.72)brightness(.82);}
.theme-light.page-shell.real-scene-mode .real-scene-placed-card,.theme-light.page-shell.real-scene-mode .real-scene-drag-ghost{box-shadow:none;}
.theme-light.page-shell.real-scene-mode .real-scene-chat{border-color:rgba(151,108,50,.14); background:rgba(255,250,232,.62); box-shadow:0 10px 26px rgba(130,91,34,.08);}
.theme-light #view-question.real-scene-view .real-scene-tablecloth>p{color:rgba(109,79,28,.68);}
.theme-light.page-shell.real-scene-mode .real-scene-chat-heading strong{color:#6b4e2b;}
.theme-light.page-shell.real-scene-mode .real-scene-personas button.active{color:#5f4324; background:rgba(151,108,50,.18);}
.theme-light.page-shell.real-scene-mode .real-scene-chat-message p{color:#5e4931; background:rgba(255,255,255,.54);}
.theme-light.page-shell.real-scene-mode .real-scene-chat-message>:not(.real-scene-chat-avatar):not(p)>:not(p),.theme-light.page-shell.real-scene-mode .real-scene-chat-messages>:not(.real-scene-chat-message):not(.real-scene-chat-empty):not(.hidden){color:rgba(125,99,63,.52);}
.theme-light.page-shell.real-scene-mode .real-scene-chat-messages>:not(.real-scene-chat-message):not(.real-scene-chat-empty):not(.hidden)::before,.theme-light.page-shell.real-scene-mode .real-scene-chat-messages>:not(.real-scene-chat-message):not(.real-scene-chat-empty):not(.hidden)::after{background:rgba(151,108,50,.14);}
.theme-light.page-shell.real-scene-mode .real-scene-chat-compose textarea{border-color:rgba(151,108,50,.16); color:#5c472f; background:rgba(255,255,255,.56);}
.theme-light.page-shell.real-scene-mode .real-scene-chat.conversation-open{background:rgba(243,226,186,.88);}
.theme-light.page-shell.real-scene-mode .real-scene-chat-close{border-color:rgba(151,108,50,.16); color:#6b4e2b; background:rgba(255,255,255,.48);}
html.app-theme-light.real-scene-root,html.app-theme-light.real-scene-root body{background:#ead4a3!important;}
/* ===== DARK MODE ===== */
html.preload-theme-dark,html.preload-theme-dark body{background:#0c1024;}
html.preload-theme-dark .page-shell{--page-top:#0c1024; --page-mid:#121027; --page-bottom:#171027; background:linear-gradient(180deg,#0c1024 0%,#171027 100%);}
html.app-theme-dark,html.app-theme-dark body{color-scheme:dark; background:#0c1024!important;}
.theme-dark .relax-tip-picker .relax-add-button{background:transparent;}
.theme-dark .relax-tip-picker .relax-custom-choice,.theme-dark .relax-tip-picker .relax-add-button{border-color:rgba(255,245,222,.48); background:linear-gradient(145deg,rgba(255,250,238,.76),rgba(225,207,174,.66)); -webkit-backdrop-filter:blur(10px)saturate(120%); backdrop-filter:blur(10px)saturate(120%);}
.theme-dark .relax-add-button span{color:rgba(255,247,233,.88);}
.theme-dark .relax-tip-card.custom-tip{border-color:rgba(222,190,248,.24); background:linear-gradient(145deg,rgba(78,49,103,.9),rgba(34,26,54,.94));}
.theme-dark .relax-tip-card{border-color:rgba(234,210,255,.16); background:linear-gradient(145deg,rgba(62,43,82,.82),rgba(25,23,49,.9)); box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.1);}
.theme-dark .relax-tip-card strong{color:#fff7e9;}
.theme-dark .relax-tip-card small{color:rgba(238,226,209,.7);}
.theme-dark .relax-orb-one{background:rgba(239,180,91,.2);}
.theme-dark .relax-orb-two{background:rgba(171,113,211,.2);}
.theme-dark .relax-tip-picker button{border-color:rgba(234,210,255,.13); background:linear-gradient(145deg,rgba(65,48,83,.72),rgba(34,29,57,.78)); box-shadow:0 9px 22px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.08);}
.theme-dark .relax-switch-button{border-color:rgba(234,210,255,.14); color:#fff7e9; background:rgba(58,46,77,.68); box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.09);}
.theme-dark .home-season-card,.theme-dark .home-feature-card,.theme-dark .home-daily-quote,.theme-dark .home-celestial-card,.theme-dark .home-insight-card{border-color:rgba(242,220,177,.1); background:rgba(255,255,255,.035); box-shadow:none;}
.theme-dark .home-feature-icon{color:#d7bb82; border-color:rgba(236,211,164,.13); background:rgba(224,193,133,.08);}
.theme-dark .home-season-copy strong,.theme-dark .home-feature-card{color:#eee2cf;}
.theme-dark .home-season-copy p,.theme-dark .home-season-copy span,.theme-dark .home-feature-card small,.theme-dark .home-daily-quote p{color:rgba(236,224,205,.57);}
.theme-dark .home-daily-quote blockquote{color:#e0d1bb;}
.theme-dark .celestial-month-nav strong{color:rgba(238,224,199,.75);}
.theme-dark .celestial-month-nav small{color:rgba(232,219,198,.46);}
.theme-dark .celestial-month-nav button,.theme-dark .celestial-day,.theme-dark .celestial-day-detail{border-color:rgba(238,224,199,.08); color:#ded0bb; background:rgba(255,255,255,.035);}
.theme-dark .celestial-filter-row button{border-color:rgba(238,224,199,.08); color:rgba(232,219,198,.55); background:rgba(255,255,255,.035);}
.theme-dark .celestial-filter-row button.active{color:#ead7b5; background:rgba(205,174,120,.14);}
.theme-dark .celestial-day.selected{background:rgba(205,174,120,.12);}
.theme-dark .celestial-day-events em{color:#d7c5e6; background:rgba(187,168,215,.14);}
.theme-dark .celestial-day-events em.ingress{color:#e1c59f; background:rgba(211,163,108,.14);}
.theme-dark .celestial-day-events em.retrograde{color:#bed1e1; background:rgba(139,166,191,.14);}
.theme-dark .celestial-day-events em.season{color:#bfd2af; background:rgba(154,178,135,.14);}
.theme-dark .celestial-day-events em.void{color:#e4bdbb; background:rgba(211,143,140,.15);}
.theme-dark .celestial-moon-label{color:#c8b3dc;}
.theme-dark .celestial-day-detail h3,.theme-dark .celestial-event strong{color:#e4d6c0;}
.theme-dark .celestial-event p,.theme-dark .celestial-note,.theme-dark .celestial-empty{color:rgba(232,219,198,.55);}
.theme-dark .home-insight-card{color:#eee2cf;}
.theme-dark .home-insight-heading,.theme-dark .home-insight-detail,.theme-dark .home-insight-summary{color:rgba(236,224,205,.57);}
.theme-dark .home-quote-card .home-insight-heading,.theme-dark .home-celestial-card .home-insight-heading,.theme-dark .home-relax-card .home-insight-heading{color:var(--text);}
.theme-dark .home-insight-card[data-home-seasonal-guide] .home-insight-summary,.theme-dark .home-quote-card blockquote{color:rgba(236,224,205,.57);}
.theme-dark .seasonal-guide-intro,.theme-dark .seasonal-term-card{border-color:rgba(242,220,177,.1); background:rgba(255,255,255,.035);}
.theme-dark .seasonal-term-card.current{border-color:rgba(215,187,130,.35); background:rgba(215,187,130,.07);}
.theme-dark .seasonal-term-name strong{color:#eee2cf;}
.theme-dark .seasonal-guide-summary,.theme-dark .seasonal-term-card li{color:rgba(236,224,205,.6);}
.theme-dark .seasonal-term-card li blockquote{color:rgba(236,224,205,.45);}
.theme-dark .seasonal-wheel{border-color:rgba(242,220,177,.08); background:rgba(255,255,255,.025);}
.theme-dark .seasonal-progress-current strong{color:#eee2cf;}
.theme-dark .seasonal-term-card li{border-color:rgba(242,220,177,.08); background:rgba(255,255,255,.025);}
.theme-dark .lucky-wallpaper{--lucky-top:#2d294d; --lucky-bottom:#151327; border-color:rgba(214,226,255,.12); color:rgba(244,247,255,.9); filter:none;}
.theme-dark .lucky-wallpaper-copy cite{color:rgba(224,232,250,.66);}
.theme-dark .lucky-wallpaper footer{color:rgba(224,232,250,.48);}
html.native-ios-shell .page-shell.theme-dark{background:linear-gradient(180deg,#0c1024 0,#0c1024 72px,#121027 44%,#171027 calc(100% - 72px),#171027 100%);}
.theme-dark #deckUnlockModal .ai-unlock-note{color:rgba(255,255,255,0.7)!important;}
.theme-dark .ai-package-button{color:#fff3d9; border-color:rgba(241,197,108,0.3); background:linear-gradient(135deg,rgba(66,52,91,0.98),rgba(43,34,65,0.98)); box-shadow:inset 0 1px rgba(255,255,255,0.05),0 10px 24px rgba(3,3,12,0.22);}
.theme-dark .ai-package-copy small{color:rgba(242,218,168,0.65);}
.theme-dark .ai-package-featured,.theme-dark .ai-package-selected{border-color:rgba(245,202,112,0.7); background:linear-gradient(135deg,rgba(91,68,112,0.98),rgba(55,40,76,0.98)); box-shadow:0 0 0 1px rgba(245,202,112,0.12),0 12px 28px rgba(8,4,20,0.3);}
.theme-dark #aiUnlockModal .ai-unlock-note{color:rgba(255,255,255,0.7)!important;}
.theme-dark{--panel:rgba(19,18,38,0.82); --panel-soft:rgba(255,255,255,0.04); --line:rgba(255,236,191,0.12); --line-strong:rgba(255,236,191,0.18); --text:#f8f0de; --copy:#c7b996; --gold:#f3d89a; --topbar-primary:#f8f0de; --topbar-secondary:rgba(248,240,222,0.68); --topbar-active:#f1cb81; background:radial-gradient(circle at top left,rgba(224,177,87,0.12),transparent 20%),radial-gradient(circle at 85% 15%,rgba(132,86,203,0.12),transparent 22%),radial-gradient(circle at 50% 100%,rgba(219,139,139,0.12),transparent 24%),linear-gradient(180deg,#0c1024 0%,#171027 100%);}
.theme-dark.page-shell{background:radial-gradient(circle at top left,rgba(224,177,87,0.12),transparent 20%),radial-gradient(circle at 85% 15%,rgba(132,86,203,0.12),transparent 22%),radial-gradient(circle at 50% 100%,rgba(219,139,139,0.12),transparent 24%),linear-gradient(180deg,#0c1024 0%,#171027 100%);}
.theme-dark .panel,.theme-dark .settings-card,.theme-dark .accent-card,.theme-dark .history-panel,.theme-dark .journal-card{background:rgba(19,18,38,0.82); box-shadow:0 20px 50px rgba(4,5,16,0.3);}
.theme-dark .question-hero{background:radial-gradient(circle at top right,rgba(230,181,91,0.2),transparent 30%),linear-gradient(135deg,rgba(30,28,57,0.96),rgba(15,15,34,0.92));}
.theme-dark.hero.home-chrome,{background:transparent!important; border:0!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important;}
.theme-dark .draw-panel{background:radial-gradient(circle at top right,rgba(230,181,91,0.12),transparent 34%),rgba(19,18,38,0.82);}
.theme-dark .eyebrow,.theme-dark .section-kicker,.theme-dark .card-kicker,.theme-dark .hero-date,.theme-dark .body-copy,.theme-dark .profile-copy,.theme-dark .menu-value,.theme-dark .user-note,.theme-dark .history-item p,.theme-dark .empty-state,.theme-dark .guide-en,.theme-dark .detail-label,.theme-dark .deck-hero p,.theme-dark .deck-hero span,.theme-dark .deck-section-head,.theme-dark .ai-quota{color:#c7b996;}
.theme-dark .message-card-name{color:#f3d89a;}
.theme-dark .message-body-card,.theme-dark .info-card,.theme-dark .history-item,.theme-dark .empty-state,.theme-dark .guide-card,.theme-dark .card-detail-panel,.theme-dark .card-reading-panel,.theme-dark .card-detail-visual,.theme-dark .journal-section,.theme-dark .question-input,.theme-dark .text-input,.theme-dark .mood-option,.theme-dark .ai-button{background:rgba(255,255,255,0.04); border-color:rgba(255,236,191,0.12);}
.theme-dark .spread-card{border-color:rgba(255,236,191,0.12); background:radial-gradient(circle at top,rgba(133,97,208,0.18),transparent 34%),linear-gradient(180deg,rgba(35,28,69,0.96),rgba(16,14,32,0.98)); box-shadow:none;}
.theme-dark .menu-inline-input{color:#c7b996;}
.theme-dark .modal-card{background:rgba(19,18,38,0.96);}
.theme-dark .service-chat-body,.theme-dark .service-chat-link{background:rgba(255,255,255,0.04);}
.theme-dark .service-msg-bot span{background:rgba(255,255,255,0.06);}
.theme-dark .about-meta-block{background:rgba(255,255,255,0.04); border-color:rgba(255,236,191,0.12);}
.theme-dark .about-meta-value{color:#c7b996;}
.theme-dark .question-input,.theme-dark .text-input{color:#f8f0de;}
.theme-dark .keyword-chip,.theme-dark .checkin-chip,.theme-dark .guide-element,.theme-dark .guide-keyword{color:#f8f0de; background:rgba(255,255,255,0.08); border-color:rgba(255,236,191,0.14);}
.theme-dark .guide-card-open{border-color:rgba(244,216,154,0.72); box-shadow:none;}
.theme-dark .guide-detail{color:rgba(240,232,213,0.82); border-color:rgba(255,236,191,0.16);}
.theme-dark .guide-name,.theme-dark .guide-desc{color:#e9dfca;}
.theme-dark .tool-button{color:#c7b996; background:transparent; border-color:transparent;}
.theme-dark .filter-button{color:#cfb579; background:rgba(255,255,255,0.04); border-color:rgba(255,236,191,0.12);}
.theme-dark .tool-button.active{color:#07c160; background:transparent;}
.theme-dark .filter-button.active,.theme-dark .primary-button,.theme-dark .reset-button{color:#171027; background:linear-gradient(135deg,#f4d89a 0%,#c89b55 100%);}
.theme-dark .action-button,.theme-dark .action-row .primary-button{border-color:rgba(120,111,159,0.46);}
.theme-dark .consult-button{color:#f8f0de; background:rgba(255,255,255,0.04); box-shadow:inset 0 0 0 1px rgba(255,236,191,0.08);}
.theme-dark .reset-button,.theme-dark .action-row .primary-button{border-color:rgba(244,216,154,0.74); color:#171027; background:linear-gradient(180deg,#f4d89a 0%,#c89b55 100%);}
.theme-dark #view-question .ai-button{color:#cfb579; background:rgba(255,255,255,0.05); border-color:rgba(255,236,191,0.14);}
.theme-dark #view-question .action-row .primary-button,.theme-dark #view-question .action-row .primary-button:disabled,.theme-dark #customRelaxTipModal .action-row .primary-button,.theme-dark #customRelaxTipModal .action-row .primary-button:disabled{border:0; color:#24170a; background:linear-gradient(135deg,rgba(250,216,145,0.82)0%,rgba(229,170,84,0.78)100%);}
.theme-dark #view-question .reset-button,.theme-dark #view-question .consult-button{border:1px solid rgba(255,236,191,0.12); color:#f8f0de; background:rgba(255,255,255,0.04);}
.theme-dark #view-journal .journal-section,.theme-dark #view-journal .journal-textarea{border-color:rgba(255,236,191,0.12); background:rgba(255,255,255,0.04);}
.theme-dark #view-journal .journal-section h2,.theme-dark #view-journal .journal-title{color:#f8f0de;}
.theme-dark #view-journal .mood-option{border-color:rgba(255,236,191,0.12); background:rgba(255,255,255,0.035); color:#c7b996;}
.theme-dark #view-journal .mood-option span{color:#f3d89a;}
.theme-dark #view-history .history-panel{border-color:rgba(255,236,191,0.12); background:rgba(19,18,38,0.82); box-shadow:0 20px 50px rgba(4,5,16,0.3);}
.theme-dark #view-history .history-panel h2,.theme-dark #view-history .history-item h3{color:#f8f0de;}
.theme-dark #view-history .history-item,.theme-dark #view-history .empty-state{border-color:rgba(255,236,191,0.12); background:rgba(255,255,255,0.04);}
.theme-dark #view-history .history-item p,.theme-dark #view-history .empty-state{color:#c7b996;}
.theme-dark #subpageNav[data-view="question"] .subpage-title,.theme-dark #subpageNav[data-view="journal"] .subpage-title{color:var(--topbar-primary)!important;}
.theme-dark #view-history .history-card,.theme-dark #view-history .history-chevron,.theme-dark #view-history .history-mood-icon,.theme-dark #drawHistoryList .history-mood-icon{color:#ffcf78;}
.theme-dark #view-draw-history .history-item,.theme-dark #view-draw-history .empty-state{background:rgba(31,27,52,0.72);}
.theme-dark #view-draw-history .draw-history-month .draw-history-item{background:transparent;}
.theme-dark #view-journal #saveJournalButton{border:0!important; color:#24170a!important; background:linear-gradient(135deg,rgba(250,216,145,0.82)0%,rgba(229,170,84,0.78)100%)!important;}
.theme-dark #view-journal #clearJournalButton{border:1px solid rgba(255,236,191,0.12)!important; color:#f8f0de!important; background:rgba(255,255,255,0.04)!important;}
.theme-dark #view-question .spread-card-back{border-color:rgba(213,222,255,0.18); background:radial-gradient(circle at 18% 22%,rgba(234,239,255,0.44)0 1px,transparent 1.5px),radial-gradient(circle at 31% 14%,rgba(213,222,255,0.34)0 0.8px,transparent 1.3px),radial-gradient(circle at 46% 27%,rgba(240,244,255,0.38)0 0.9px,transparent 1.4px),radial-gradient(circle at 64% 18%,rgba(205,216,255,0.3)0 0.7px,transparent 1.2px),radial-gradient(circle at 78% 24%,rgba(236,240,255,0.38)0 0.95px,transparent 1.5px),radial-gradient(circle at 24% 48%,rgba(216,225,255,0.28)0 0.75px,transparent 1.3px),radial-gradient(circle at 72% 44%,rgba(230,235,255,0.34)0 0.85px,transparent 1.4px),radial-gradient(circle at 16% 72%,rgba(203,214,255,0.28)0 0.7px,transparent 1.2px),radial-gradient(circle at 37% 81%,rgba(239,243,255,0.4)0 1px,transparent 1.5px),radial-gradient(circle at 58% 76%,rgba(207,218,255,0.3)0 0.75px,transparent 1.25px),radial-gradient(circle at 83% 70%,rgba(230,236,255,0.34)0 0.9px,transparent 1.4px),radial-gradient(circle at 50% 48%,rgba(145,87,255,0.28)0,rgba(145,87,255,0.1)18%,transparent 48%),radial-gradient(circle at 28% 62%,rgba(102,59,196,0.2)0,transparent 26%),radial-gradient(circle at 72% 34%,rgba(171,103,255,0.16)0,transparent 24%)!important; box-shadow:0 0 0 0.5px rgba(213,222,255,0.18),0 0 24px rgba(145,87,255,0.16),inset 0 0.5px 0 rgba(255,255,255,0.08),inset 0 -9px 18px rgba(0,0,0,0.16)!important;}
.theme-dark .question-mode-tabs{background:rgba(28,27,36,.94); border-color:rgba(213,222,255,.14);}
.theme-dark #view-question .spread-card-back::before{background:radial-gradient(circle at 18% 58%,rgba(145,87,255,0.22),transparent 48%),radial-gradient(circle at 82% 42%,rgba(171,103,255,0.18),transparent 50%);}
.theme-dark #view-question .spread-card-back::after{border-color:rgba(213,222,255,0.18);}
.theme-dark .password-visibility-button{color:rgba(242,211,145,0.82);}
.theme-dark #view-draw-history .draw-history-current .draw-history-item{border-bottom-color:rgba(255,236,191,0.14)!important;}
.theme-dark #view-draw-history .history-edit{border-color:rgba(255,236,191,0.16); color:#d6bd86;}
.theme-dark .bottom-tools{border-color:rgba(220,225,255,.20)!important; background:rgba(37,39,77,.62)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 .5px rgba(255,255,255,.08),0 16px 38px -12px rgba(0,0,0,.72)!important; -webkit-backdrop-filter:blur(30px) saturate(175%)!important; backdrop-filter:blur(30px) saturate(175%)!important;}
.theme-dark .bottom-tools .tool-button{color:rgba(248,240,222,0.68)!important; background:transparent!important;}
.theme-dark .bottom-tools .tool-button.active,.theme-dark .bottom-tools .tool-button:active,.theme-dark .bottom-tools .tool-button:focus,.theme-dark .bottom-tools .tool-button:focus-visible{color:#f1f3ff!important; background:rgba(255,255,255,.13)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 .5px rgba(220,225,255,.10)!important; outline:none!important;}
.theme-dark #view-journal .journal-section{border-color:rgba(255,236,191,0.12)!important; background:rgba(19,18,38,0.82)!important;}
.theme-dark #view-journal .journal-textarea,.theme-dark #view-journal .mood-option,.theme-dark #view-journal .weather-option{border-color:rgba(255,236,191,0.12)!important; background:rgba(255,255,255,0.04)!important;}
.theme-dark #view-journal .weather-toggle-button{color:rgba(248,240,222,0.66);}
.theme-dark #view-journal .mood-option.active{border-color:rgba(250,216,145,0.72)!important; background:rgba(250,216,145,0.14)!important;}
.theme-dark #view-journal .weather-option{color:rgba(248,240,222,0.82);}
.theme-dark #view-journal .weather-option.active{border-color:rgba(250,216,145,0.72)!important; color:#f1cb81; background:rgba(250,216,145,0.14)!important;}
.theme-dark #drawHistoryList .history-weather{color:rgba(248,240,222,0.7);}
.theme-dark #view-journal .journal-card{padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important;}
.theme-dark #serviceSendButton{color:#24170a!important; background:linear-gradient(135deg,rgba(250,216,145,0.82)0%,rgba(229,170,84,0.78)100%)!important;}
.theme-dark #view-daily .card-image{box-shadow:none!important; border-color:rgba(213,222,255,0.2)!important;}
.theme-dark #savePasswordButton{color:#24170a!important; background:linear-gradient(135deg,rgba(250,216,145,0.82)0%,rgba(229,170,84,0.78)100%)!important;}
@media(max-width:760px){.theme-dark #subpageNav[data-view="question"],.theme-dark #subpageNav[data-view="journal"],.theme-dark #subpageNav[data-view="history"],.theme-dark #subpageNav[data-view="draw-history"],.theme-dark #subpageNav[data-view="seasonal-guide"],.theme-dark #subpageNav[data-view="daily-quote"],.theme-dark #subpageNav[data-view="relax-tips"],.theme-dark #subpageNav[data-view="settings"],.theme-dark #subpageNav[data-view="feedback"],.theme-dark #subpageNav[data-view="about"],.theme-dark #subpageNav[data-view="card-detail"],.theme-dark #subpageNav[data-view="celestial-calendar"]{background:rgba(18,17,39,.72)!important; -webkit-backdrop-filter:blur(18px)!important; backdrop-filter:blur(18px)!important;}
}
.theme-dark .subpage-nav{background:rgba(18,17,39,.72)!important;}
.theme-dark .user-strip{border-color:rgba(255,236,191,0.12)!important; background:rgba(18,18,39,0.82)!important;}
.theme-dark .user-wish-row,.theme-dark .signature-box{border-color:rgba(255,236,191,0.12)!important; color:rgba(216,200,165,0.52)!important; background:rgba(255,255,255,0.035)!important;}
.theme-dark .signature-value{color:rgba(248,240,222,0.9)!important;}
.theme-dark .signature-placeholder{color:rgba(199,185,150,0.46)!important;}
.theme-dark .signature-editor-overlay{background:rgba(5,6,16,0.48)!important;}
.theme-dark .signature-editor{border-color:rgba(255,236,191,0.14)!important; background:rgba(19,18,38,0.96)!important; box-shadow:0 14px 40px rgba(0,0,0,0.34)!important;}
.theme-dark .signature-editor-input{border-color:rgba(255,236,191,0.12)!important; color:#f8f0de!important; background:rgba(255,255,255,0.05)!important;}
.theme-dark .signature-editor-cancel{color:rgba(248,240,222,0.82)!important; background:rgba(255,255,255,0.06)!important; border-color:rgba(255,236,191,0.12)!important;}
.theme-dark #view-daily .draw-panel{border-color:rgba(255,236,191,0.12)!important; background:rgba(18,18,39,0.82)!important; box-shadow:none!important;}
.theme-dark #view-daily .card-back{border-color:rgba(255,236,191,0.32)!important; background:radial-gradient(circle at 18% 22%,rgba(238,241,255,0.72)0 1px,transparent 1.5px),radial-gradient(circle at 31% 14%,rgba(213,222,255,0.5)0 0.8px,transparent 1.3px),radial-gradient(circle at 46% 27%,rgba(242,245,255,0.58)0 0.9px,transparent 1.4px),radial-gradient(circle at 64% 18%,rgba(213,222,255,0.46)0 0.7px,transparent 1.2px),radial-gradient(circle at 78% 24%,rgba(238,241,255,0.62)0 0.95px,transparent 1.5px),radial-gradient(circle at 24% 48%,rgba(216,225,255,0.42)0 0.75px,transparent 1.3px),radial-gradient(circle at 72% 44%,rgba(230,235,255,0.56)0 0.85px,transparent 1.4px),radial-gradient(circle at 16% 72%,rgba(203,214,255,0.42)0 0.7px,transparent 1.2px),radial-gradient(circle at 37% 81%,rgba(240,244,255,0.66)0 1px,transparent 1.5px),radial-gradient(circle at 58% 76%,rgba(207,218,255,0.46)0 0.75px,transparent 1.25px),radial-gradient(circle at 83% 70%,rgba(230,236,255,0.54)0 0.9px,transparent 1.4px),radial-gradient(circle at 50% 48%,rgba(145,87,255,0.36)0,rgba(145,87,255,0.14)18%,transparent 48%),radial-gradient(circle at 28% 62%,rgba(102,59,196,0.26)0,transparent 26%),radial-gradient(circle at 72% 34%,rgba(171,103,255,0.2)0,transparent 24%),linear-gradient(180deg,rgba(14,13,34,0.98),rgba(9,10,27,0.98))!important; box-shadow:0 0 0 0.5px rgba(213,222,255,0.18),0 0 24px rgba(145,87,255,0.16),inset 0 0.5px 0 rgba(255,255,255,0.08),inset 0 -9px 18px rgba(0,0,0,0.16)!important;}
.theme-dark #view-daily .card-back::before{filter:blur(7px)!important; opacity:0.9!important; background:radial-gradient(circle at 18% 58%,rgba(145,87,255,0.24),transparent 48%),radial-gradient(circle at 82% 42%,rgba(171,103,255,0.2),transparent 50%)!important;}
.theme-dark #view-daily .card-back::after{border-color:rgba(213,222,255,0.18)!important;}
.theme-dark .journal-share-preview.share-mood-sensitive{background:linear-gradient(145deg,#4b2939,#2e2130);}
.theme-dark .journal-share-preview.share-mood-vitality{background:linear-gradient(145deg,#563822,#2e2522);}
.theme-dark .journal-share-preview.share-mood-enjoyment{background:linear-gradient(145deg,#514626,#2f2b22);}
.theme-dark .journal-share-preview.share-mood-gratitude{background:linear-gradient(145deg,#29432e,#202b26);}
.theme-dark .journal-share-preview.share-mood-rational{background:linear-gradient(145deg,#263f51,#202833);}
.theme-dark .journal-share-preview.share-mood-anger{background:linear-gradient(145deg,#5b252c,#2f2026);}
.theme-dark .journal-share-preview.share-mood-worry{background:linear-gradient(145deg,#4c3729,#2c2724);}
.theme-dark .journal-share-preview.share-mood-detached{background:linear-gradient(145deg,#414646,#292d31);}
.theme-dark .journal-share-preview.share-mood-immersed{background:linear-gradient(145deg,#344550,#242b34);}
.theme-dark .journal-share-preview.share-mood-sad{background:linear-gradient(145deg,#34373d,#1e2025);}
.theme-dark .question-mode-tabs-header{border:0; color:var(--topbar-primary); background:transparent; box-shadow:none;}
.theme-dark .weekly-mood-card{border-color:rgba(242,220,177,.09); background:rgba(255,255,255,.028);}
.theme-dark .weekly-mood-heading h3{color:#eadfce;}
.theme-dark .weekly-mood-heading p,.theme-dark .weekly-mood-heading>span,.theme-dark .weekly-mood-days,.theme-dark .weekly-mood-note{color:rgba(236,224,205,.55);}
.theme-dark .weekly-mood-point{fill:#171628;}
.theme-dark .history-calendar-nav button,.theme-dark .history-calendar-day{border-color:rgba(242,220,177,0.10); color:rgba(242,231,211,0.68); background:rgba(255,255,255,0.035);}
.theme-dark .history-calendar-nav strong{color:#eee2cf;}
.theme-dark .history-calendar-weekdays span,.theme-dark .history-calendar-legend{color:rgba(238,226,207,0.55);}
.theme-dark .history-calendar-day.selected{border-color:#cda55f; box-shadow:inset 0 0 0 1px #cda55f;}
.theme-dark .history-calendar-day.mood-sensitive{background:rgba(151,76,105,.28);}
.theme-dark .history-calendar-day.mood-vitality{background:rgba(166,104,47,.28);}
.theme-dark .history-calendar-day.mood-enjoyment{background:rgba(157,129,48,.28);}
.theme-dark .history-calendar-day.mood-gratitude{background:rgba(70,124,77,.28);}
.theme-dark .history-calendar-day.mood-rational{background:rgba(61,109,140,.28);}
.theme-dark .history-calendar-day.mood-anger{background:rgba(130,48,57,.34);}
.theme-dark .history-calendar-day.mood-worry{background:rgba(117,83,57,.32);}
.theme-dark .history-calendar-day.mood-detached{background:rgba(190,196,193,.13);}
.theme-dark .history-calendar-day.mood-immersed{background:rgba(76,96,112,.30);}
.theme-dark .history-calendar-day.mood-sad{background:rgba(48,51,57,.48);}
.theme-dark #subpageNav .question-mode-tabs-header button+button::before{background:rgba(245,240,255,.36)!important;}
.theme-dark #subpageNav .question-mode-tabs-header button.active{color:var(--topbar-active)!important;}
html.app-theme-dark.real-scene-root,html.app-theme-dark.real-scene-root body{background:#201329!important;}
.theme-dark .question-type-selector button{color:rgba(240,229,205,0.58);}
.theme-dark .question-type-selector button.active{color:#f1cb81;}
.theme-dark #view-journal #shareJournalButton{border-color:rgba(255,236,191,0.12)!important; color:rgba(248,240,222,0.86)!important; background:rgba(255,255,255,0.055)!important;}