/* DIDA: celestial depth within an airy artist's journal. */
:root{--bg:#eef2f8;--panel:#f8faff;--line:#cad3e5;--text:#31466a;--muted:#61738c;--gold:#426eaa}
body{background:var(--bg)}aside{background:#f4f6fbbb;border-bottom-color:#c9d4e6}.brand-mark{color:#395e9a}nav button.active{background:#365e96}.page-heading{padding-top:22px;padding-bottom:27px}.home-edition{border-top-color:#8da4c9;color:#697f9e}#home>.page-heading h1{font-size:39px;line-height:1.4}#home>.page-heading h1 br{display:none}#home .greeting-label{font-size:29px;margin-right:8px}.greeting-mark{color:#b187b0;font-size:65px}.top-grid{grid-template-columns:minmax(0,1.8fr) minmax(275px,1fr);gap:23px;border:0;align-items:stretch}.universe{isolation:isolate;overflow:hidden;padding:29px 32px 0;background:#192c4b;border:1px solid #6f83a255;border-radius:18px;color:#f2f6ff;box-shadow:0 13px 32px #24437616}.universe .sea-art{opacity:.76;mix-blend-mode:normal;object-fit:cover;object-position:48% 55%;z-index:-2}.universe:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#1527475c 0%,#223e6070 49%,#102240e8 100%);z-index:-1;pointer-events:none}.universe h2{color:#f5f7ff;font-size:29px}.universe .eyebrow{color:#c0d5ef;font-size:12px;letter-spacing:2px}.universe .tag{color:#dee8fb;background:#11203c66;border:1px solid #c1d4ed45;border-radius:30px;padding:5px 12px;backdrop-filter:blur(8px)}.chart-body{min-height:305px;gap:20px}.wheel-wrap{width:57%;padding:0;filter:drop-shadow(0 0 15px #b9d5ff33)}.wheel-wrap svg{background:#132a474f;backdrop-filter:blur(2px);border:1px solid #d0e0ff40;border-radius:50%}.wheel-wrap svg circle[fill='none']{stroke:#d0dfff;opacity:.7}.wheel-wrap svg line{stroke:#c0dbff;opacity:.48}.wheel-wrap svg text{fill:#eef3ff}.wheel-wrap svg circle:not([fill='none']){fill:#f0ceea}.placements h3{color:#f5f7ff;font-size:23px}.placements small{color:#c5d6ee;font-size:12px}.placements em{color:#bfceea}.planet{color:#e9d6f5}.universe .text-btn{color:#e5ecff;border-bottom:1px solid #afc2e677;padding-bottom:5px;font-size:14px}.universe footer{border-top-color:#c0d6f63d;color:#cbd8ed;padding-bottom:18px;font-size:12px}.insight{isolation:isolate;overflow:hidden;border:1px solid #d2d9e7;border-radius:4px 4px 48px 4px;background:#f4f4ef;padding:31px 29px;box-shadow:none}.insight .canvas-art{opacity:.27;mix-blend-mode:multiply;object-fit:cover;object-position:55% 46%;width:170%;max-width:none;left:-36%;height:100%;z-index:-2}.insight:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#f8f7f2b5,#eef3f766 70%);z-index:-1;pointer-events:none}.insight>.eyebrow{color:#70849d;letter-spacing:1.5px;font-size:12px}.insight>.tag{color:#637b99;margin:26px 0 13px}.insight h2{color:#405c83;font-size:32px;line-height:1.7}.insight h2 em{color:#8680a4}.insight p{color:#5f7389}.insight-bottom{border-color:#b9c9d3}.insight-bottom>span{color:#58779b}.insight-bottom button{background:#f7fbff88;border-color:#a3b9d3;color:#456992}.quick-launch{margin-top:23px;border-top:1px solid #c5d0e3}.quick-launch button{padding-top:22px;padding-bottom:22px}.explore{border:1px solid #d1dced;border-radius:6px;background:#e2eaf5}.love-entry{background:#e5d6e9;isolation:isolate;border-color:#d4c0da}.love-swatch{inset:auto -20px auto auto;top:50%;width:245px;height:245px;border-radius:50%;object-fit:cover;object-position:center;opacity:.24;mix-blend-mode:screen;transform:translateY(-50%) scale(1.15);z-index:-2}.love-entry:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e8daec 5%,#e8daecbb 55%,#eee0ee44);z-index:-1;pointer-events:none}.love-entry h3{color:#855d85}.love-entry p,.love-entry small{color:#7c6881}.love-entry .feature-icon{color:#90628d;background:#d8c1de}.love-entry .text-btn{color:#865789}.feature-icon{border-radius:50%}.chat-strip{background:#e5eaf5;border:1px solid #d0daeb;padding:25px 24px;border-radius:6px}.ai-mark{background:#ccd8ec;color:#4e6aa0}.detail{border-color:#ced8e9;background:#f8faff}.primary{background:#446da4;border-color:#446da4}.primary:hover{background:#365a8e}.daily-grid .detail:nth-child(n){background:#f7f9fc;position:relative;isolation:isolate;overflow:hidden;border:1px solid #d2dce8;padding:25px;border-radius:4px}.daily-grid .detail:nth-child(4n+1){background:#eaf0f5}.daily-grid .detail:nth-child(4n+2){background:#ebedf6}.daily-grid .detail:nth-child(4n+3){background:#f0e7ef}.daily-grid .detail:nth-child(4n){background:#eaf0ec}.daily-grid .detail:nth-child(1):before,.daily-grid .detail:nth-child(5):before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f7fafbde,#f7fafbaf),url('assets/paint-studio.jpeg') 50% 45%/cover;z-index:-1;opacity:.55}.daily-grid{gap:20px}.daily-grid h2{font-size:25px}.chatbox{overflow:hidden;position:relative;background:#eff4fb;border-radius:10px;border:1px solid #c7d5e7;padding-top:0}.chat-galaxy{position:relative;height:140px;margin:0 -30px 26px;overflow:hidden;background:#294366}.chat-galaxy img{position:absolute;left:0;top:50%;width:100%;height:450%;object-fit:cover;object-position:50% 56%;transform:translateY(-50%);opacity:.7}.chat-galaxy:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#eff4fb,#36598212 72%);pointer-events:none}.message>div{background:#fff;color:#486185;box-shadow:0 4px 16px #38578306}.message.user>div{background:#dce5f6;color:#4d6592}.message>span{color:#7785b2}.module-list button.active{background:#dfe7f7}.module-list button:nth-child(3).active{background:#e8d7ea}.love-module{background:#f3e9f4}.love-module h2,.love-module h3{color:#86628b}
/* The spiral becomes a framed, soft pink window into the relationship chapter. */
body[data-current-view='relation']{background:#f2eff7;--line:#d7c9df;--muted:#82748c}.love-heading{grid-template-columns:1fr 255px;gap:44px}.love-heading h1{color:#78577f}.love-heading p{color:#89758e}.love-art{transform:none;margin:0;align-self:center}.galaxy-window{width:225px;height:225px;border-radius:50%;overflow:hidden;position:relative;border:1px solid #b49cc7;box-shadow:0 0 0 13px #e7e2f2,0 0 0 14px #d2c4e0,0 12px 38px #75619525;margin:15px auto 25px}.galaxy-window img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.17);filter:saturate(.7) brightness(1.08);border-radius:50%}.love-art figcaption{font-size:12px;line-height:1.8;color:#88749a;text-align:center;letter-spacing:1px}.love-form{background:linear-gradient(115deg,#eddfeb,#e4ddf1);border:1px solid #d8c5df;border-radius:10px}.love-form-heading h2{color:#7d5884}.love-form-heading .eyebrow{color:#917397}.love-form .person-circle{background:#dbc4e0;color:#8b6293;border:1px solid #bf9fc9}.love-form .second{background:#d3d9ef;color:#6d78a1;border-color:#b0bddd}.love-form .pair>.gold{color:#a37ba5}.love-form .primary{background:#906b9e;border-color:#906b9e}.love-form input,.love-form select{background:#faf5fc;border-color:#cdb5d7;color:#795584}.love-form label{color:#896b91}#relationResult{background:#faf5fc;border-color:#dbcce3;border-radius:6px}#relationResult .three>div{padding:20px;background:#efdfef;border:0;border-radius:3px}#relationResult .three>div:nth-child(2){background:#e3e8f6}#relationResult .three>div:nth-child(3){background:#eae0f1}#relationResult h2,#relationResult h3{color:#845f8d}#relationResult p{color:#7b6d87}
@media(min-width:1500px){.chart-body{min-height:330px}.insight h2{font-size:35px}}
@media(max-width:1100px){.top-grid{grid-template-columns:1.45fr 1fr;gap:20px}.chart-body{min-height:300px}.insight{padding:28px 25px}.insight h2{font-size:29px}.wheel-wrap{width:78%;max-width:265px}.placements h3{font-size:19px}.placements .text-btn{padding-bottom:4px}.universe{padding-left:25px;padding-right:25px}.love-heading{grid-template-columns:1fr 235px}.galaxy-window{width:200px;height:200px}}
@media(max-width:760px){aside{background:#edf2fbf5}.top-grid{grid-template-columns:1fr;gap:21px}#home>.page-heading h1{font-size:31px;line-height:1.5}#home>.page-heading h1 br{display:block}#home .greeting-label{font-size:24px}.page-heading{padding-top:23px;padding-bottom:26px}.universe{padding:25px 20px 0;border-radius:13px}.universe h2{font-size:26px}.universe .eyebrow{font-size:11px;letter-spacing:1px}.universe .tag{font-size:11px;padding:4px 9px}.chart-body{min-height:240px;gap:12px}.wheel-wrap{width:54%;max-width:none}.placements h3{font-size:20px}.placements small{font-size:12px}.universe .text-btn{font-size:12px}.universe footer{font-size:12px}.universe:after{background:linear-gradient(100deg,#14264455,#193355c9)}.insight{border-radius:3px 3px 38px 3px;padding:28px 26px;min-height:310px}.insight h2{font-size:32px}.insight .canvas-art{opacity:.25;width:185%;left:-42%}.insight>.eyebrow{font-size:12px}.quick-launch{margin-top:23px}.explore{min-height:185px}.love-swatch{width:220px;height:220px;right:-35px}.chat-strip{padding:23px 20px}.daily-grid{gap:17px}.daily-grid .detail:nth-child(n){padding:24px 22px}.daily-grid h2{font-size:24px}.chatbox{padding-top:0}.chat-galaxy{height:105px;margin:0 -19px 16px}.chat-galaxy img{height:600%}.love-heading{grid-template-columns:minmax(0,1fr) 95px;gap:20px}.love-heading h1{font-size:29px}.love-art{display:block}.galaxy-window{width:90px;height:90px;box-shadow:0 0 0 6px #e4dff1,0 0 0 7px #d0c2df,0 8px 20px #75619518;margin:10px auto 17px}.love-art figcaption{font-size:12px;line-height:1.6;letter-spacing:0}.love-form{padding:26px 21px;border-radius:8px}.love-form .person-circle{width:70px;height:70px}.love-form .pair{gap:20px}#relationResult .three{gap:15px}#relationResult .three>div{padding:21px}}
@media(max-width:370px){.chart-body{flex-direction:column}.wheel-wrap{width:80%;max-width:240px}.placements{margin-top:16px}.placements h3{font-size:16px}.placements .text-btn{margin-bottom:16px}.love-heading{grid-template-columns:1fr 75px;gap:15px}.galaxy-window{width:70px;height:70px}.love-heading h1{font-size:25px}.love-art figcaption{font-size:12px}.home-edition span:last-child{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.universe .sea-art{animation:nebula-settle 3.5s ease-out both}.galaxy-window img{transition:transform 1.4s ease,filter 1.4s ease}.love-art:hover .galaxy-window img{transform:scale(1.21) rotate(4deg);filter:saturate(.85) brightness(1.1)}@keyframes nebula-settle{from{transform:scale(1.045);opacity:.55}to{transform:scale(1);opacity:.76}}}