@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&family=Quicksand:wght@400;500;600&display=swap";:root{color-scheme:dark;font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif;color:#ece9e3;background:#0e1422;font-synthesis:none;text-rendering:optimizeLegibility;--night: #0e1422;--night-soft: #151b2d;--surface: rgba(47, 52, 75, .58);--surface-strong: rgba(54, 60, 84, .72);--line: rgba(225, 219, 207, .1);--text: #ece9e3;--muted: #aaaabd;--dim: #7d8299;--lavender: #b7b3d8;--warm: #d8cbb5;--accent: #c4c0e4;--nav-height: 74px}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--night);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:none;background:radial-gradient(circle at 50% -10%,rgba(93,96,137,.2),transparent 40%),linear-gradient(180deg,#12192a,#0e1422 72%)}button,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{position:relative;min-height:100vh;min-height:100dvh;overflow-x:clip}.night-sky{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.6}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#efeade;box-shadow:0 0 8px #efeadea6;animation:breathe-light 5s ease-in-out infinite}.star--one{top:8%;left:12%}.star--two{top:15%;right:18%;animation-delay:-2s}.star--three{top:42%;right:8%;animation-delay:-3.5s}.page-container{position:relative;z-index:1;width:min(100%,720px);min-height:100vh;min-height:100dvh;margin:0 auto;animation:page-enter .55s ease both}.page{padding:calc(28px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(var(--nav-height) + 42px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.page-header{position:relative;margin-bottom:28px;padding-top:16px}.page-header .back-link{display:grid;width:48px;height:48px;margin-bottom:24px;border:1px solid var(--line);border-radius:50%;place-items:center;color:var(--muted);transition:.2s ease}.page-header .back-link:hover{background:var(--surface);color:var(--text)}.eyebrow{margin:0 0 10px;color:#8d91ad;font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}h1,h2,p{margin-top:0}h1,h2,.hero-subtitle,.comfort-panel p,.favorite-card p,.record-card p{font-family:"Noto Serif SC",Songti SC,serif}.page-header h1{margin-bottom:11px;font-size:clamp(1.75rem,7vw,2.35rem);font-weight:500;letter-spacing:.03em}.page-description{max-width:560px;margin-bottom:0;color:var(--muted);font-size:.95rem;line-height:1.9}.hero{padding:42px 4px 36px;text-align:center}.moon-mark{position:relative;display:grid;width:74px;height:74px;margin:0 auto 24px;border:1px solid rgba(216,203,181,.2);border-radius:50%;background:radial-gradient(circle,rgba(216,203,181,.12),transparent 64%);color:var(--warm);font-family:serif;font-size:2.8rem;place-items:center;box-shadow:0 0 50px #9691bc1f}.moon-mark:after{position:absolute;top:7px;right:-17px;color:#c8c3dc;content:"✦";font-size:.65rem}.hero h1{margin-bottom:15px;font-size:clamp(2.35rem,11vw,3.6rem);font-weight:500;letter-spacing:.12em}.hero-subtitle{margin-bottom:0;color:#bbb7c6;font-size:1rem;line-height:2}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.section-heading h2{margin:0;font-size:1.02rem;font-weight:500}.section-heading span{color:var(--dim);font-size:.76rem}.entry-list{display:grid;gap:11px}.entry-card{display:flex;min-height:88px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(115deg,#2f344ead,#1c223794);box-shadow:0 12px 36px #0000001f;transition:transform .25s ease,border-color .25s ease,background .25s ease}.entry-card:hover{border-color:#c4c0e44d;background:linear-gradient(115deg,#383d58c7,#21273ead);transform:translateY(-2px)}.entry-icon{display:grid;width:46px;height:46px;flex:0 0 46px;border-radius:15px;background:#b4b1d417;color:#c4c0df;font-family:serif;font-size:1.4rem;place-items:center}.entry-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:7px;padding:0 14px}.entry-copy strong{font-size:1rem;font-weight:500}.entry-copy small{overflow:hidden;color:#85899f;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.entry-arrow{color:#737890;font-size:1.05rem}.disclaimer{max-width:480px;margin:30px auto 0;color:#656a81;font-size:.72rem;line-height:1.85;text-align:center}.card{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 32px #0000001f}button.card{width:100%;cursor:pointer;text-align:left;transition:.25s ease}button.card:hover{border-color:#c4c0e447;transform:translateY(-1px)}.card--active{border-color:#c4c0e47a;background:linear-gradient(135deg,#5a587e7a,#2f344dc7);box-shadow:0 12px 38px #0b0a1838,inset 0 0 25px #bbb5de0d}.mood-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mood-card{display:flex;min-height:84px;align-items:center;gap:11px;padding:14px;font-size:.9rem}.card-icon{display:grid;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#c4c0e414;color:var(--lavender);font-family:serif;font-size:1.2rem;place-items:center}.comfort-panel{position:relative;margin-top:24px;padding:26px 22px 22px;overflow:hidden;border:1px solid rgba(207,199,185,.15);border-radius:22px;background:radial-gradient(circle at 95% 10%,rgba(187,178,211,.1),transparent 30%),#1f2438ad;animation:reveal .5s ease both}.comfort-label{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:#908fa8;font-size:.73rem;letter-spacing:.08em}.comfort-label span:first-child{color:var(--warm);font-family:serif;font-size:1.2rem}.comfort-panel>p{margin-bottom:24px;color:#ded8d1;font-size:1.02rem;line-height:2.15;letter-spacing:.035em}.secondary-button{display:flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid rgba(196,192,228,.22);border-radius:14px;background:#c4c0e412;color:#c5c0d6;cursor:pointer}.secondary-button.is-saved{color:#d9c8c5}.gentle-prompt{display:flex;align-items:center;justify-content:center;gap:9px;min-height:120px;color:#777c92;font-size:.82rem;text-align:center}.gentle-prompt p{margin:0}.emotion-chat{margin-top:18px;padding:18px;border:1px solid rgba(196,192,228,.16);border-radius:22px;background:radial-gradient(circle at 8% 0%,rgba(183,179,216,.09),transparent 26%),#1b2033b8;box-shadow:0 16px 45px #00000024;animation:reveal .55s ease both}.chat-header{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}.chat-avatar,.message-avatar{display:grid;border:1px solid rgba(216,203,181,.16);border-radius:50%;background:#b7b3d814;color:var(--warm);font-family:serif;place-items:center}.chat-avatar{width:40px;height:40px;flex:0 0 40px;font-size:1.25rem}.chat-header h2{margin:0 0 5px;color:#ddd8d2;font-family:"Noto Serif SC",Songti SC,serif;font-size:.95rem;font-weight:500}.chat-header p{display:flex;align-items:center;gap:6px;margin:0;color:#74798f;font-size:.66rem}.chat-header p i{width:5px;height:5px;border-radius:50%;background:#7f9b84;box-shadow:0 0 7px #7f9b848c}.chat-messages{display:flex;max-height:360px;min-height:132px;flex-direction:column;gap:12px;overflow-y:auto;padding:18px 2px;scrollbar-color:rgba(183,179,216,.2) transparent;scrollbar-width:thin}.chat-message{display:flex;align-items:flex-end;gap:8px}.chat-message--user{justify-content:flex-end}.message-avatar{width:26px;height:26px;flex:0 0 26px;font-size:.8rem}.chat-message p,.typing-indicator{max-width:min(82%,430px);margin:0;padding:11px 13px;border-radius:15px 15px 15px 4px;background:#3d425bb8;color:#d8d3ce;font-size:.88rem;line-height:1.85;white-space:pre-wrap}.chat-message--user p{border-radius:15px 15px 4px;background:#716c9294;color:#f0ece7}.quick-prompts{display:flex;gap:7px;margin:-4px 0 14px 34px;overflow-x:auto;padding-bottom:3px}.quick-prompts button{min-height:40px;flex:0 0 auto;padding:0 14px;border:1px solid rgba(196,192,228,.14);border-radius:999px;background:#b7b3d80d;color:#9291a6;cursor:pointer;font-size:.72rem}.typing-indicator{display:flex;width:54px;min-height:38px;align-items:center;justify-content:center;gap:4px}.typing-indicator i{width:4px;height:4px;border-radius:50%;background:#aaa6bd;animation:typing-dot 1.2s ease-in-out infinite}.typing-indicator i:nth-child(2){animation-delay:-.2s}.typing-indicator i:nth-child(3){animation-delay:-.4s}.chat-composer{display:flex;align-items:flex-end;gap:9px;padding:9px;border:1px solid rgba(225,219,207,.1);border-radius:16px;background:#080c1857}.chat-composer textarea{width:100%;max-height:116px;min-height:48px;padding:9px 6px;resize:none;border:0;outline:0;background:transparent;color:#e4dfd9;font-size:16px;line-height:1.65}.chat-composer textarea::placeholder{color:#64697e}.chat-composer button{display:grid;width:48px;height:48px;flex:0 0 48px;border:1px solid rgba(207,201,226,.2);border-radius:12px;background:#79759dad;color:#f2eee8;cursor:pointer;font-size:1rem;place-items:center}.chat-composer button:disabled{cursor:not-allowed;opacity:.3}.chat-note{margin:10px 2px 0;color:#62677c;font-size:.63rem;line-height:1.6;text-align:center}.now-playing{display:flex;align-items:center;gap:18px;margin-bottom:18px;padding:18px;border:1px solid rgba(196,192,228,.16);border-radius:20px;background:#30354f85}.now-playing>div:last-child{display:flex;flex-direction:column;gap:5px}.now-playing small{color:var(--dim);font-size:.7rem}.now-playing strong{font-size:.95rem;font-weight:500}.sound-wave{display:flex;width:52px;height:42px;align-items:center;justify-content:center;gap:4px;border-radius:14px;background:#b7b3d817}.sound-wave i{display:block;width:2px;height:8px;border-radius:2px;background:#aaa6c8}.sound-wave.is-moving i{animation:sound-bar 1.2s ease-in-out infinite}.sound-wave i:nth-child(2){animation-delay:-.2s}.sound-wave i:nth-child(3){animation-delay:-.45s}.sound-wave i:nth-child(4){animation-delay:-.7s}.sound-wave i:nth-child(5){animation-delay:-.9s}.sound-list{display:grid;gap:10px}.sound-card{display:flex;min-height:84px;align-items:center;padding:14px 16px}.sound-icon{display:grid;width:44px;height:44px;flex:0 0 44px;border-radius:15px;background:#b7b3d814;color:#bcb8d6;font-family:serif;font-size:1.35rem;place-items:center}.sound-copy{display:flex;flex:1;flex-direction:column;gap:6px;padding:0 14px}.sound-copy strong{font-size:.95rem;font-weight:500}.sound-copy small{color:#81859a;font-size:.72rem}.play-indicator{display:grid;width:40px;height:40px;border:1px solid rgba(196,192,228,.14);border-radius:50%;color:#9895b1;font-size:.65rem;place-items:center}.volume-control{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#1e233780}.volume-control label{display:flex;justify-content:space-between;margin-bottom:14px;color:#a5a4b5;font-size:.78rem}.volume-control input{width:100%;height:32px;border-radius:4px;accent-color:#aaa6ce}.page-note{margin:16px auto 0;color:#70758b;font-size:.74rem;line-height:1.7;text-align:center}.breath-page{text-align:center}.breath-page .page-header{text-align:left}.breath-stage{padding:16px 0 4px}.breath-orbit{position:relative;display:grid;width:224px;height:224px;margin:0 auto 34px;border:1px solid rgba(183,179,216,.1);border-radius:50%;place-items:center}.breath-orbit:before,.breath-orbit:after{position:absolute;border:1px solid rgba(183,179,216,.07);border-radius:50%;content:""}.breath-orbit:before{top:12px;right:12px;bottom:12px;left:12px}.breath-orbit:after{top:-9px;right:-9px;bottom:-9px;left:-9px}.breath-circle{position:relative;display:flex;width:142px;height:142px;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid rgba(216,203,181,.17);border-radius:50%;background:radial-gradient(circle at 40% 34%,rgba(203,198,230,.22),transparent 54%),#5b587f52;box-shadow:0 0 60px #7e79a82e;color:#eee8df;transition:transform 1s ease,opacity .6s ease}.breath-circle span{font-family:"Noto Serif SC",serif;font-size:1.25rem;letter-spacing:.14em}.breath-circle small{color:#9f9db4;font-size:.67rem}.breath-orbit--inhale .breath-circle{animation:inhale 4s ease-in-out forwards}.breath-orbit--hold .breath-circle{transform:scale(1.35)}.breath-orbit--exhale .breath-circle{animation:exhale 6s ease-in-out forwards}.breath-orbit--paused .breath-circle{opacity:.72}.breath-timing{display:flex;align-items:center;justify-content:center;gap:11px;color:#83879b;font-size:.7rem}.breath-timing span{white-space:nowrap}.breath-timing strong{color:#b7b3c8;font-size:.86rem;font-weight:500}.breath-timing i{width:2px;height:2px;border-radius:50%;background:#5f647a}.timer-block{display:flex;flex-direction:column;gap:4px;margin:28px 0 16px}.timer-block small{color:#70758b;font-size:.68rem}.timer-block strong{color:#c8c4d1;font-size:1.4rem;font-weight:400;letter-spacing:.08em}.primary-button{display:inline-flex;width:100%;min-height:54px;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(207,201,226,.2);border-radius:17px;background:linear-gradient(135deg,#79759db8,#525174b8);box-shadow:0 12px 30px #06071033;color:#f3efe9;cursor:pointer;font-size:.92rem;transition:.25s ease}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.42;transform:none}.primary-button span{font-size:.72rem}.clear-form{display:grid;gap:16px}.writing-field{position:relative;display:block;padding:18px;border:1px solid var(--line);border-radius:20px;background:#22273d94}.writing-field>span{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:#c2bec8;font-family:"Noto Serif SC",serif;font-size:.9rem}.writing-field>span i{color:#777b94;font-family:Quicksand,sans-serif;font-size:.65rem;font-style:normal;letter-spacing:.08em}.writing-field textarea{width:100%;padding:14px;resize:vertical;border:1px solid rgba(225,219,207,.08);border-radius:14px;outline:none;background:#080c1852;color:#e4ded8;font-size:16px;line-height:1.9;transition:border-color .2s ease}.writing-field textarea:focus{border-color:#c4c0e459}.writing-field textarea::placeholder{color:#666b80}.writing-field>small{display:block;margin-top:6px;color:#62677c;font-size:.65rem;text-align:right}.save-confirmation{display:flex;align-items:center;gap:10px;margin-top:16px;padding:13px 15px;border:1px solid rgba(169,188,175,.15);border-radius:14px;background:#526d5b24;color:#b8c5ba;font-size:.78rem;animation:reveal .4s ease both}.save-confirmation p{margin:0;line-height:1.6}.button-stack{display:grid;gap:10px;margin-top:22px}.text-button{min-height:48px;border:0;background:transparent;color:#74798e;cursor:pointer;font-size:.77rem}.mine-section{margin-bottom:30px}.favorite-list{display:grid;gap:12px}.favorite-card,.record-card{padding:20px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 96% 0%,rgba(183,179,216,.08),transparent 28%),#22273d94}.favorite-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.favorite-meta span{color:#aaa7be;font-size:.72rem}.favorite-meta time,.record-card>time{color:#656a7f;font-size:.65rem}.favorite-card p{margin-bottom:14px;color:#d3cdc8;font-size:.9rem;line-height:2.05}.favorite-card button{min-width:48px;min-height:48px;padding:5px 0;border:0;background:transparent;color:#74798e;cursor:pointer;font-size:.7rem}.record-card>time{display:block;margin-bottom:18px}.record-card div+div{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.record-card small{color:#777c92;font-size:.7rem}.record-card p{margin:8px 0 0;color:#d2ccc6;font-size:.88rem;line-height:2;white-space:pre-wrap}.empty-state{display:flex;min-height:150px;align-items:center;justify-content:center;flex-direction:column;gap:13px;padding:24px;border:1px dashed rgba(225,219,207,.12);border-radius:20px;color:#72778c;text-align:center}.empty-state span{color:#928fa9;font-family:serif;font-size:1.65rem}.empty-state p{max-width:310px;margin:0;font-size:.78rem;line-height:1.8}.bottom-nav{position:fixed;z-index:20;right:max(10px,env(safe-area-inset-right),calc((100vw - 700px)/2));bottom:max(8px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left),calc((100vw - 700px)/2));display:grid;height:var(--nav-height);grid-template-columns:repeat(5,1fr);padding:8px 6px;border:1px solid rgba(225,219,207,.12);border-radius:23px;background:#121626db;box-shadow:0 18px 55px #0006;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-item{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-radius:16px;color:#6f748b;min-width:48px;min-height:56px;font-size:.68rem;transition:color .2s ease,background .2s ease}.nav-item.is-active{background:#b1adcf14;color:#c8c4d8}.nav-icon{height:23px;font-family:serif;font-size:1.2rem;line-height:23px}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid rgba(196,192,228,.7);outline-offset:3px}@keyframes page-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe-light{0%,to{opacity:.25}50%{opacity:1}}@keyframes sound-bar{0%,to{height:7px;opacity:.5}50%{height:23px;opacity:1}}@keyframes typing-dot{0%,to{opacity:.35;transform:translateY(1px)}50%{opacity:1;transform:translateY(-2px)}}@keyframes inhale{0%{transform:scale(1)}to{transform:scale(1.35)}}@keyframes exhale{0%{transform:scale(1.35)}to{transform:scale(1)}}@media (max-width: 380px){.page{padding-right:max(16px,env(safe-area-inset-right));padding-left:max(16px,env(safe-area-inset-left))}.hero{padding-top:32px}.hero h1{font-size:2.2rem}.mood-grid{gap:8px}.mood-card{gap:8px;padding:12px 10px;font-size:.84rem}.card-icon{width:32px;height:32px;flex-basis:32px}.comfort-panel{padding:22px 18px 18px}.emotion-chat{padding:14px}.chat-message p,.typing-indicator{max-width:86%}.quick-prompts{margin-left:0}}@media (min-width: 680px){.page{padding-right:36px;padding-left:36px}.hero{padding-top:76px}.entry-list,.sound-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mood-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}