@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700&family=Source+Sans+3:wght@400;500;600&display=swap";:root{color:#25302a;font-synthesis:none;background:#f3f0e8;font-family:"Source Sans 3",PingFang SC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 0,#dde5d7 0,#0000 28%),#f3f0e8;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2{color:#183629;margin:0;font-family:Noto Serif SC,serif}h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.08}h2{font-size:1.25rem}p{line-height:1.65}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#eff2e9;background:#19392c;flex-direction:column;padding:34px 24px;display:flex}.brand{align-items:center;gap:13px;margin-bottom:56px;display:flex}.brand-mark,.seal{color:#fff;background:#a84934;border-radius:7px;place-items:center;display:grid}.brand-mark{width:43px;height:43px;font:700 22px Noto Serif SC;box-shadow:inset 0 0 0 2px #d9a794}.brand strong,.brand small{display:block}.brand strong{font:700 20px Noto Serif SC}.brand small{opacity:.62;margin-top:2px}nav a{color:#cdd8d0;border-radius:8px;padding:12px 14px;display:block}nav a.router-link-active{color:#fff;background:#274c3c}.sidebar-foot{border-top:1px solid #39594b;gap:6px;margin-top:auto;padding-top:20px;display:grid}.text-button{color:#bdcfc3;text-align:left;background:0 0;border:0;padding:0}.workspace{width:100%;max-width:1500px;margin:0 auto;padding:clamp(32px,5vw,72px)}.page-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px;display:flex}.page-head p{color:#6c746e;margin-bottom:0}.eyebrow{color:#a84934;letter-spacing:.13em;text-transform:uppercase;font-size:.78rem;font-weight:600}.family-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.family-card,.panel{background:#ffffffc7;border:1px solid #ddd9cc;border-radius:15px;box-shadow:0 12px 34px #2d3a310f}.family-card{min-height:240px;padding:27px;transition:transform .2s,box-shadow .2s}.family-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px #2d3a311c}.family-card p{color:#6a726d}.family-card small{color:#337052}.seal{width:38px;height:38px;margin-bottom:33px}.create-card{border-style:dashed;flex-direction:column;gap:14px;display:flex}.plus{color:#9d4b37;font-size:2.2rem;line-height:1}input,select{color:#28332d;background:#fffef9;border:1px solid #cfcbbf;border-radius:8px;outline:none;width:100%;padding:11px 12px}input:focus,select:focus{border-color:#47745d;box-shadow:0 0 0 3px #47745d1f}.primary{color:#fff;background:#24573f;border:0;border-radius:8px;padding:11px 16px;font-weight:600}.primary:hover{background:#19442f}.primary:disabled{opacity:.55;cursor:wait}.auth-shell{place-items:center;min-height:100vh;padding:30px;display:grid}.auth-card{background:#fffdf7;border-radius:20px;grid-template-columns:1.2fr .8fr;width:min(950px,100%);min-height:560px;display:grid;overflow:hidden;box-shadow:0 26px 80px #2b352e29}.auth-intro{color:#e8eee8;background:linear-gradient(145deg,#153729e6,#153729fa),url(/assets/hero-CLDdwZDr.png) 50%/cover;padding:clamp(45px,7vw,85px)}.auth-intro h1{color:#fff;margin:26px 0}.auth-intro em{color:#e2b5a4;font-style:normal}.auth-intro p{color:#c7d5cc;max-width:34em}.auth-form{align-self:center;padding:60px 42px}.auth-form label,.add-panel label{gap:7px;margin:17px 0;font-size:.9rem;font-weight:600;display:grid}.auth-form .primary{width:100%;margin-top:14px}.segmented{background:#eceae2;border-radius:9px;margin-bottom:28px;padding:4px;display:flex}.segmented button{color:#68716b;background:0 0;border:0;border-radius:6px;flex:1;padding:9px}.segmented button.active{color:#244b38;background:#fff;box-shadow:0 2px 8px #d3d0c6}.hint{color:#7b817d;font-size:.82rem}.form-error{color:#943c2d;background:#f7e7e2;border-radius:8px;padding:10px 13px;font-size:.9rem}.back{color:#567163;margin-bottom:28px;display:inline-block}.family-head h1{font-size:clamp(2rem,4vw,3.4rem)}.search{width:min(280px,100%)}.family-layout{grid-template-columns:minmax(0,1fr) 330px;gap:24px;display:grid}.panel{padding:25px}.panel-head{border-bottom:1px solid #e2ded3;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.panel-head span{color:#778078}.people-list{display:grid}.person-row{border-bottom:1px solid #ebe7dd;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:16px 3px;display:grid}.avatar{color:#2e654a;background:#dfe8df;border-radius:50%;place-items:center;width:42px;height:42px;font:700 17px Noto Serif SC;display:grid}.person-row strong,.person-row small{display:block}.person-row small{color:#828883;margin-top:3px}.privacy{color:#547263;font-size:.8rem}.empty{color:#7b817d;text-align:center;padding:45px 10px}.add-panel h2{margin-top:8px}.add-panel .primary{width:100%;margin-top:8px}@media (width<=800px){.app-shell{display:block}.sidebar{flex-direction:row;align-items:center;gap:25px;padding:18px 22px}.brand{margin:0}.brand small,.sidebar nav,.sidebar-foot span{display:none}.sidebar-foot{border:0;margin:0 0 0 auto;padding:0}.workspace{padding:30px 20px}.auth-card{grid-template-columns:1fr}.auth-intro{min-height:280px;padding:42px}.auth-form{padding:38px}.family-layout{grid-template-columns:1fr}.page-head{display:grid}.search{width:100%}}