/* DIDA — mist blue, cobalt ink, a rose chapter. */
:root{--bg:#edf2f7;--panel:#f8fafc;--line:#c6d1df;--text:#243c62;--muted:#566983;--gold:#254e91;--serif:Georgia,'Songti SC','STSong','Noto Serif CJK SC',serif;color-scheme:light}
body{background:var(--bg);color:var(--text)}button:hover{box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#245499}p{color:var(--muted)}
aside{position:relative;inset:auto;width:100%;height:102px;padding:0 max(5vw,24px);background:transparent;border:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.brand{padding:0;gap:16px}.brand-mark{font:italic 62px/1 Georgia;letter-spacing:-6px;color:#1d4e98}.brand-name{font:26px/1.25 var(--serif);color:#214c87;letter-spacing:5px}.brand small{font-size:9px;letter-spacing:1.7px;color:#687c96;line-height:2.6}.sidebar-bottom{display:none}nav{display:flex;gap:8px;margin:0}nav button{font-size:0;gap:0;padding:13px 17px;border-radius:30px;color:#5a6c85}nav button .nav-full{font-size:14px;letter-spacing:0}nav button.active{background:#244f91;color:#fff;box-shadow:none}nav button:hover{background:#d6e2ef}nav button.active:hover{background:#1b427d}
main{margin:0 auto;padding:0 32px;max-width:1310px}header{height:65px;border:0}.breadcrumb{font-size:12px;color:#6b7c94}.breadcrumb b{color:#334e75}.breadcrumb span{color:#94a4b8}.demo{background:transparent;border-color:#b7c5d8;color:#637a9b;font-size:12px}.avatar{background:#d9dfec;color:#4b6690;font-size:16px}.home-edition{display:flex;justify-content:space-between;border-top:1px solid #284f89;padding:15px 0 0;font-size:12px;color:#597393;letter-spacing:1px}.page-heading{padding:30px 0 37px;gap:24px}.page-heading .eyebrow{font-size:12px;letter-spacing:2px;color:#687d99}h1{font:42px/1.3 var(--serif);letter-spacing:1px;color:#25497f}h2{font:27px/1.5 var(--serif);color:#2d4d7b}h3{color:#304f79}.page-heading p{font-size:16px;margin-top:17px}.greeting-label{font-size:27px;letter-spacing:2px;color:#7087a4}.greeting-mark{font:italic 80px/.3 Georgia;color:#b788a0;margin-left:6px}.outline{border:1px solid #9aafcc;border-radius:30px;background:transparent;color:#385e92;padding:12px 20px;font-size:14px}.outline:hover{background:#dce6f2}.primary{background:#254f94;border-color:#254f94;border-radius:30px;padding:13px 25px;color:#fff}.primary:hover{background:#1c3e78}.text-btn{color:#244e8c;font-size:14px}.tag{background:transparent;border:0;color:#587298;padding:4px 0;font-size:12px}
.card{background:transparent;border:0;border-radius:0;box-shadow:none}.top-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.universe{background:#d8e4f1;border:0;border-radius:0;padding:28px 32px 0;position:relative}.sea-art{opacity:.17;object-position:center;mix-blend-mode:multiply}.universe h2{font-size:27px}.universe .eyebrow{color:#647c9e}.universe .tag{color:#56739b}.chart-body{min-height:290px;gap:18px}.wheel-wrap{width:56%;max-width:360px;padding:5px;position:relative}.wheel-wrap svg{background:#f1f5f9aa;border-radius:50%}.placements>div{margin-bottom:24px;gap:12px}.planet{color:#375d97;font-size:25px}.placements small{color:#61799a;font-size:12px}.placements h3{font:22px/1.5 var(--serif);color:#2b4d80}.placements em{font-size:12px;color:#657c9b}.universe footer{color:#637b9c;border-color:#afc1d8;font-size:12px;padding:15px 0 18px}.insight{padding:30px 32px;border:0;border-left:8px solid var(--bg);border-radius:0;background:#ccdce8;display:flex;flex-direction:column;align-items:flex-start}.insight .canvas-art{opacity:.28;mix-blend-mode:multiply;object-position:center}.insight>.eyebrow{padding:0;font-size:12px;color:#637895;letter-spacing:1.5px}.insight>.tag{border:0;background:transparent;color:#526c8a;margin:30px 0 12px}.insight h2{font:34px/1.65 var(--serif);letter-spacing:1px;color:#2c4b73;margin:0 0 13px}.insight h2 em{font-style:normal;color:#5b769c}.insight p{font-size:14px;color:#516880}.insight-bottom{margin-top:auto;border-top:1px solid #92aec5;padding-top:20px}.insight-bottom>span{font-size:12px;color:#516f96}.insight-bottom button{margin-top:4px;font-size:14px;border-color:#8ca5c2;background:#e2edf466;color:#385d91}
.quick-launch{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;border-bottom:1px solid var(--line)}.quick-launch button{padding:25px 0 25px 20px;border:0;border-radius:0;background:transparent;color:#365989;font-size:17px}.quick-launch button+button{border-left:1px solid var(--line);padding-left:30px}.quick-launch b{font:italic 30px/1.4 Georgia;margin-right:15px;color:#254e8c;display:inline}.quick-launch span{font-size:14px;color:#6a7f9a;margin-top:6px}.quick-launch button:nth-child(2){background:transparent;color:#365989}.quick-launch button:nth-child(2) span{color:#6a7f9a}.quick-launch button:hover{background:#e1e9f3}
.section-line{margin:40px 0 22px}.section-line h2{font-size:25px}.section-line>span{font-size:12px;color:#6e8199;letter-spacing:1.4px}.explore-grid{gap:24px}.explore{padding:27px 28px;border-radius:0;background:#dce6f3;border:0;align-items:center;gap:24px;min-height:200px}.explore h3{font:27px/1.5 var(--serif);color:#294e86}.explore small{font-size:12px;color:#6a82a3;letter-spacing:1px}.explore p{font-size:15px;color:#647b9a}.feature-icon{border:0;background:#c7d7ec;color:#335e9d;width:65px;min-width:65px;height:65px;font-size:29px}.love-entry{position:relative;isolation:isolate;overflow:hidden;background:#e9d6e1;padding-right:40px}.love-swatch{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.12;z-index:-1;mix-blend-mode:multiply}.love-entry h3{color:#865473}.love-entry small,.love-entry p{color:#826878}.love-entry .text-btn{color:#884d72}.love-entry .feature-icon{background:#dbbccc;color:#8c5277}.chat-strip{border-radius:0;background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin-top:32px;gap:20px}.chat-strip h3{font:24px/1.5 var(--serif);color:#315889}.chat-strip p{font-size:14px;color:#6b7f9b}.ai-mark{width:56px;height:56px;border:0;border-radius:50%;background:#c5d7ef;color:#355b99;font:26px/1 var(--serif)}.page-footer{border:0;color:#75879e;font-size:12px;padding:15px 0 28px}
.tabs{border-color:var(--line);gap:20px}.tabs button{border-radius:0;background:none;color:#6d829f;padding:12px 2px}.tabs button.active{background:none;color:#244f8e;border-color:#244f8e}.detail{padding:30px;border:1px solid var(--line);background:#f6f9fc;border-radius:2px}.detail h2{font-size:27px}.three>div{border-color:#b5c5da}.three span{color:#6a84aa;font-size:14px}.three h3{color:#355a90}.three p{color:#607591}.pillars>div{background:#e4ebf5;border-color:#c8d4e4;border-radius:0}.pillars>div:nth-child(2){background:#d9e5ee;border-color:#bfd0de}.pillars .day{background:#c5d7ed;border-color:#879fc2}.pillars>div:nth-child(4){background:#dfe3f0;border-color:#c5cadd}.pillars strong{color:#3d649d}.pillars span{color:#647a9b}.topic-pills button{background:transparent;border-color:#b6c6dc;border-radius:30px;color:#5576a3}.topic-pills button[data-topic='intimacy'],.topic-pills button[data-topic='family']{background:#ead5e1;border-color:#d4b4c6;color:#935f80}label{color:#526d94;font-size:14px}input,select{border-color:#b9c9dd;border-radius:3px;background:#f9fbfd;color:#355882;min-height:49px}input::placeholder{color:#7b8fae}.footnote{font-size:12px!important;color:#6a7f9d}.strategy-layout{gap:32px;grid-template-columns:280px 1fr}.module-list{gap:0}.module-list button{border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:19px 10px;color:#526d97;font-size:14px}.module-list button.active{background:#dbe6f5;border-color:#a9bfdc}.module-list small{color:#4f76ae;font:italic 22px/1.2 Georgia}.module-list button:nth-child(3).active{background:#ead7e3;color:#875575}.module-item{border-color:var(--line)}.module-item h3{color:#34598e}.love-module{background:#f0e2eb;border-color:#d3b8c9}.love-module h2,.love-module h3{color:#875776}.love-module p{color:#7f6475}.daily-grid{gap:22px}.daily-grid .detail{background:transparent;border:0;border-top:1px solid #aebed4;padding:25px 0;border-radius:0}.daily-grid .detail:nth-child(n){background:transparent}.daily-grid .detail:nth-child(even){padding-left:25px;border-left:1px solid var(--line)}.daily-grid small{color:#7189a8;font-size:12px}th{background:#e2eaf4;color:#536f99}.chatbox{background:#e5edf7;border:0;border-radius:0}.message>span{color:#4b72ac}.message>div{background:#f8fbfd;color:#3e618e;border-radius:0 18px 18px;font-size:16px}.message.user>div{background:#cbdcf0;color:#3b5e92}.suggestions button{background:transparent;border-color:#b5c7df;color:#5877a1;font-size:14px}dialog{background:#f4f8fd;border-color:#adbed8;border-radius:4px;color:#345580}dialog::backdrop{background:#223e6555}#toast{background:#284f88}
/* Love is a distinct pink chapter in the same blue frame. */
body[data-current-view='relation']{background:#f1edf3;--line:#d9c3d1;--muted:#826b7d}.love-heading{display:grid;grid-template-columns:1fr 260px;gap:50px;padding:35px 0}.love-heading h1{font:44px/1.6 var(--serif);color:#875474;letter-spacing:2px}.love-heading p{color:#8b7183;font-size:16px}.love-heading .eyebrow{color:#9c7e91}.love-heading .tag{color:#8e6580}.love-art{padding:0;margin:0;transform:rotate(3deg);border:0;box-shadow:none}.love-art img{width:100%;height:240px;object-fit:cover}.love-art figcaption{font-size:12px;text-align:right;color:#9b7e90;letter-spacing:1px;padding-top:10px}.love-form{background:#e9d4e1;border:0;border-radius:0;padding:36px}.love-form-heading{text-align:center}.love-form-heading h2{color:#805473}.love-form-heading .eyebrow{color:#9d7991}.love-form .person-circle{width:85px;height:85px;border:0;background:#d8b6ce;color:#8b5279}.love-form .second{background:#d9d8ec;color:#716795}.love-form .pair{margin:30px 0}.love-form .pair>.gold{color:#9a6c87}.love-form label{color:#875a78}.love-form input,.love-form select{background:#f8eef5;border-color:#d0adc4;color:#865373}.love-form .primary{background:#925b80;border-color:#925b80}.love-form .footnote{color:#87667c}#relationResult{border-color:#d4b9cc;background:#f9f0f6}#relationResult .three>div{border-top-color:#d6b9cb;background:transparent}#relationResult h2,#relationResult h3{color:#8d567b}#relationResult p{color:#856b7e}
@media(min-width:1500px){.chart-body{min-height:320px}.insight h2{font-size:37px}}
@media(max-width:1100px){aside{padding:0 24px}.brand small{display:none}nav button{padding:11px 12px}main{padding:0 27px}.top-grid{grid-template-columns:1.4fr 1fr}.chart-body{flex-direction:column;gap:0}.wheel-wrap{width:78%;max-width:265px}.placements{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between}.placements>div{gap:8px;margin-bottom:15px}.placements h3{font-size:17px}.placements small{font-size:12px}.placements .text-btn{width:100%;margin:0 0 16px}.insight{padding:28px}.insight h2{font-size:31px}.strategy-layout{grid-template-columns:1fr}.module-list{grid-template-columns:1fr 1fr}.explore h3{font-size:23px}.explore{padding:25px 20px;gap:15px}}
@media(max-width:760px){aside{position:fixed;inset:auto 0 0;width:100%;height:auto;min-height:76px;background:#eaf0f8f5;padding:0 8px env(safe-area-inset-bottom);border:0;border-top:1px solid #b5c5dc;backdrop-filter:blur(15px)}.brand{display:none}nav{width:100%;gap:0;justify-content:space-around}nav button{flex:1;flex-direction:column;padding:8px 1px;font-size:23px;line-height:1.4;border-radius:0;background:none;gap:0}nav button .nav-full{display:none}nav .nav-short{display:block;font-size:12px;color:inherit}nav button.active{background:none;color:#245192;box-shadow:inset 0 2px #3d659f}nav button:hover,nav button.active:hover{background:#dbe6f5}main{padding:0 21px calc(98px + env(safe-area-inset-bottom));margin:0}header{height:67px}.breadcrumb{font-size:12px}.home-edition{padding-top:12px;font-size:12px;letter-spacing:0}.home-edition span:last-child{font-size:12px}.page-heading{padding:25px 0 28px;gap:14px}.page-heading h1{font-size:35px;line-height:1.3;margin-top:10px}.greeting-label{font-size:23px}.greeting-mark{font-size:65px}.page-heading p{font-size:14px;line-height:1.9;margin-top:13px}.page-heading .eyebrow{font-size:12px;letter-spacing:1px}.page-heading .outline{font-size:14px;padding:9px 17px}.top-grid{grid-template-columns:1fr;border:0;gap:20px}.universe{padding:25px 21px 0}.universe .card-heading{align-items:flex-start}.universe h2{font-size:25px}.chart-body{flex-direction:row;gap:12px;min-height:235px}.wheel-wrap{width:55%;padding:0;max-width:none}.placements{display:block}.placements>div{gap:8px;margin-bottom:19px}.placements h3{font-size:19px}.placements small{font-size:12px}.planet{font-size:22px}.placements .text-btn{font-size:12px;margin:0 0 8px}.universe footer{font-size:12px;padding-bottom:16px}.insight{border:0;padding:29px 25px;min-height:325px}.insight h2{font-size:32px;line-height:1.55}.insight>.tag{margin:21px 0 15px}.insight p{font-size:14px}.insight-bottom{margin-top:22px}.quick-launch{margin-top:23px;border-top:1px solid var(--line)}.quick-launch button{padding:22px 12px 22px 0;font-size:16px}.quick-launch button+button{padding-left:20px}.quick-launch b{display:block;font-size:31px;margin:0 0 5px}.quick-launch span{font-size:12px}.section-line{margin-top:31px}.section-line h2{font-size:24px}.section-line>span{display:none}.explore-grid{grid-template-columns:1fr;gap:18px}.explore{min-height:185px;padding:26px 24px;gap:20px}.explore h3{font-size:25px}.explore p{font-size:14px}.explore small{font-size:12px;letter-spacing:0}.feature-icon{width:53px;min-width:53px;height:53px;font-size:26px}.chat-strip{padding:24px 0;gap:15px;flex-wrap:wrap}.chat-strip h3{font-size:21px}.chat-strip p{font-size:14px}.chat-strip .primary{margin-left:auto}.ai-mark{width:45px;height:45px;font-size:23px}.page-footer{font-size:12px}.detail{padding:23px}.detail h2{font-size:24px}.daily-grid{grid-template-columns:1fr;gap:0}.daily-grid .detail:nth-child(n){padding:23px 0;border-left:0}.module-list button{font-size:14px;padding:17px 10px}.module-list small{font-size:20px}.love-heading{grid-template-columns:1fr 90px;gap:18px;padding:27px 0}.love-heading h1{font-size:29px;line-height:1.7;letter-spacing:1px}.love-heading .eyebrow{font-size:12px;letter-spacing:0}.love-heading p{font-size:14px}.love-art{align-self:center}.love-art img{height:140px}.love-art figcaption{font-size:12px;letter-spacing:0;line-height:1.5;text-align:left}.love-form{padding:28px 22px}.love-form .person-circle{width:72px;height:72px}.love-form .pair{gap:22px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.form-grid .primary{width:100%}.chatbox{padding:19px}.message>div{font-size:15px}.suggestions button{font-size:14px}#chatForm button{padding:11px 18px}.footnote{font-size:12px!important}}
@media(max-width:370px){main{padding-left:16px;padding-right:16px}.chart-body{flex-direction:column}.wheel-wrap{width:80%;max-width:240px}.placements{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0;width:100%;margin-top:15px}.placements>div{gap:5px}.placements h3{font-size:16px}.placements small{font-size:12px}.placements .text-btn{width:100%;margin-bottom:15px}.module-list{grid-template-columns:1fr}.love-heading{grid-template-columns:1fr}.love-art{display:none}}