:root{color-scheme:dark;--ink:#f5f1e8;--muted:#b7bac7;--gold:#e0c58a;--gold-strong:#f0d79d;--line:#e1ce9a24;--surface:#171d30;--surface-raised:#1c2338;--accent:#a9a6e8;--radius:22px;--shadow:0 22px 70px #03061155}
html{scroll-padding-top:110px;scrollbar-color:#58516e #101423}
body{background:radial-gradient(ellipse at 50% -18%,#34314c 0,transparent 48%),#101423;color:var(--ink);letter-spacing:-.01em}
.sky{height:900px;opacity:.72;mask-image:linear-gradient(#000 35%,transparent 100%)}
.wrap{max-width:1240px}
.header{position:sticky;top:0;z-index:15;height:84px;padding-inline:30px;background:#111625d9;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #e0c58a55;border-radius:16px;background:linear-gradient(145deg,#e0c58a20,#a9a6e812);box-shadow:inset 0 1px #ffffff15;color:var(--gold-strong)}
.brand small{color:var(--muted);font-size:10px}.header nav{gap:8px}.nav-link{border:1px solid transparent;border-radius:999px;padding:9px 13px;color:#c8c8d1;transition:.2s}.nav-link:hover,.nav-link.active{background:#ffffff0a;border-color:var(--line);color:var(--gold-strong)}
.outline,.text-link{transition:background .2s,border-color .2s,color .2s,transform .2s}.outline{border-color:#d8c18a52;background:#ffffff04;border-radius:12px}.outline:hover{background:#e0c58a12;border-color:#e0c58a9c;color:var(--gold-strong)}
.primary{background:linear-gradient(135deg,#f0d79d,#c8a767);border-radius:12px;box-shadow:0 8px 24px #c29f4c1d;color:#24202a}.primary:hover{background:linear-gradient(135deg,#f7e4b6,#dfbd78);transform:translateY(-1px)}
.hero{min-height:500px;margin-top:22px;padding:48px 55px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(ellipse at 78% 20%,#aaa5ea12,transparent 40%),linear-gradient(125deg,#1c2338ed,#151a2bea);box-shadow:var(--shadow);overflow:hidden}.hero h1{font-size:clamp(39px,6vw,70px);line-height:1.36;letter-spacing:-.045em}.hero h1 span{color:var(--gold-strong);text-shadow:0 0 45px #e3c78638}.hero p{font-size:16px;color:#c8c8d1}.hero .text-link{display:inline-flex;gap:10px;margin-top:12px;color:var(--gold-strong)}
.celestial{transform:scale(1.06)}.moon{box-shadow:0 0 90px #dfc17a37,0 0 170px #a9a6e815}.orbit{border-color:#dbc58a24}.planet{background:radial-gradient(circle at 30% 25%,#e5d3a4,#9f8ac9 58%,#55496a);box-shadow:0 8px 45px #a293ce40}
.section-top{margin:34px 0 21px}.section-top h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.025em}.eyebrow{letter-spacing:0}.pill{border-color:var(--line);background:#ffffff05;color:#d5d2c8}.panel{border-color:var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#1b2236ed,#151a2bed);box-shadow:0 10px 32px #03061120}.picker,.reading{padding:30px}.picker{align-self:stretch}.month{border:1px solid transparent;border-radius:12px;background:#ffffff05;transition:.2s}.month:hover{border-color:#e0c58a61;background:#e0c58a0d}.month.selected{border-color:#e0c58ab3;background:linear-gradient(145deg,#e0c58a20,#e0c58a0a);box-shadow:0 0 0 2px #e0c58a14;color:var(--gold-strong)}
input,select,textarea{border:1px solid #d9d7e12b!important;border-radius:12px!important;background:#101525!important;color:var(--ink)!important;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#e0c58a99!important;box-shadow:0 0 0 3px #e0c58a14;outline:0}.reading{min-height:530px;background:radial-gradient(ellipse at 50% 0,#dfc17a0b,transparent 42%),linear-gradient(145deg,#1a2033,#141a2a)}.reading-empty{margin:auto}.reading-top{padding-bottom:14px;border-bottom:1px solid var(--line)}.sign-badge{display:grid;place-items:center;width:46px;height:46px;border:1px solid #e0c58a4d;border-radius:16px;background:#e0c58a0d;color:var(--gold-strong)}.result-heading{font-size:25px}.result-intro{font-size:15px;color:#dedbe3}.reading-note,.reading-notes .reading-note{border-color:var(--line);border-radius:16px;background:#ffffff04}.quote{border-color:#e0c58a35;background:linear-gradient(100deg,#e0c58a0d,#a9a6e80a);border-radius:15px}.stat{border-radius:999px;background:#ffffff07;color:#d7d4dc}.reading-footer{border-top-color:var(--line);color:#9fa3b3}
.daily-tools{display:grid;grid-template-columns:.8fr 1.5fr;gap:16px;margin-top:18px}.streak-card,.reminder-card{display:flex;align-items:flex-start;gap:16px;padding:22px 24px}.tool-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #e0c58a47;border-radius:15px;background:#e0c58a0c;color:var(--gold-strong);font-size:19px}.streak-card small,.reminder-copy>small{color:var(--muted)}.streak-card strong{display:block;margin:3px 0;color:var(--gold-strong);font-size:19px}.streak-card p,.reminder-card p{margin:4px 0 0;color:#bfc1cc;font-size:12px}.reminder-copy{flex:1}.reminder-copy h3{margin:0;font-size:17px}.reminder-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 7px}.reminder-controls label{font-size:12px;color:#c5c4ce}.reminder-controls input{width:130px;padding:7px 10px}.reminder-controls button{padding:8px 14px}.reminder-copy>small{font-size:10px}
.discovery{margin-top:70px}.feature-grid{gap:15px}.feature-card{min-height:220px;padding:26px;border-color:var(--line);border-radius:20px;background:linear-gradient(150deg,#1b2236,#151a2b);transition:transform .25s,border-color .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-4px);border-color:#ddc58765;box-shadow:0 18px 40px #05071055}.feature-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:16px;background:#e0c58a0b;color:var(--gold-strong)}.tag{color:#c9b67e}.feature-card h3{font-size:17px}.feature-card p{color:var(--muted)}
.group-panel{border-radius:26px;overflow:hidden}.group-challenge{background:radial-gradient(ellipse at 50% 0,#a8a5e817,transparent 65%),#ffffff02}.group-setup,.room-form{border-color:var(--line);border-radius:18px;background:#1015258c}.online-room-panel,.friend-profile-panel,.calendar-panel,.heritage-panel,.chart-lesson,.sky-stories,.symbol-guide,.journal-intro{padding:26px}.calendar-event{grid-template-columns:112px 1fr;border-color:var(--line);border-radius:14px;background:#111727}.calendar-event a{color:var(--gold-strong);font-size:11px}.calendar-count{color:var(--gold-strong)}
.persona-card,.library-card,.zodiac-card,.journal-entry{border-color:var(--line);border-radius:18px;background:linear-gradient(145deg,#1c2338,#151a2b)}.persona-card{transition:transform .22s,border-color .22s,box-shadow .22s}.persona-card:hover{transform:translateY(-3px);border-color:#e0c58a65;box-shadow:0 18px 38px #03061155}.persona-icon{box-shadow:inset 0 0 25px #e0c58a0c}.chat-panel{padding:24px}.chat-messages{border-color:var(--line);border-radius:18px;background:#101525}.chat-message{border-radius:16px}.chat-message.assistant{background:#ffffff08}.chat-message.user{background:#e0c58a16}.voice-button{border-color:var(--line);border-radius:999px}
.journal-tools{display:flex;gap:10px;align-items:center}.journal-search-wrap{display:grid;gap:8px;max-width:450px;margin:22px 0 16px;color:#d3d0c7;font-size:12px}.journal-search-wrap input{padding:12px 14px}.journal-entry{padding:22px}.journal-entry h3{font-size:18px}.journal-entry p{color:#d0ced8}
.seo-hub-card{border-color:var(--line);border-radius:16px;background:linear-gradient(145deg,#1b2236,#151a2b);transition:transform .2s,border-color .2s}.seo-hub-card:hover{transform:translateY(-2px);border-color:#dfc17a66}.seo-hub-card strong{color:#f3e4bd}.seo-hub-card span{color:var(--muted)}.seo-month-grid .seo-hub-card{background:#ffffff04}
.manifesto{margin:62px 0;padding:24px;border-block:1px solid var(--line)}.manifesto p{font-size:17px}.footer{margin-top:30px}.footer p{color:var(--muted)}.footer .brand{color:var(--gold-strong)}
#info-dialog{max-width:min(600px,calc(100vw - 28px));border:1px solid #e0c58a55;border-radius:22px;background:#171d30;color:var(--ink);box-shadow:0 30px 90px #0009;padding:30px}#info-dialog::backdrop{background:#050711bb;backdrop-filter:blur(5px)}.dialog-close{border-radius:50%;background:#ffffff08;color:var(--ink)}#card-preview{display:block;width:min(100%,270px);max-height:45vh;object-fit:contain;margin:20px auto;border:1px solid var(--line);border-radius:14px}.toast{border:1px solid #f1d99e77;background:#f0d79d;color:#262331;box-shadow:0 14px 45px #0007;border-radius:14px}
.mobile-nav{border-top:1px solid var(--line);background:#111625ed;backdrop-filter:blur(18px)}.mobile-nav button{color:#b7bac7}.mobile-nav button.active{color:var(--gold-strong)}.mobile-nav button.active span{filter:drop-shadow(0 0 8px #dfc17a80)}
@media(max-width:900px){.wrap{padding-inline:22px}.header{padding-inline:22px}.hero{padding:36px;min-height:440px}.experience-grid{grid-template-columns:330px 1fr}.picker,.reading{padding:23px}.daily-tools{grid-template-columns:1fr 1.5fr}}
@media(max-width:700px){html{scroll-padding-top:20px}.wrap{padding-inline:15px}.header{position:relative;height:76px;padding-inline:15px}.header nav{display:none}.header .brand{margin-left:auto}.hero{min-height:0;grid-template-columns:1fr;padding:28px 23px 10px;margin-top:14px;border-radius:25px}.hero-copy{z-index:1}.hero h1{font-size:42px}.hero p{font-size:14px}.celestial{min-height:235px;margin-top:-30px;transform:scale(.8)}.section-top{margin:28px 0 16px}.section-top .pill{display:none}.experience-grid{grid-template-columns:1fr;gap:14px}.picker,.reading{padding:22px}.reading{min-height:450px}.months{grid-template-columns:repeat(4,minmax(0,1fr))}.daily-tools{grid-template-columns:1fr}.streak-card,.reminder-card{padding:18px}.reminder-controls{gap:8px}.reminder-controls label{width:100%}.reminder-controls input{flex:1}.group-panel{border-radius:20px}.online-room-panel,.friend-profile-panel,.calendar-panel,.heritage-panel,.chart-lesson,.sky-stories,.symbol-guide,.journal-intro{padding:19px}.journal-tools{flex-wrap:wrap;justify-content:flex-end}.journal-tools button{font-size:11px}.journal-search-wrap{max-width:none}.discovery{margin-top:45px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-card{min-height:205px;padding:17px 15px}.feature-card h3{font-size:15px}.feature-card p{font-size:11px}.feature-icon{width:40px;height:40px}.seo-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.seo-hub-grid{grid-template-columns:1fr 1fr}.footer{padding-bottom:94px}.mobile-nav{display:flex;position:fixed;z-index:16;right:10px;left:10px;bottom:max(10px,env(safe-area-inset-bottom));height:66px;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 36px #0009}.toast{bottom:90px;width:calc(100% - 30px);min-width:0}.calendar-event{grid-template-columns:1fr;gap:3px}}
@media(max-width:390px){.hero h1{font-size:36px}.feature-card{min-height:218px}.seo-hub-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media(max-width:700px){.hero{min-height:0;padding-bottom:0}.celestial{position:relative;inset:auto;width:100%;height:205px;min-height:205px;margin:-2px auto 0;transform:scale(.72);transform-origin:center center;opacity:1}}