:root{--bg:#0c1221;--bg2:#131a2b;--panel:#171e30;--panel2:#192236;--line:rgba(255,255,255,.075);--muted:#939cab;--white:#f6f2ef;--gold:#edc38f;--gold2:#ddaa71;--aqua:#83c7c6;--rose:#e4a8a7;--violet:#b5a0d4;--r:19px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 75% 50% at 90% -5%,#212b44 0,transparent 85%),var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.55;font-size:14px}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-thumb{background:#283249;border-radius:5px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{transition:transform .15s,background .2s}button:hover{transform:translateY(-1px)}.grain{position:fixed;z-index:-1;inset:0;opacity:.16;pointer-events:none;background-image:radial-gradient(#ffffff44 .55px,transparent .9px);background-size:29px 29px}.app-shell{display:flex;max-width:1900px;margin:auto}.rail{width:79px;flex-shrink:0;background:#111726dd;border-right:1px solid var(--line);position:sticky;height:100vh;top:0;display:flex;align-items:center;flex-direction:column;z-index:5;padding:26px 0}.brand-icon{font-size:33px;color:var(--gold);line-height:1}.rail-links{display:flex;flex-direction:column;gap:19px;margin:auto}.rail-link{display:flex;align-items:center;justify-content:center;width:43px;height:43px;color:#8b93a4;font-size:25px;border-radius:13px;transition:.2s}.rail-link:hover,.rail-link.active{color:var(--gold);background:#292a36}.rail-button{border:0;background:transparent;font-size:24px}.main-content{min-width:0;width:100%;max-width:1570px;margin:auto;padding:0 46px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0 27px}.wordmark{font-size:17px;font-weight:800;letter-spacing:2px;line-height:1.25;white-space:nowrap}.wordmark-glyph{font-size:30px;color:var(--gold);vertical-align:-3px;margin-right:8px}.wordmark small{display:block;color:#8d93a3;font-size:9px;letter-spacing:2.1px;margin-left:40px;margin-top:-2px}.topbar-right{display:flex;align-items:center;gap:17px;font-size:12px;color:#afb6c3}.location-pill{display:flex;gap:8px;align-items:center}.pin{color:var(--gold)}.status-pill{display:flex;align-items:center;gap:7px;border:1px solid #46513f;padding:8px 11px;border-radius:40px;color:#bad5a0;background:#1d2924;font-size:11px;white-space:nowrap}.status-pill.offline{border-color:#51483d;background:#272323;color:#e3bd89}.status-pill.stale{border-color:#61503f;background:#292320;color:#edbe87}.status-dot{width:6px;height:6px;border-radius:100%;background:currentColor}.icon-button{font-size:20px;background:transparent;color:#aeb5c4;border:1px solid var(--line);border-radius:11px;width:36px;height:36px}.hero-panel{position:relative;display:flex;justify-content:space-between;min-height:298px;border:1px solid #3e3d4c;border-radius:25px;overflow:hidden;background:radial-gradient(ellipse 65% 130% at 89% 60%,#484159 0,transparent 65%),linear-gradient(110deg,#262333 10%,#29253d 45%,#1d273c 100%);padding:39px 56px}.hero-panel:before{content:'';position:absolute;width:280px;height:280px;bottom:-190px;left:42%;border:1px solid #ffffff09;border-radius:50%}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.2px;color:var(--gold);text-transform:uppercase}.tiny-star{font-size:14px;margin-right:8px}.hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(35px,4vw,57px);line-height:1.11;letter-spacing:-1.3px;margin:22px 0 11px}.hero-copy h1 em{font-weight:400;color:#f2c6b2}.hero-copy p{color:#d5cdd4;margin:0 0 29px;font-size:13px}.hero-chips{display:flex;gap:9px;flex-wrap:wrap}.hero-chip{border:1px solid #c6a59935;color:#ead7ca;background:#ffffff0b;border-radius:20px;font-size:11px;padding:7px 12px}.celestial-art{position:relative;min-width:350px;align-self:stretch}.orbit{position:absolute;border:1px solid #cab3a035;border-radius:50%;left:52%;top:49%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-one{width:280px;height:280px}.orbit-two{width:375px;height:200px;transform:translate(-50%,-50%) rotate(-35deg)}.hero-moon{position:absolute;left:52%;top:49%;transform:translate(-50%,-50%);width:166px;height:166px;background:radial-gradient(circle at 24% 27%,#fae0ba,#bda7a9 49%,#786d8d 79%,#5d6383);border-radius:50%;box-shadow:0 0 65px #d3a4aa3b, inset -28px -12px 20px #40466b5e}.hero-moon:before{content:'';position:absolute;width:34px;height:34px;border-radius:50%;background:#9f90a1aa;top:30px;left:45px;box-shadow:48px 55px 0 9px #aca0aa55,70px -1px 0 -3px #aca0aa55,15px 78px 0 -5px #8e859d55}.art-stars{position:absolute;left:8%;top:10%;font-size:23px;color:#dfc1ad;letter-spacing:100px}.art-stars span{font-size:12px}.art-subtitle{position:absolute;bottom:3px;right:12px;letter-spacing:2px;font-size:9px;color:#d4bcc1}.section-gap{padding-top:47px;scroll-margin-top:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:21px}.section-heading .eyebrow{margin:0 0 5px}.section-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:31px;font-weight:500;letter-spacing:-.6px;margin:0;line-height:1.2}.section-heading h2 span{font-size:25px;color:var(--gold);padding-left:6px}.head-caption{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#d8d4da;font-size:11px}.head-caption small{color:var(--muted);font-size:11px}.glass-card{background:linear-gradient(156deg,#1b2235 0,#141c2d 100%);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 13px 22px #070b140c}.weather-main{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(430px,1.32fr);gap:17px}.weather-feature{padding:27px 29px 18px;position:relative;background:radial-gradient(ellipse 80% 60% at 85% 15%,#343347 0,transparent 90%),linear-gradient(140deg,#232a41,#161f31);min-height:323px;overflow:hidden}.card-label,.metric-top{display:flex;justify-content:space-between;align-items:center;color:#b9bcc6;letter-spacing:1.5px;font-size:10px;font-weight:700}.live-tag{color:#c9d1bd;font-size:9px;letter-spacing:1px}.weather-core{display:flex;align-items:center;gap:30px;margin:19px 0 0}.weather-symbol{font-size:96px;line-height:1;position:relative;color:#e1e3eb;text-shadow:0 5px 27px #b4bbc644}.sun-disc{position:absolute;top:12px;left:46px;width:43px;height:43px;z-index:-1;border-radius:100%;background:#efc48e;box-shadow:0 0 25px #ffce874f}.feature-temp{font-weight:300;font-size:83px;line-height:1.05;letter-spacing:-4px}.feature-temp sup{font-size:23px;vertical-align:top;line-height:2.3;letter-spacing:0;margin-left:3px}.weather-description{font-size:12px;color:#c4c8d2;margin:0 0 23px}.feature-bottom{border-top:1px solid var(--line);display:flex;gap:15px;padding-top:18px;justify-content:space-between}.feature-bottom div{display:flex;flex-direction:column;gap:4px}.feature-bottom span{font-size:9px;color:#9199ab;letter-spacing:1.1px}.feature-bottom strong{font-size:15px;font-weight:600}.warning-strip{font-size:10px;color:#c5b9a7;opacity:.8;margin-top:11px}.warning-strip:empty{display:none}.weather-small-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metric-card{padding:20px 23px 17px;display:flex;flex-direction:column;min-height:155px}.metric-icon{font-size:22px;color:var(--gold);line-height:1}.metric-big{font-weight:350;line-height:1;margin:13px 0 13px;font-size:38px;letter-spacing:-1.3px}.metric-big small{font-size:14px;color:#acb3bf;margin-left:5px;letter-spacing:0}.metric-detail{display:flex;justify-content:space-between;font-size:12px;align-items:center;color:#aab1bd}.metric-detail strong{color:#f7eee3;font-weight:600}.metric-foot{font-size:10px;color:#888fa0;margin-top:auto;padding-top:10px}.forecast-head{display:flex;align-items:flex-end;justify-content:space-between;margin:32px 0 15px}.forecast-head h3{font-family:Georgia,serif;font-weight:500;font-size:23px;margin:2px 0}.forecast-head .eyebrow{margin:0}.forecast-caption{color:var(--muted);font-size:11px}.forecast-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.forecast-day{background:#192234;border:1px solid var(--line);border-radius:15px;text-align:center;padding:18px 8px 16px;min-height:155px}.forecast-day.today{background:#292a3a;border-color:#7a655b}.forecast-day .weekday{font-size:11px;color:#d6d3db;font-weight:700}.forecast-day .day-date{font-size:10px;color:#878fa0}.forecast-day .weather-emoji{font-size:30px;line-height:1.1;display:block;margin:13px 0 7px}.forecast-day .high{font-size:17px;font-weight:700}.forecast-day .low{font-size:13px;color:#a4abb9;padding-left:7px}.forecast-day .precip{display:block;margin-top:8px;font-size:10px;color:#9fced7}.forecast-placeholder{padding:30px;color:#a9aec0;grid-column:1/-1;text-align:center;background:#1a2234;border-radius:13px}.analysis-layout{display:grid;grid-template-columns:1.25fr .95fr;gap:17px}.trend-panel,.insights-panel,.hourly-panel,.sky-panel{padding:24px 27px}.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.panel-heading h3{font-size:16px;font-weight:650;margin:0 0 3px}.small-muted{color:var(--muted);font-size:11px}.chart-pill{font-size:10px;color:#d8b9a4;background:#302d3a;padding:5px 8px;border-radius:7px}.chart-wrap{position:relative;width:100%;height:211px;margin-top:22px}.chart-wrap canvas{display:block;width:100%;height:100%}.chart-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#a9b1bc;font-size:12px;padding:30px;background:#18203485}.chart-overlay[hidden]{display:none}.legend-row{display:flex;gap:20px;color:#a6aab7;font-size:11px;margin-top:8px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.dot.coral{background:#e1a5a3}.dot.blue{background:#83c7c6}.insight-sparkle{font-size:23px;color:var(--gold)}.insights-list{display:flex;flex-direction:column;margin-top:14px;gap:10px}.insight-item{background:#ffffff04;border-radius:11px;padding:11px 12px;display:flex;align-items:flex-start;gap:11px}.insight-ico{font-size:20px}.insight-title{font-size:12px;font-weight:700;color:#eee8e4}.insight-body{font-size:11px;color:#aab2c0;margin-top:3px}.hours-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:17px;margin-top:17px}.hours-scroll{display:flex;overflow-x:auto;margin-top:24px;gap:11px;padding-bottom:9px}.hour-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:65px;background:#ffffff05;padding:10px 8px;border-radius:12px;gap:7px}.hour-item .hour{font-size:11px;color:#bac1cc}.hour-item .ico{font-size:24px}.hour-item strong{font-size:14px}.hour-item .chance{font-size:10px;color:#87c5d4}.sun-display{display:flex;align-items:center;justify-content:space-between;margin-top:35px;text-align:center}.sun-display>div:first-child,.sun-display>div:last-child{display:flex;flex-direction:column;gap:2px}.sun-display small{font-size:9px;color:#adb3bf;letter-spacing:1.6px;margin-top:2px}.sun-display strong{font-size:19px}.sunrise-icon,.sunset-icon{font-size:27px;color:var(--gold)}.sun-arc{flex:1;border-top:1px dashed #ad927c;border-radius:70%;height:28px;margin:0 23px;position:relative}.sun-arc span{position:absolute;top:-16px;left:48%;color:var(--gold);font-size:22px}.astro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.astro-feature,.chinese-feature,.feng-panel{position:relative;min-height:350px;padding:24px 26px;overflow:hidden}.astro-feature{background:radial-gradient(ellipse 80% 55% at 70% 12%,#433751 0,transparent 95%),linear-gradient(130deg,#24253e,#181c2c)}.astro-top{display:flex;justify-content:space-between;align-items:center}.astro-top>span:last-child{color:#e7bd91;font-size:22px}.zodiac-glyph{font-size:83px;line-height:1.05;color:#f4cea0;margin:15px 0 1px;text-shadow:0 0 40px #be9a8055}.astro-feature h3,.chinese-feature h3,.feng-panel h3{font-family:Georgia,serif;font-weight:500;font-size:28px;margin:2px 0 8px}.astro-feature p,.chinese-feature p,.feng-panel p{font-size:12px;color:#c1bdc9;line-height:1.7;margin:0}.astro-divider{border-top:1px solid var(--line);margin:15px 0 10px}.astro-info{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:10px}.astro-info span{color:#b2a5b8;font-size:9px;letter-spacing:.8px}.astro-info strong{font-weight:600;font-size:11px;text-align:right}.symbolic-note{display:block;font-size:9px;color:#998d9b;margin-top:14px}.chinese-feature{background:radial-gradient(ellipse 80% 90% at 70% 20%,#263847 0,transparent 80%),linear-gradient(125deg,#1f3036,#17252e)}.chinese-animal{font-size:80px;margin:22px 0 6px;line-height:1.12}.chinese-feature h3{color:#d2e0bf}.chinese-feature p{max-width:290px}.wood-badge{display:inline-block;padding:7px 12px;background:#a6bc9030;color:#c7d5b5;font-size:10px;letter-spacing:1.1px;border-radius:25px;margin:19px 0 14px}.feng-panel{background:radial-gradient(circle at 80% 65%,#53454b 0,transparent 56%),linear-gradient(130deg,#2e2830,#1c2231)}.feng-panel h3{margin:22px 0 10px;line-height:1.15}.feng-symbol{height:77px;position:relative;font-size:85px;line-height:75px;color:#e8b883}.feng-symbol span{font-size:29px;position:absolute;left:36px;top:0;color:#c9d9c2}.feng-bottom{font-size:10px;color:#c5a9a5;margin-top:22px;border-top:1px solid var(--line);padding-top:14px}.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.family-card{position:relative;min-height:213px;background:linear-gradient(150deg,#1a2438,#181c2b);border:1px solid var(--line);border-radius:var(--r);padding:22px;overflow:hidden}.family-card:before{content:'✧';font-size:125px;color:var(--accent);position:absolute;right:-1px;top:-45px;opacity:.08}.family-head{display:flex;gap:12px;align-items:center}.avatar{border-radius:50%;background:color-mix(in srgb,var(--accent) 21%,transparent);color:var(--accent);height:52px;width:52px;display:grid;place-items:center;font-family:Georgia,serif;font-size:24px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.family-card h3{font-family:Georgia,serif;font-size:25px;font-weight:500;margin:0}.family-card .family-role{font-size:10px;color:var(--accent);letter-spacing:1.1px}.family-meta{font-size:12px;color:#d0ccd3;margin:18px 0 8px;min-height:39px}.family-meta span{color:var(--accent)}.family-quote{font-size:12px;color:#a7adbd;font-style:italic;line-height:1.45;margin:0}.family-interests{display:flex;gap:5px;margin-top:12px;flex-wrap:wrap}.family-interests span{font-size:10px;padding:4px 7px;border:1px solid #ffffff12;border-radius:20px;color:#b0b5c1}.family-note{margin-top:20px;border:1px solid #7a625143;border-radius:20px;text-align:center;background:radial-gradient(ellipse at center,#2c2937,transparent 80%),linear-gradient(125deg,#202332,#202638);padding:30px 20px}.family-note>span:first-child{color:var(--gold);font-size:10px;letter-spacing:2px}.family-note p{font-family:Georgia,serif;font-size:22px;font-style:italic;color:#ead9cc;margin:15px 0 10px}.family-note-end{color:#c69d89;font-size:12px}footer{margin:47px 0 10px;padding:21px 0 28px;border-top:1px solid var(--line);display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between;align-items:center;color:#858d9d;font-size:10px}footer a{text-decoration:underline}.logout-button{color:#b8b2be;border:0;background:transparent;padding:5px}.secondary-button{border:1px solid #b99a7e65;border-radius:30px;background:#b99a7e12;color:#efd4b8;font-size:11px;padding:11px 17px}.primary-button{padding:13px 19px;border-radius:11px;background:linear-gradient(115deg,#e6b17b,#f0ceaa);border:0;font-weight:800;color:#24202b}.settings-dialog{border:1px solid #85725d65;background:#161e31;color:#f5eeee;width:min(730px,calc(100vw - 30px));max-height:calc(100vh - 35px);border-radius:22px;padding:0;box-shadow:0 24px 100px #000a}.settings-dialog::backdrop{background:#070a13d9;backdrop-filter:blur(4px)}.settings-content{display:flex;flex-direction:column;max-height:calc(100vh - 35px)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:25px 28px 18px;border-bottom:1px solid var(--line)}.settings-header h2{font-family:Georgia,serif;font-size:28px;margin:3px 0 0;font-weight:500}.close-button{background:#ffffff0a;border:1px solid var(--line);border-radius:50%;color:white;font-size:23px;width:34px;height:34px}.settings-scroll{overflow:auto;padding:10px 28px 20px}.form-section{margin:10px 0 20px}.form-section h3{font-family:Georgia,serif;font-size:21px;font-weight:500}.settings-dialog label,.login-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#c1c3cc;font-weight:600;margin-bottom:12px}.settings-dialog input,.settings-dialog textarea,.login-form input{width:100%;border:1px solid #ffffff1d;background:#0f1728;color:#f6f2ef;padding:11px 12px;border-radius:9px;outline:none;font-size:13px}.settings-dialog input:focus,.settings-dialog textarea:focus,.login-form input:focus{border-color:#cea97d}.settings-dialog textarea{resize:vertical}.profile-editor{border:1px solid #ffffff13;border-radius:13px;padding:17px;margin:13px 0}.profile-editor h4{margin:0 0 12px;color:#eec6a0;font-size:15px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:15px 28px;border-top:1px solid var(--line)}#settings-status{margin-right:auto;color:#acccb8;font-size:11px}.login-body{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 50% 5%,#3f3b52,#141b2e 50%,#0c1221 95%)}.login-sky{position:fixed;top:10%;color:#ecd0b9;font-size:35px;letter-spacing:55px;opacity:.4;z-index:0}.login-card{position:relative;z-index:1;width:min(480px,100%);padding:42px 42px;background:linear-gradient(135deg,#23263a,#151d2e);border:1px solid #ffffff25;border-radius:23px;box-shadow:0 50px 100px #0007}.login-logo{font-size:50px;color:var(--gold);margin-bottom:15px}.login-card h1{font-family:Georgia,serif;font-size:43px;line-height:1.15;font-weight:400;margin:19px 0}.login-card h1 em{color:#ebc1a3}.login-card>p{color:#babcc9;font-size:13px;margin:0 0 28px}.login-form{display:flex;flex-direction:column;gap:4px}.login-form button{margin-top:10px;width:100%}.login-error{color:#ffc2b8;font-size:12px;background:#5a2d2b45;padding:10px;border-radius:8px}.login-footer{color:#838fa5;font-size:11px;margin-top:26px;text-align:center}
@media(max-width:1200px){.main-content{padding:0 25px}.weather-main{grid-template-columns:1fr 1fr}.celestial-art{min-width:250px}.weather-core{gap:15px}.feature-temp{font-size:65px}.weather-symbol{font-size:72px}.weather-feature{padding:22px}.metric-card{padding:15px}.metric-big{font-size:32px}.forecast-week{gap:7px}.astro-feature,.chinese-feature,.feng-panel{padding:20px}}
@media(max-width:900px){.rail{display:none}.topbar{flex-wrap:wrap;gap:8px}.main-content{padding:0 19px}.wordmark small{letter-spacing:1px}.hero-panel{padding:30px;min-height:250px}.celestial-art{min-width:185px;opacity:.7}.hero-moon{width:120px;height:120px}.orbit-one{width:210px;height:210px}.orbit-two{width:260px;height:145px}.weather-main{grid-template-columns:1fr}.weather-feature{min-height:300px}.weather-small-grid{grid-template-columns:repeat(4,1fr)}.metric-card{min-height:158px}.metric-top{font-size:9px}.metric-big{font-size:30px}.metric-icon{font-size:17px}.analysis-layout,.hours-layout{grid-template-columns:1fr}.astro-grid{grid-template-columns:repeat(3,1fr)}.family-grid{grid-template-columns:repeat(3,1fr)}.forecast-week{grid-template-columns:repeat(7,1fr)}}
@media(max-width:700px){.main-content{padding:0 15px}.topbar{padding:19px 0}.topbar-right{gap:9px}.wordmark{font-size:14px}.wordmark-glyph{font-size:25px}.wordmark small{font-size:7px;margin-left:35px}.location-pill{display:none}.topbar-right time{font-size:11px}.status-pill{max-width:140px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.hero-panel{padding:25px 23px;min-height:235px}.hero-copy h1{font-size:36px}.hero-copy p{font-size:11px;max-width:250px}.celestial-art{position:absolute;right:-84px;top:35px;width:200px;height:180px;opacity:.34}.hero-chip{font-size:10px}.section-gap{padding-top:37px}.section-heading h2{font-size:25px}.section-heading .head-caption{font-size:10px}.weather-small-grid{grid-template-columns:repeat(2,1fr);gap:9px}.metric-card{min-height:152px;padding:17px}.weather-main{gap:10px}.weather-feature{min-height:300px}.weather-core{gap:27px}.weather-symbol{font-size:70px}.feature-temp{font-size:71px}.metric-big{font-size:34px}.feature-bottom strong{font-size:13px}.forecast-week{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;gap:9px}.forecast-day{min-width:105px;scroll-snap-align:start}.forecast-head{align-items:start}.forecast-caption{max-width:125px;text-align:right;font-size:10px}.analysis-layout,.hours-layout{gap:10px}.trend-panel,.insights-panel,.hourly-panel,.sky-panel{padding:21px}.astro-grid,.family-grid{grid-template-columns:1fr;gap:11px}.astro-feature,.chinese-feature,.feng-panel{min-height:260px}.astro-feature .zodiac-glyph{font-size:66px;margin-top:8px}.astro-feature p,.chinese-feature p{max-width:500px}.chinese-animal{font-size:70px;margin:16px 0 3px}.family-grid{grid-template-columns:1fr}.family-card{min-height:180px}.family-note p{font-size:19px}.section-heading .secondary-button{font-size:10px;padding:7px 10px}.form-two{grid-template-columns:1fr}.settings-header,.settings-scroll,.settings-footer{padding-left:17px;padding-right:17px}.settings-footer{flex-wrap:wrap}.settings-footer .primary-button{flex:1}footer{margin-top:25px;display:block}footer span,footer form{display:block;margin-top:10px}.login-card{padding:32px 26px}.login-card h1{font-size:38px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.feng-kua{margin-top:17px;padding:10px 11px;background:#ffffff08;border:1px solid #ffffff10;border-radius:10px;display:flex;flex-direction:column;gap:4px}.feng-kua>span{font-size:10px;color:#f4c99c;font-weight:700;letter-spacing:1px}.feng-kua>small{font-size:10px;color:#c5bcb9}.cosmic-extras{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.cosmic-card{display:flex;align-items:center;gap:24px;padding:23px 27px;min-height:128px}.cosmic-symbol{font-size:52px;line-height:1}.cosmic-card h3{font-family:Georgia,serif;font-size:22px;font-weight:500;margin:6px 0}.cosmic-card p{font-size:11px;color:#c0b9c3;margin:0}.cosmic-card .symbolic-note{margin-top:8px}@media(max-width:700px){.cosmic-extras{grid-template-columns:1fr;gap:10px}.cosmic-card{padding:19px 20px}.feng-panel{min-height:335px}}

.family-card.accent-0{--accent:#e9b982}.family-card.accent-1{--accent:#bba9e6}.family-card.accent-2{--accent:#82cbc1}