:root{--bg:#251c38;--panel:#342749;--panel2:#47345e;--purple:#bda0df;--lilac:#e2cfee;--gold:#ead1a5;--text:#fcf5f1;--muted:#d0bddb;--soft:#b49fc5;--accent:#d1b2e7;--cream:#f5ebda;--ink:#3c294d;--line:#e9d5f222}
body{background:radial-gradient(ellipse at 88% 8%,#63467b4d,transparent 48%),radial-gradient(ellipse at 25% 70%,#8b658e1c,transparent 52%),var(--bg)}
.sidebar{background:linear-gradient(175deg,#332443f5,#20192ef7);border-right-color:#e9d5f21c}.sidebar .brand-name{color:var(--cream)}.nav-caption{margin-top:28px;color:#c2a8ce}.side-nav{min-height:0;overflow-y:auto;gap:3px}.nav-link{padding:10px 14px;color:#d5c2e2}.nav-link.active{background:linear-gradient(100deg,#f2e6d8,#dfcde8);color:#50365e;box-shadow:0 4px 20px #0001}.nav-link.active::before{background:var(--cream)}.sidebar-quote{flex-shrink:0}.user-mini{flex-shrink:0}.topbar{background:#291d3b85;backdrop-filter:blur(18px)}.topbar .badge{border-color:#e3cda74d;background:#e6cfb609}.btn-primary{background:linear-gradient(110deg,#f3e6d6,#ddc4ef);border-color:#f2e1e5;color:#392443;box-shadow:0 5px 18px #130d241f}.btn-primary:hover{background:#f7eada;border-color:#f8eedb}.btn-gold{border-color:#ead1a558;background:#f0dac009}.chip[aria-pressed=true]{background:#dbbcea25;color:#f1dfef;border-color:#d7b2e280}.profile-card,.tarot-settings{background:linear-gradient(135deg,#453052f5,#32253ff5);border-color:#ddbee832}.onboarding{background:radial-gradient(ellipse at 10% 30%,#ad89c838,transparent 60%),var(--bg)}.welcome-story h1 em{color:#f0dbc9}.welcome-story>p{color:#ddcce4}.insight,.chart-panel,.reading-main{background:linear-gradient(145deg,#453454,#31243f);border-color:#dfc7e72a}.history-item,.backup-panel{background:linear-gradient(135deg,#443050,#33253e)}.reading-main-inner .eyebrow{color:#ead2ad}.notice{border-color:#e8d1af3d;background:#ddc2a10d;color:#e6d5ee}.planet-table-wrap{background:#30243f}.evidence-grid strong{color:#f2d5ad}.home-reminder{background:#bda4d40b;border-color:#d7bde343}.mobile-nav{background:#2a1e3af2}.form-error{color:#ffd0d1}
/* A warm, immediately readable identity card */
.identity-card{color:var(--ink);background:radial-gradient(ellipse at 100% 0,#d2b8e579,transparent 60%),linear-gradient(125deg,#f7edde,#ecdeeb);border:1px solid #fff0df99;border-radius:18px;padding:26px 29px;margin-bottom:27px;box-shadow:0 12px 40px #100a1c18;position:relative;overflow:hidden}.identity-card::after{content:'✧';position:absolute;right:22px;top:10px;font-family:serif;font-size:120px;line-height:1;color:#b492be1a;pointer-events:none}.identity-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;position:relative;z-index:1}.identity-heading .eyebrow{color:#98724d;font-size:9px;letter-spacing:2px}.identity-heading h2{font-family:var(--serif);font-size:22px;margin:5px 0}.identity-heading p{font-size:12px;color:#765f80}.identity-heading .text-link{font-size:10px;color:#765386;white-space:nowrap}.identity-facts{display:grid;grid-template-columns:.7fr 1fr 1.1fr 1.2fr;gap:15px;margin-top:22px}.identity-facts>div{border-left:1px solid #ab8bbd3d;padding-left:19px}.identity-facts>div:first-child{border-left:0;padding-left:0}.identity-facts small{display:block;color:#8a6d96;font-size:10px}.identity-facts strong{display:block;font:500 23px/1.65 var(--serif);margin-top:3px;color:#4c2f60;overflow-wrap:anywhere}.identity-facts span{display:block;color:#977d9c;font-size:9px;margin-top:3px}.identity-note{font-size:10px;color:#7e658b;border-top:1px solid #a986b42b;margin-top:20px;padding-top:12px}
.cosmic-hero{background:radial-gradient(ellipse at 95% 12%,#dac9f587,transparent 55%),linear-gradient(110deg,#e8d7ed,#c7addc);border-color:#e5d1e99e;box-shadow:0 12px 50px #190c291b}.hero-copy{color:#3b2750}.hero-copy .eyebrow{color:#8b634a}.hero-copy h1 span{color:#77518b}.hero-copy p{color:#70587c}.hero-actions .btn-primary{background:#51335f;border-color:#51335f;color:#fff2e3}.hero-actions .btn-gold{color:#614673;border-color:#81688f70;background:#f8eede40}.orbit-caption{color:#684b82}.moon-orbits{opacity:.7}.star-mark{color:#84633f}.moon{box-shadow:0 0 45px #fff5e892,0 0 100px #f2dbec60,inset -13px -8px 22px #60417a60}
.paths{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.path-card{background:linear-gradient(135deg,#59416f,#3e2d54);border-color:#d2afd739;min-height:176px}.path-card:nth-child(2),.path-card:nth-child(4){background:linear-gradient(145deg,#d9c5e8,#bca1d1);color:#40274f;border-color:#ead8ed6b}.path-card:nth-child(5){background:linear-gradient(140deg,#f3e8d8,#e6d5df);color:#40274f;border-color:#f5e6d6}.path-card:nth-child(2) p,.path-card:nth-child(4) p,.path-card:nth-child(5) p{color:#735b7e}.path-card:nth-child(2)>.icon,.path-card:nth-child(4)>.icon,.path-card:nth-child(5)>.icon,.path-card:nth-child(2) .arrow,.path-card:nth-child(4) .arrow,.path-card:nth-child(5) .arrow{color:#765283}.path-card>.icon{margin-bottom:16px}.path-card p{margin-bottom:12px}.color-panel{background:linear-gradient(145deg,#f3e8d6,#e3d1e5);color:#483054;border-color:#f1dfd2}.color-panel .eyebrow{color:#967447}.color-panel>p,.color-line p,.color-panel .daily-accent{color:#7a6386}.color-panel .text-link{color:#705080}.color-panel .daily-accent{border-color:#9e7ba230}.color-line strong{color:#4b3258}.color-panel .color-swatch{box-shadow:inset 0 0 0 5px #fff3,0 0 0 1px #af8bac44}
/* Western astrology */
.western-method-strip{display:flex;align-items:center;gap:20px;background:#e8d4ed16;border:1px solid #d4b5e32b;border-radius:12px;padding:16px 20px;margin-bottom:23px}.western-method-strip>span{color:#ecd8b2;font-size:9px;letter-spacing:1.5px;white-space:nowrap}.western-method-strip p{font-size:11px;color:#d8c1e2}.western-method-strip .text-link{margin-left:auto;white-space:nowrap;font-size:10px}.western-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-bottom:25px}.western-sign-card{background:linear-gradient(150deg,#efdfed,#d1b9e1);color:#4a2f5c;border:1px solid #ecdaef70;border-radius:15px;padding:25px}.western-sign-card:nth-child(2){background:linear-gradient(145deg,#5d4378,#3e2b56);color:#faefdf;border-color:#d4b3e43d}.western-sign-card:nth-child(3){background:linear-gradient(150deg,#f7ecdc,#e9dbe8)}.zodiac-glyph{font:42px serif;color:#95689c;margin-bottom:17px}.western-sign-card:nth-child(2) .zodiac-glyph{color:#ecd3ae}.western-sign-card>small{font-size:10px;display:block;opacity:.8}.western-sign-card h2{font:500 29px var(--serif);margin:9px 0}.western-sign-card>span{font-size:10px;opacity:.7}.western-sign-card p{font-size:12px;line-height:2;margin-top:17px;opacity:.8}.western-today{margin-top:32px}.western-today .section-title{align-items:center}.western-today .eyebrow{font-size:9px;margin-bottom:5px}.western-reading{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;border:1px solid #d9b9e632;border-radius:14px;background:#48325566;padding:28px;margin-top:20px}.western-reading h2{font:23px var(--serif);margin:0 0 16px}.western-reading p{font-size:12px;line-height:2;color:#decbe7}.western-reading small{display:block;color:#b9a0ca;font-size:10px;margin-top:15px}.western-transits{border-left:1px solid var(--line);padding-left:27px}.western-transits h3{font-size:13px;margin-bottom:15px;color:#e7cda8}.western-transits p{margin-top:15px;font-size:11px}.western-transits strong{font-size:11px;display:block;font-weight:500;color:#f1e2f1}.western-transits small{margin:3px 0 7px;color:#bda4ce}.western-aspects{margin-top:30px}.western-aspects>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.western-aspects article{padding:20px;background:#d4b1e30d;border:1px solid #c5a0df2b;border-radius:11px}.western-aspects strong{display:block;font-size:12px;font-weight:500;color:#ead3ac}.western-aspects small{font-size:10px;color:#bba2cb}.western-aspects p{font-size:11px;color:#cbb5da;margin-top:12px}.western-explanation{font-size:11px;border-top:1px solid var(--line);margin-top:27px;padding-top:20px;color:#c9b3d5}.western-explanation summary{color:#ead3b6;cursor:pointer}.western-explanation p{margin:15px 0;line-height:2}.western-explanation a{text-decoration:underline;color:#e4cfec}
/* Wallpaper studio */
.wallpaper-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(310px,1.06fr);gap:28px;align-items:start}.wallpaper-controls{padding:27px;background:linear-gradient(145deg,#f4e9dc,#e5d5eb);color:#53385f;border:1px solid #fff1e291;border-radius:16px}.wallpaper-controls fieldset{border:0;padding:0 0 23px;margin:0 0 23px;border-bottom:1px solid #aa8aaf30;min-width:0}.wallpaper-controls fieldset:last-of-type{padding-bottom:0;margin-bottom:23px;border-bottom:0}.wallpaper-controls legend{font-size:13px;font-weight:500;margin-bottom:15px;padding:0}.wallpaper-controls legend b{font:italic 20px 'Cormorant Garamond',serif;color:#a67e74;padding-right:8px}.wallpaper-size-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice-option{display:flex;gap:8px;align-items:start;border:1px solid #a081ad3d;background:#fff8f22b;border-radius:9px;padding:11px;cursor:pointer;min-width:0}.choice-option:has(input:checked){border-color:#9d74b1;background:#d7bee554;box-shadow:inset 0 0 0 1px #af89c140}.choice-option input,.theme-choice input{min-height:15px;height:15px;width:15px;accent-color:#886096;flex-shrink:0;box-shadow:none;padding:0;margin:3px 0 0}.choice-option>span{font-size:10px;line-height:1.8}.choice-option small{display:block;font-size:9px;color:#957ca0}.wallpaper-theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.theme-choice{cursor:pointer}.theme-choice input{position:absolute;opacity:0;width:1px;height:1px}.theme-choice span{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:10px;padding:9px 5px;border-radius:9px;border:1px solid #aa87b338;background:#ffffff1f}.theme-choice input:checked+span{border-color:#9b72ae;background:#d4b9e53d;box-shadow:inset 0 0 0 1px #b592c14d}.theme-choice input:focus-visible+span{outline:2px solid #866092;outline-offset:3px}.theme-choice i{width:100%;height:43px;border-radius:6px;display:block}.wallpaper-category-options{display:flex;gap:8px;margin-bottom:13px}.wallpaper-category-options .choice-option{flex:1}.wallpaper-controls .studio-label{font-size:11px;display:block;margin:16px 0 8px}.wallpaper-controls input[type=number],.wallpaper-controls select,.wallpaper-controls textarea{background:#fff9f75c;color:#55375f;border-color:#aa8bb351;font-size:11px}.wallpaper-controls textarea{line-height:1.9;min-height:98px}.wallpaper-controls option{color:#51355d;background:#f4e9ed}.wallpaper-controls input::placeholder,.wallpaper-controls textarea::placeholder{color:#a88db0}.wallpaper-controls .check-label{color:#795d85;font-size:11px;margin:12px 0}.wallpaper-controls .check-label input{accent-color:#9564a7}.wallpaper-controls .btn-primary{background:#69477c;border-color:#69477c;color:#fff2df;width:100%}.studio-help{font-size:10px;line-height:1.9;color:#987e9f;display:block;margin-top:8px}.wallpaper-controls>.studio-help{text-align:center}.wallpaper-controls .form-error{color:#a04462;font-size:11px;margin-bottom:10px}.custom-dimensions{display:flex;align-items:center;gap:10px;margin-top:14px}.custom-dimensions[hidden]{display:none}.custom-dimensions label{font-size:10px;flex:1}.custom-dimensions input{margin-top:5px}.wallpaper-preview-panel{background:radial-gradient(ellipse at 90% 8%,#8c659e44,transparent 70%),linear-gradient(140deg,#483159,#2c203d);border:1px solid #d0acdf36;border-radius:17px;padding:25px;position:sticky;top:18px}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.preview-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.preview-heading h2{font:19px var(--serif);margin-top:5px;color:#f2dfce}.preview-heading>span{font:35px serif;color:#d9bd95}.wallpaper-stage{display:flex;justify-content:center;align-items:center;min-height:390px;padding:20px;background:radial-gradient(ellipse,#a27fb53b,transparent 67%);border:1px dashed #ba95ce30;border-radius:12px}.wallpaper-stage canvas{display:block;max-width:100%;width:auto;height:auto;max-height:540px;border:1px solid #faeade65;border-radius:13px;box-shadow:0 14px 45px #140a2660}.wallpaper-stage.landscape-preview{min-height:300px}.wallpaper-stage.landscape-preview canvas{max-width:100%;height:auto;max-height:none}.wallpaper-loading{font-size:12px;color:#d0b6dc}.wallpaper-status{font-size:10px;text-align:center;color:#dec8e4;margin:16px 0}.wallpaper-download-actions{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.wallpaper-download-actions .btn{font-size:11px;min-height:41px}.wallpaper-download-actions .text-link{font-size:10px}.wallpaper-preview-panel>.studio-help{text-align:center;color:#bba1cb;margin-top:17px}
@media(max-height:850px) and (min-width:651px){.sidebar-quote{display:none}.side-nav{flex:1;margin-bottom:18px}.sidebar{padding-top:28px}.nav-caption{margin-top:25px}.user-mini{margin-top:auto}}
@media(min-width:1450px){.wallpaper-preview-panel{padding:30px}.wallpaper-stage{min-height:540px}.wallpaper-stage canvas{max-height:600px}}
@media(max-width:1100px){.identity-card{padding:23px}.identity-facts{gap:12px}.identity-facts strong{font-size:21px}.identity-facts>div{padding-left:13px}.wallpaper-layout{grid-template-columns:1fr 1fr;gap:20px}.wallpaper-controls{padding:22px}.wallpaper-preview-panel{padding:20px}.wallpaper-size-options{grid-template-columns:1fr}.western-trio{gap:13px}.western-sign-card{padding:21px}.western-method-strip{flex-wrap:wrap;gap:10px}.western-method-strip .text-link{margin-left:0}.western-reading{gap:22px;padding:23px}}
@media(max-width:850px){.identity-facts{grid-template-columns:1fr 1fr;gap:20px}.identity-facts>div:nth-child(3){border-left:0;padding-left:0}.identity-facts>div:nth-child(2){border-left:1px solid #ab8bbd3d;padding-left:18px}.western-trio{grid-template-columns:1fr}.western-sign-card{display:grid;grid-template-columns:45px 1fr;gap:0 14px}.zodiac-glyph{grid-row:1/5;font-size:35px}.western-sign-card h2{font-size:25px;margin:6px 0}.western-sign-card p{grid-column:1/-1;margin-top:13px}.western-reading{grid-template-columns:1fr}.western-transits{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.western-aspects>div:last-child{grid-template-columns:1fr 1fr}.wallpaper-layout{grid-template-columns:1fr}.wallpaper-preview-panel{position:static}.wallpaper-size-options{grid-template-columns:1fr 1fr}.wallpaper-stage canvas{max-height:520px}}
@media(max-width:650px){.mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr));padding-left:3px;padding-right:3px}.mobile-nav a{font-size:8px;gap:4px}.mobile-nav .icon{width:19px;height:19px}.identity-card{padding:21px;border-radius:14px;margin-bottom:22px}.identity-heading{gap:10px}.identity-heading h2{font-size:18px;max-width:240px}.identity-heading p{font-size:10px}.identity-heading .text-link{font-size:9px;white-space:normal;min-width:54px}.identity-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.identity-facts strong{font-size:20px}.identity-facts small{font-size:9px}.identity-facts span{font-size:8px}.identity-facts{margin-top:21px;gap:18px 12px}.identity-card::after{font-size:85px;right:12px;top:15px}.hero-copy{background:none}.hero-copy h1 span{color:#785088}.hero-copy h1{font-size:26px}.hero-copy p{color:#6e527b}.cosmic-hero{min-height:315px}.paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.path-card{min-height:163px;padding:20px 17px}.path-card>.icon{margin-bottom:16px}.path-card h3{font-size:13px}.path-card p{font-size:10px}.western-method-strip{padding:16px}.western-method-strip p{font-size:10px}.western-trio{gap:14px}.western-sign-card{padding:22px}.western-today .section-title{align-items:start;gap:15px;flex-direction:column}.western-today h2{font-size:19px}.western-reading{padding:22px}.western-reading h2{font-size:21px}.western-reading p{font-size:11px}.western-aspects>div:last-child{grid-template-columns:1fr}.western-explanation{font-size:10px}.wallpaper-controls{padding:23px 20px}.wallpaper-layout{gap:22px}.wallpaper-preview-panel{padding:21px 17px}.wallpaper-size-options{gap:8px}.choice-option{padding:10px 8px}.choice-option>span{font-size:10px}.wallpaper-stage{min-height:370px;padding:16px}.wallpaper-stage canvas{max-height:490px}.wallpaper-theme-options{gap:7px}.wallpaper-category-options{gap:6px}.wallpaper-controls legend{font-size:12px}.preview-heading h2{font-size:17px}.wallpaper-download-actions{gap:11px}.wallpaper-preview-panel>.studio-help{font-size:9px}.color-panel .color-line{grid-column:2;grid-row:1/3}.color-panel .daily-accent{color:#7a6386}}
@media(max-width:370px){.identity-card{padding:19px}.identity-heading h2{font-size:16px}.identity-facts strong{font-size:18px}.wallpaper-category-options .choice-option{gap:5px}.choice-option input{width:13px;height:13px;min-height:13px}.color-panel .color-line{grid-column:1;grid-row:auto}}
.wallpaper-controls{color-scheme:light}
.identity-facts small{color:#765782}.identity-facts span{color:#80638b}.wallpaper-controls .studio-help,.wallpaper-controls .choice-option small{color:#7b6085}
