@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#26353a;background:#f4f6f3;font-synthesis:none;--green:#31685a;--green2:#e7f0eb;--ink:#26353a;--muted:#74817f;--line:#dfe5e1;--red:#a45155}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f6f3}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #98beb2;outline-offset:2px}.app{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:28px 18px 20px;background:#203d37;color:#eaf1ee;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:11px;color:#fff;background:none;text-align:left;padding:0 8px 35px}.logo>span,.auth-brand span{display:grid;width:39px;height:39px;place-items:center;border:1px solid #91ada5;border-radius:50%;font-family:serif;font-size:20px}.logo div{display:grid}.logo strong{font-size:22px}.logo small{font-size:10px;color:#9fb6af}.side nav{display:grid;gap:5px}.side nav button,.admin-link{height:45px;padding:0 13px;display:flex;align-items:center;gap:12px;color:#b9cac5;background:none;border-radius:6px;text-align:left}.side nav button:hover,.side nav button.active,.admin-link.active{color:#fff;background:#315149}.side i{width:20px;font-style:normal;text-align:center}.admin-link{margin-top:20px;border-top:1px solid #3a574f;border-radius:0;padding-top:15px;height:60px}.side-user{margin-top:auto;padding:17px 8px 0;border-top:1px solid #3a574f;display:grid;grid-template-columns:35px 1fr 30px;align-items:center;gap:9px}.side-user>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#cfddd8;color:#284b42}.side-user div{display:grid;min-width:0}.side-user strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user small{font-size:9px;color:#93aaa4}.side-user button{color:#b9cac5;background:none;font-size:18px}main{min-width:0}header{height:68px;border-bottom:1px solid var(--line);background:#fafbf9db;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}header>span{font-size:12px;color:#7a8885}.help,.quiet,.back{color:var(--green);background:transparent}.help{border:1px solid #cbd9d4;border-radius:5px;padding:8px 13px}.content{max-width:1180px;margin:auto;padding:46px 42px 70px}.alert{position:fixed;top:78px;right:24px;z-index:20;padding:12px 15px;background:#fff1f1;color:#8f4047;border:1px solid #e5c8ca;border-radius:6px}.alert button{margin-left:20px;background:none;color:inherit}.eyebrow{margin:0 0 8px;color:#638077;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.welcome h1,.page-title h1{margin:0;color:#213b35;font-size:30px;font-weight:600}.welcome>div>p:last-child,.page-title>p:last-child{margin:9px 0 0;color:var(--muted);font-size:13px}.panel{background:#fff;border:1px solid var(--line);border-radius:7px}.home-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:20px}.checkin{padding:27px}.checkin h2,.recommendation h2{margin:0 0 22px;font-size:18px}.moods{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.moods button{height:72px;background:#f7f8f6;border:1px solid transparent;border-radius:5px;color:#687572}.moods button.selected{border-color:#86aa9f;background:#eaf2ee;color:#285c4f}.moods b{display:block;font-size:21px;font-weight:400}.moods small{font-size:9px}.range-row{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:24px 0}.range-row label{font-size:11px;color:#596966}.range-row strong{float:right}.range-row input{display:block;width:100%;margin-top:11px;accent-color:var(--green)}.field{display:block;margin:13px 0;color:#596966;font-size:11px}.field select,.field textarea,.focus textarea,.chat textarea{display:block;width:100%;margin-top:7px;border:1px solid #d9e1dd;border-radius:5px;background:#fbfcfb;color:var(--ink);padding:10px;resize:vertical}.primary{padding:10px 17px;border-radius:5px;background:var(--green);color:#fff}.checkin>.primary{margin-top:8px}.checkin.done{display:grid;place-items:center;text-align:center;min-height:390px}.checkin.done>span{display:grid;width:45px;height:45px;place-items:center;border-radius:50%;background:#e5f1eb;color:var(--green);font-size:20px}.checkin.done h2{margin:5px}.checkin.done p{font-size:12px;color:var(--muted)}.recommendation{padding:29px;background:#f9fbf9}.recommendation>p:not(.eyebrow){color:#6e7b79;font-size:12px;line-height:1.9}.boundary{margin-top:30px;padding:14px 0;border-top:1px solid var(--line);color:#88938f;font-size:10px;line-height:1.7}.dashboard-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.dashboard-row>.panel,.records{padding:25px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-head h2{margin:0;font-size:16px}.section-head>strong,.section-head>span{color:#769087;font-size:11px}.mini-trend{height:100px;display:flex;align-items:end;gap:12px}.mini-trend div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;text-align:center;gap:4px}.mini-trend span{display:block;background:#8db4a8;border-radius:3px 3px 0 0}.mini-trend small{font-size:9px;color:#91a09c}.simple-list p{font-size:12px}.simple-list span{margin-right:9px;color:#7e9f95}.empty{display:grid;place-items:center;padding:25px;color:#98a4a1;text-align:center}.empty span{font-size:21px}.empty p{font-size:11px}.page-title{margin-bottom:31px}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.tool-card{position:relative;padding:25px;background:#fff;border:1px solid var(--line);border-radius:7px}.tool-card>small{position:absolute;right:22px;top:24px;color:#929d9a;font-size:9px}.tool-card h2{font-size:18px;margin:19px 0 7px}.tool-card p{color:var(--muted);font-size:12px;line-height:1.8;min-height:44px}.tool-card .quiet{padding:8px 0}.tool-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:6px;font-style:normal}.tool-icon.blue{background:#e8eef4;color:#4b6f8e}.tool-icon.green{background:#e5f1eb;color:#397765}.tool-icon.yellow{background:#f7f0dd;color:#967936}.tool-icon.violet{background:#eeeaf3;color:#746183}.coming{margin-top:22px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;background:#edf1ef;border-left:3px solid #8da69e}.coming h2{font-size:16px;margin:0 0 5px}.coming p{font-size:11px;color:var(--muted);margin:0}.coming>span{font-size:10px;color:#71827d}.focus{max-width:760px;margin:auto}.back{margin-bottom:20px}.focus-card,.chat{background:#fff;border:1px solid var(--line);border-radius:7px;padding:40px}.focus-card{text-align:center}.focus-card .tool-icon{margin:auto}.focus-card h1{font-size:25px;margin:22px auto 12px;max-width:540px}.focus-card>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.8}.focus-card small{display:block;margin-top:20px;color:#8e9a97}.focus-actions{display:flex;justify-content:center;gap:20px;margin-top:30px}.chat{padding:0;overflow:hidden}.chat-head{display:flex;justify-content:space-between;padding:20px 25px;border-bottom:1px solid var(--line)}.chat-head h2{font-size:15px;margin:0}.chat-head>span{font-size:10px;color:#6e827b}.messages{padding:25px;min-height:250px;max-height:55vh;overflow:auto;background:#fafbfa}.messages>div{max-width:78%;margin-bottom:13px}.messages>div p{margin:0;padding:11px 14px;border-radius:4px 10px 10px;background:#eef3f0;font-size:12px;line-height:1.8}.messages .user{margin-left:auto}.messages .user p{background:#e4eee9}.chat form{padding:20px}.chat form .primary{float:right;margin-top:10px}.risk-box,.complete-box{margin:20px;padding:16px;background:#fff0f0;color:#87484e;font-size:12px}.complete-box{background:#edf5f1;color:#3c685b}.records+.records{margin-top:20px}.record-list article{display:flex;gap:13px;align-items:center;padding:15px 0;border-top:1px solid #edf0ee}.record-list article>span{flex:0 0 31px}.mood-number,.session-dot,.risk-mark{display:grid;width:31px;height:31px;place-items:center;background:#edf3f0;color:#426e61;border-radius:50%}.record-list article>div{min-width:0;flex:1}.record-list strong{font-size:12px}.record-list p{font-size:10px;color:#7b8885;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-list small{font-size:9px;color:#9aa4a2}.record-list article>button:not(.quiet){background:none;color:#9ba5a2;font-size:18px}.urgent-band{padding:21px 24px;background:#fff1f0;border-left:3px solid #bd6669;color:#744348;margin-bottom:24px}.urgent-band strong{font-size:13px}.urgent-band p{font-size:11px;line-height:1.7;margin:5px 0}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.support-grid>section{background:#fff;border:1px solid var(--line);padding:26px;border-radius:7px}.support-grid h2{font-size:16px;margin:0 0 20px}.contact-steps p{display:flex;gap:13px;margin:0;padding:15px 0;border-top:1px solid #edf0ee}.contact-steps b{color:#77978e;font-size:10px}.contact-steps span{display:grid;gap:5px}.contact-steps strong{font-size:12px}.contact-steps small{font-size:10px;color:var(--muted);line-height:1.7}.resource-list{display:grid;gap:10px}.resource-list article{padding:15px;border:1px solid var(--line);border-radius:5px}.resource-list article.urgent{border-color:#e6c5c5}.resource-list small{font-size:9px;color:#899693}.resource-list h3{font-size:13px;margin:5px 0}.resource-list a{color:var(--green);font-weight:700;text-decoration:none}.resource-list p{font-size:10px;color:var(--muted);margin:5px 0 0;line-height:1.6}.source-note{font-size:10px;color:#899490}.profile-card{display:flex;gap:18px;align-items:center;padding:25px;background:#fff;border:1px solid var(--line);border-radius:7px}.avatar{display:grid;width:55px;height:55px;place-items:center;border-radius:50%;background:#dbe8e3;color:#345f53;font-size:20px}.profile-card h2{font-size:17px;margin:0}.profile-card p{font-size:11px;color:#657471;margin:5px 0}.profile-card small{color:#98a19f;font-size:9px}.settings{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:7px}.settings section{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.settings section:last-child{border:0}.settings h3{font-size:13px;margin:0 0 4px}.settings p{font-size:10px;color:var(--muted);margin:0}.danger{padding:8px 12px;color:var(--red);background:#fff2f2;border-radius:4px}.privacy-note{margin-top:20px;padding:24px;background:#e9efec}.privacy-note h2{font-size:15px;margin:0 0 8px}.privacy-note p{font-size:11px;color:#65736f;line-height:1.8;margin:0}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.admin-stats>div{display:grid;padding:22px;background:#fff;border:1px solid var(--line)}.admin-stats small{color:var(--muted)}.admin-stats strong{font-size:27px;color:#315f53}.modal{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;background:#162b27aa;display:grid;place-items:center;padding:20px}.modal>section{position:relative;width:min(500px,100%);padding:32px;background:#fff;border-radius:7px}.modal-close{position:absolute;right:15px;top:13px;background:none;font-size:20px}.modal h2{font-size:22px}.modal>section>p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted)}.modal-resources{margin:20px 0}.modal-resources p{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;margin:0;font-size:11px}.modal-resources a{color:var(--green);font-weight:700}.modal small{color:#8b9693}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-intro{padding:55px 8vw;background:#24473f;color:#f2f6f4;display:flex;flex-direction:column;justify-content:space-between}.auth-brand{display:flex;align-items:center;gap:12px;font-size:24px}.auth-intro h1{font-size:42px;margin:0 0 15px}.auth-intro>div>p:not(.eyebrow){max-width:520px;color:#bdd0ca;line-height:1.9}.auth-intro>small{color:#9bb4ad}.auth-box{align-self:center;width:min(420px,80%);margin:auto}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:35px}.auth-tabs button{flex:1;padding:12px;background:none;color:#84908d}.auth-tabs button.active{color:var(--green);border-bottom:2px solid var(--green)}.auth-box h2{font-size:25px;margin:0}.auth-box>p{font-size:11px;color:var(--muted)}.auth-box label{display:block;margin:18px 0;color:#576763;font-size:11px}.auth-box input{display:block;width:100%;padding:12px;margin-top:7px;background:#fff;border:1px solid #d4deda;border-radius:5px}.wide{width:100%;margin-top:8px}.form-error{color:var(--red)!important}.privacy-copy{margin-top:20px!important;font-size:9px!important;line-height:1.7}.screen-center{min-height:100vh;display:grid;place-content:center;justify-items:center;color:var(--muted)}.loader{width:27px;height:27px;border:3px solid #d6e0dc;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.app{grid-template-columns:1fr}.side{position:static;height:auto;padding:15px}.logo{padding:0 5px 14px}.logo small,.side-user,.admin-link{display:none}.side nav{display:flex;overflow:auto}.side nav button{flex:0 0 auto;height:38px}.content{padding:30px 18px 80px}header{display:none}.home-grid,.dashboard-row,.support-grid,.auth-page{grid-template-columns:1fr}.auth-intro{min-height:270px;padding:28px}.auth-intro h1{font-size:30px}.auth-intro>small{display:none}.auth-box{width:calc(100% - 40px);padding:40px 0}.tool-grid{grid-template-columns:1fr}}@media(max-width:520px){.side nav button{font-size:11px;padding:0 9px;gap:5px}.side nav button i{width:14px}.welcome{align-items:flex-start;gap:15px}.welcome h1,.page-title h1{font-size:25px}.welcome>.quiet{font-size:10px}.moods{gap:3px}.moods small{display:none}.range-row{grid-template-columns:1fr}.checkin,.dashboard-row>.panel,.records{padding:20px}.coming{align-items:flex-start;gap:15px}.focus-card,.chat{padding:24px}.chat{padding:0}.settings section{align-items:flex-start;gap:12px}.admin-stats{grid-template-columns:1fr}}.resource-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:18px;margin-bottom:15px;background:#f5f7f5}.resource-form label{color:#65736f;font-size:10px}.resource-form input,.resource-form textarea{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #d8e0dd;border-radius:4px;background:#fff}.resource-form .full{grid-column:1 / -1}.resource-form .check{display:flex;align-items:center;gap:6px}.resource-form .check input{width:auto;margin:0}@media(max-width:520px){.resource-form{grid-template-columns:1fr}.resource-form .full{grid-column:auto}}
