@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Shippori+Mincho:wght@500;600&display=swap";:root{color:#e9edf5;font-synthesis:none;background:#081425;font-family:Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0,#18345b 0,#081425 42%,#06101e 100%);min-width:320px;margin:0}html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}button,textarea{font:inherit}button{cursor:pointer;border:0}button:focus,button:focus-visible{outline:none}.app-shell{min-height:100vh;padding:0 0 28px}.phone-frame{background:linear-gradient(#0f2544e0,#071425fa);width:min(100%,540px);min-height:100vh;margin:0 auto;padding:0 22px 104px;position:relative;overflow:hidden}.phone-frame:before{content:"";filter:blur(2px);pointer-events:none;background:#7eb89914;border-radius:50%;width:320px;height:320px;position:absolute;top:-130px;right:-110px}.topbar{z-index:1;justify-content:space-between;align-items:center;height:74px;display:flex;position:relative}.brand-mark{letter-spacing:.08em;align-items:center;gap:8px;font-family:Shippori Mincho,serif;font-size:22px;display:flex}.brand-leaf{color:#a8d6b4;font-size:16px;transform:rotate(-16deg)}.icon-button{color:#d8e6eb;background:#ffffff14;border-radius:50%;width:36px;height:36px;font-size:20px}.page{animation:.35s both fade-in;position:relative}.home-page{padding-top:25px}.eyebrow{color:#9eb5bf;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:600;display:block}.hero-copy h1,.page h1{letter-spacing:.02em;margin:12px 0 8px;font-family:Shippori Mincho,serif;font-size:clamp(28px,7vw,38px);font-weight:500;line-height:1.32}.page h1 em,.hero-copy h1 em{color:#b5d9be;font-style:normal;display:block}.hero-copy p,.page-intro{color:#a7b8c7;margin:0;font-size:14px}.mood-row{scrollbar-width:none;gap:8px;margin:28px 0 22px;display:flex;overflow-x:auto}.mood-row::-webkit-scrollbar{display:none}.mood-chip{color:#9eb1c0;background:#ffffff0e;border-radius:16px;min-width:58px;padding:10px 7px 8px;transition:all .2s}.mood-chip span{color:var(--mood);margin-bottom:7px;font-size:20px;line-height:1;display:block}.mood-chip small{white-space:nowrap;font-size:11px}.mood-chip.selected{color:#f5faf8;background:#97cda829;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #b3debe66}.plant-card{color:#f5fcf6;text-align:left;background:linear-gradient(110deg,#285a52,#1a3f46);border:1px solid #aadbb54d;border-radius:22px;align-items:center;gap:13px;width:100%;padding:22px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 40px #08343438}.plant-card-glow{background:#ade3be24;border-radius:50%;width:180px;height:180px;position:absolute;top:-75px;right:-25px}.plant-icon{color:#d5f0d9;background:#ffffff21;border-radius:50%;place-items:center;width:38px;height:38px;font-size:23px;display:grid}.plant-card strong,.plant-card small{display:block;position:relative}.plant-card strong{font-size:15px}.plant-card small{color:#b8d4c5;margin-top:4px;font-size:11px}.plant-card b{color:#cbe8d1;margin-left:auto;font-size:21px;font-weight:400;position:relative}.section-head{justify-content:space-between;align-items:flex-end;margin:32px 0 13px;display:flex}.section-head h2{color:#f0f5f5;margin:6px 0 0;font-family:Shippori Mincho,serif;font-size:21px;font-weight:500}.text-link,.back-link{color:#a8d5b1;background:0 0;font-size:12px}.back-link{margin:8px 0 25px;display:block}.letter-card,.echo-card{background:#ffffff0e;border:1px solid #c7dae01a;border-radius:17px;margin-bottom:12px;padding:17px}.letter-card{cursor:pointer}.letter-card.compact{cursor:default}.letter-meta{color:#849cae;align-items:center;gap:10px;font-size:11px;display:flex}.mood-dot{color:#c8e2d0;background:#8ac29929;border-radius:99px;padding:4px 8px}.mood-dot.難過{color:#c4c8ed;background:#9696dc2b}.mood-dot.焦慮{color:#e7cb92;background:#e1b75a26}.lock{color:#78929d;margin-left:auto}.letter-quote{color:#e7eef0;margin:13px 0 9px;font-size:14px;line-height:1.75}.letter-reply{color:#9fb5bf;margin:0;font-size:13px;line-height:1.7}.daily-note{color:#9eb5b5;gap:10px;margin:26px 4px 0;font-size:12px;line-height:1.7;display:flex}.daily-note span{color:#c7ad71;font-size:20px}.daily-note p{margin:0}.daily-note strong{color:#d7e8dc;letter-spacing:.1em;font-size:11px;display:block}.composer-view,.reply-view{padding-top:24px}.composer-box{background:#ffffff0f;border:1px solid #abd3c14d;border-radius:18px;margin-top:26px;padding:15px}.composer-box textarea{resize:none;color:#e9f2ed;background:0 0;border:0;outline:0;width:100%;height:155px;font-size:15px;line-height:1.8;display:block}.composer-box textarea::placeholder{color:#78909c}.composer-footer{color:#718996;justify-content:space-between;align-items:center;font-size:11px;display:flex}.composer-footer button{color:#a6c9b2;background:#a1d2ae1a;border-radius:20px;padding:7px 11px;font-size:12px}.field-group{margin-top:23px}.field-group label{color:#a6b9c1;margin-bottom:10px;font-size:12px;display:block}.tag-row,.mode-row,.filter-row{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.tag-row::-webkit-scrollbar{display:none}.mode-row::-webkit-scrollbar{display:none}.filter-row::-webkit-scrollbar{display:none}.tag-row button,.mode-row button,.filter-row button{color:#9cb1b8;background:#ffffff0b;border:1px solid #bed6d71f;border-radius:99px;flex:none;padding:9px 12px;font-size:12px}.tag-row button.active,.mode-row button.active,.filter-row button.active{color:#d7f1dc;background:#90c49d29;border-color:#a2d7ad8c}.switch-row{align-items:center;gap:12px;margin:25px 0 20px;display:flex}.switch-row span{flex:1}.switch-row strong,.switch-row small{display:block}.switch-row strong{color:#d9e5e5;font-size:13px;font-weight:500}.switch-row small{color:#7f97a2;margin-top:4px;font-size:11px}.switch-row input{display:none}.switch-row i{background:#3a4a52;border-radius:20px;width:42px;height:24px;transition:all .2s;position:relative}.switch-row i:after{content:"";background:#b8c8c8;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.switch-row input:checked+i{background:#5d9d76}.switch-row input:checked+i:after{background:#f2fff3;transform:translate(18px)}.primary-button{color:#102a21;background:#addbb7;border-radius:14px;width:100%;padding:15px;font-weight:700;box-shadow:0 8px 22px #7ec39233}.primary-button span{float:right;font-size:18px}.your-letter{background:#ffffff0f;border-radius:16px;margin:25px 0 16px;padding:16px}.your-letter span{color:#a8d8b3;font-size:11px}.your-letter p{color:#e3ebed;margin:9px 0 0;line-height:1.7}.reply-block{background:#94cba114;border-left:2px solid #91c79c;border-radius:0 15px 15px 0;padding:18px}.reply-label{color:#a9d8b3;letter-spacing:.12em;font-size:11px}.reply-block p{color:#d7e7dc;margin:10px 0 0;line-height:1.85}.reply-actions{gap:10px;margin:17px 0;display:flex}.reply-actions button{color:#9bc4a5;background:#ffffff0f;border-radius:10px;flex:1;padding:10px;font-size:12px}.echo-page{padding-top:25px}.filter-row{margin:23px 0 16px}.echo-card{padding:18px}.echo-mood{color:#a3c8ac;letter-spacing:.08em;font-size:11px}.echo-card p{color:#e3eceb;margin:12px 0 17px;font-family:Shippori Mincho,serif;font-size:17px;line-height:1.7}.echo-footer{color:#7e99a2;justify-content:space-between;align-items:center;font-size:11px;display:flex}.echo-footer button{color:#a8d7b1;background:#96cda11a;border-radius:8px;padding:7px 10px;font-size:11px}.echo-footer button.sent{color:#809b8a;background:#ffffff0f}.floating-compose{color:#a6d7b1;background:0 0;border:1px dashed #a3d1ac66;border-radius:13px;width:100%;margin-top:5px;padding:13px;font-size:12px}.tree-panel{background:linear-gradient(115deg,#2d635180,#16373e59);border:1px solid #9fd3a933;border-radius:20px;align-items:center;gap:16px;margin-top:26px;padding:20px;display:flex}.tree-visual{background:#9dd4a717;border-radius:50% 50% 45% 45%;place-items:center;width:94px;height:112px;display:grid}.tree-canopy{color:#b6e3bd;text-shadow:0 0 25px #a0e1aca6;font-size:51px}.tree-trunk{color:#bd9f77;margin-top:-34px;font-size:33px}.tree-panel strong,.tree-panel p,.level-label{display:block}.tree-panel strong{color:#e6f1e8;margin:4px 0 7px;font-family:Shippori Mincho,serif;font-size:22px;font-weight:500}.level-label{color:#a9d5b2;font-size:11px}.tree-panel p{color:#9bb2b8;margin:0;font-size:12px;line-height:1.6}.average{color:#a8d4af;font-size:11px}.mood-chart{border-bottom:1px solid #c1d6d921;justify-content:space-around;align-items:flex-end;height:135px;padding:18px 8px 0;display:flex}.chart-day{flex-direction:column;justify-content:flex-end;align-items:center;gap:9px;height:100%;display:flex}.bar{opacity:.85;background:linear-gradient(#a5d5ad,#457c69);border-radius:8px 8px 2px 2px;width:18px;min-height:12px;display:block}.chart-day small{color:#78919b;font-size:10px}.me-page{padding-top:27px}.profile-heading{align-items:center;gap:13px;display:flex}.profile-heading h1{margin-top:10px;font-size:24px}.avatar{color:#d8f0dc;background:linear-gradient(140deg,#578e70,#234d50);border-radius:16px;place-items:center;width:48px;height:48px;font-family:Shippori Mincho,serif;font-size:24px;display:grid}.settings-list{border-top:1px solid #c1d6d91a;margin-top:30px}.setting-row{color:#dbe7e7;text-align:left;background:0 0;border-bottom:1px solid #c1d6d91a;align-items:center;gap:12px;width:100%;padding:17px 0;display:flex}.setting-icon{color:#a9d4b1;background:#a0d0aa1c;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.setting-row span:nth-child(2){flex:1}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:13px;font-weight:500}.setting-row small{color:#829ba3;margin-top:4px;font-size:11px}.setting-row b{color:#7f989e;font-size:11px;font-weight:400}.plan-card{background:linear-gradient(130deg,#284c54,#263c55);border-radius:18px;margin-top:27px;padding:19px}.plan-card h2{color:#e6f3e8;margin:8px 0;font-family:Shippori Mincho,serif;font-size:20px;font-weight:500}.plan-card p{color:#9fb9bd;margin:0 0 15px;font-size:12px;line-height:1.7}.plan-card button{color:#b6dfbc;background:0 0;padding:9px 0;font-size:12px}.version{color:#5f7982;text-align:center;margin-top:28px;font-size:10px}.bottom-nav{z-index:5;width:min(100%,540px);padding:9px 12px max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#081627f0;border-top:1px solid #c4dbd717;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#6f8791;background:0 0;flex:1;padding:4px 0}.bottom-nav span,.bottom-nav small{display:block}.bottom-nav span{margin-bottom:4px;font-size:19px}.bottom-nav small{font-size:10px}.bottom-nav button.active{color:#b4dbb9}.toast{z-index:9;color:#e8f4ea;white-space:nowrap;background:#1c3e3bf5;border:1px solid #b5e0bc42;border-radius:99px;max-width:calc(100% - 42px);padding:10px 15px;font-size:12px;animation:.25s both toast-in;position:fixed;bottom:94px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0000004d}@keyframes fade-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%)}}.login-overlay{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030c17c2;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.login-sheet{background:linear-gradient(155deg,#1d4050,#10263f 55%,#0b1c31);border:1px solid #b7dec038;border-radius:23px 23px 17px 17px;width:min(100%,500px);padding:31px 24px 24px;animation:.25s both fade-in;position:relative;box-shadow:0 -15px 55px #00000061}.sheet-close{color:#a9bec2;background:#ffffff14;border-radius:50%;width:30px;height:30px;font-size:22px;line-height:1;position:absolute;top:15px;right:16px}.login-logo{color:#caedd0;background:#9fd7ab26;border-radius:15px;place-items:center;width:46px;height:46px;margin-bottom:18px;font-size:22px;display:grid}.login-sheet h2{color:#eaf3ed;margin:10px 0 8px;font-family:Shippori Mincho,serif;font-size:27px;font-weight:500}.login-sheet h2 em{color:#b6dabc;font-style:normal;display:block}.login-intro{color:#a4babb;margin:0 0 22px;font-size:12px;line-height:1.7}.login-field{color:#b4c7c8;font-size:11px;display:block}.login-field input{color:#eff7f1;background:#00000029;border:1px solid #c4dcda33;border-radius:10px;outline:none;width:100%;margin-top:7px;padding:12px;font-size:14px;display:block}.login-field input:focus{border-color:#a9d9b3ad}.code-field{align-items:flex-end;gap:8px;margin:15px 0;display:flex}.code-field label{flex:1}.code-field button{color:#b7dfbd;background:#9dcda61c;border:1px solid #aad7b23b;border-radius:10px;flex:none;padding:12px 10px;font-size:11px}.auth-button{color:#153126;background:#addab5;border-radius:11px;width:100%;padding:14px;font-weight:700}.login-terms{color:#779199;text-align:center;margin-top:17px;font-size:10px;display:block}.login-top-button{color:#c8e5cc;background:#a3d1ac1a;border:1px solid #afdab757;border-radius:9px;padding:7px 12px;font-size:11px}.account-mini{color:#d9efdc;background:linear-gradient(140deg,#578e70,#234d50);border-radius:11px;place-items:center;width:32px;height:32px;font-family:Shippori Mincho,serif;display:grid}.account-prompt{background:#9dd3a814;border:1px solid #a7d5b038;border-radius:16px;align-items:center;gap:11px;margin-top:21px;padding:15px;display:flex}.account-prompt div{flex:1}.account-prompt strong{color:#e2f1e3;font-size:13px}.account-prompt p{color:#94adad;margin:5px 0 0;font-size:11px;line-height:1.5}.account-prompt button{color:#afe0b7;white-space:nowrap;background:0 0;padding:8px 0;font-size:11px}.signout-button{color:#a5b5b5;background:#ffffff0a;border:1px solid #c1d6d91f;border-radius:10px;width:100%;margin-top:24px;padding:11px;font-size:11px}.ai-page{min-height:calc(100vh - 178px);padding-top:20px;padding-bottom:92px}.ai-heading{justify-content:space-between;align-items:flex-start;display:flex}.ai-heading h1{font-size:29px}.ai-heading button{color:#9eb9b4;background:#ffffff0e;border-radius:10px;width:34px;height:34px;margin-top:3px;font-size:19px}.ai-presence{background:#75b18d14;border:1px solid #9cd5aa2e;border-radius:14px;align-items:center;gap:11px;margin:19px 0;padding:13px 14px;display:flex}.ai-orbit{color:#c3e8c8;background:#a3d9ae24;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 0 18px #8fd19f2e}.ai-presence p{color:#8fa9a9;margin:0;font-size:11px;line-height:1.5}.ai-presence strong{color:#cbe3cf;font-size:12px;display:block}.chat-starters{gap:7px;margin-bottom:19px;display:grid}.chat-starters button{color:#a8c2be;text-align:left;background:#ffffff0a;border:1px solid #c1d6d91a;border-radius:11px;justify-content:space-between;width:100%;padding:11px 13px;font-size:11px;display:flex}.chat-starters span{color:#95c89f}.chat-list{flex-direction:column;gap:15px;display:flex}.chat-message{align-items:flex-start;gap:9px;max-width:92%;display:flex}.chat-message.user{flex-direction:row-reverse;align-self:flex-end}.chat-avatar{color:#d6eed9;background:#315e56;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-family:Shippori Mincho,serif;font-size:12px;display:grid}.chat-message>div{min-width:0}.chat-message small{color:#708c92;margin:0 4px 5px;font-size:9px;display:block}.chat-message.user small{text-align:right}.chat-message p{color:#dce9e2;white-space:pre-wrap;background:#fff1;border-radius:4px 14px 14px;margin:0;padding:11px 13px;font-size:13px;line-height:1.75}.chat-message.user p{color:#193127;background:#add5b5;border-radius:14px 4px 14px 14px}.chat-message button{color:#d39d8f;background:0 0;margin-top:6px;padding:0;font-size:10px}.typing:after{content:"…";color:#9ed0aa;animation:1s infinite typing-pulse;display:inline-block}.chat-composer{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#081727f5;border-top:1px solid #c3d8d614;align-items:flex-end;gap:8px;width:min(100%,540px);padding:10px 20px;display:flex;position:fixed;bottom:67px;left:50%;transform:translate(-50%)}.chat-composer textarea{resize:none;color:#e6f0ea;background:#ffffff0e;border:1px solid #b7d7cf29;border-radius:13px;outline:none;flex:1;min-height:42px;max-height:92px;padding:11px 12px;font-size:13px;line-height:1.45}.chat-composer textarea:focus{border-color:#a0d2aa8a}.chat-composer button{color:#173127;background:#acd7b4;border-radius:13px;flex:none;width:42px;height:42px;font-size:21px;font-weight:700}.chat-composer button:disabled{opacity:.38;cursor:default}.ai-disclaimer{z-index:4;color:#617b80;font-size:9px;display:none;position:fixed;bottom:113px;left:50%;transform:translate(-50%)}.ai-page+.bottom-nav{box-shadow:0 -2px 18px #0000001c}@keyframes typing-pulse{50%{opacity:.25}}.meet-page{padding-top:25px}.meet-switch{background:#ffffff0f;border-radius:12px;gap:3px;margin-top:24px;padding:4px;display:flex}.meet-switch button{color:#829aa1;background:0 0;border-radius:9px;flex:1;padding:9px;font-size:12px}.meet-switch button.active{color:#dff2e2;background:#99cfa42e}.friend-note{color:#9cb5b5;background:#ffffff0b;border:1px solid #abd3c124;border-radius:14px;gap:10px;margin:20px 0 15px;padding:13px;font-size:11px;line-height:1.6;display:flex}.friend-note span{color:#d2b66f;font-size:18px}.friend-note p{margin:0}.friend-note strong{color:#cce2d2;font-size:12px;display:block}.friend-card{background:#ffffff0e;border:1px solid #c7dae01a;border-radius:16px;align-items:center;gap:11px;margin-bottom:11px;padding:14px;display:flex}.friend-avatar{color:#d7efdb;background:linear-gradient(140deg,#547e71,#294b59);border-radius:14px;flex:none;place-items:center;width:43px;height:43px;font-family:Shippori Mincho,serif;font-size:19px;display:grid;position:relative}.friend-avatar i{background:#607983;border:2px solid #172e42;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.friend-avatar i.online{background:#8ecb9c}.friend-main{flex:1;min-width:0}.friend-title{align-items:center;gap:8px;display:flex}.friend-title strong{color:#e3eeee;font-size:13px;font-weight:500}.friend-title span{color:#8099a1;font-size:10px}.friend-main p{color:#94aeb4;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 7px;font-size:11px;line-height:1.5;overflow:hidden}.friend-tags,.profile-tags{flex-wrap:wrap;gap:5px;display:flex}.friend-tags span,.profile-tags span{color:#9dc5aa;font-size:10px}.connect-button{color:#b5dfbb;background:#94c69d1a;border:1px solid #a1d4ac59;border-radius:9px;flex:none;padding:8px 10px;font-size:11px}.connect-button.connected{color:#839d8b;background:#ffffff0d;border-color:#c1d2c626}.profile-heading>div:nth-child(2){flex:1}.profile-heading{position:relative}.edit-profile{color:#a8d4af;background:#ffffff0a;border:1px solid #a2d3ab40;border-radius:8px;align-self:flex-start;padding:7px 9px;font-size:11px}.profile-card{background:#9fd3a912;border:1px solid #9fd3a92e;border-radius:16px;margin-top:22px;padding:16px}.profile-card>div:first-child{align-items:baseline;gap:8px;display:flex}.profile-card strong{color:#e4f0e5;font-family:Shippori Mincho,serif;font-size:19px;font-weight:500}.profile-card>div:first-child span{color:#88a5a5;font-size:10px}.profile-card p{color:#a5bcb9;margin:8px 0 11px;font-size:12px}.profile-editor{background:#ffffff0d;border:1px solid #a2d3ab40;border-radius:16px;gap:13px;margin-top:21px;padding:16px;display:grid}.profile-editor label{color:#9eb8b8;font-size:11px}.profile-editor input,.profile-editor textarea{resize:vertical;color:#e1eeee;background:#00000021;border:1px solid #c1d6d926;border-radius:9px;outline:none;width:100%;margin-top:6px;padding:10px;font-size:12px}.profile-editor textarea{min-height:63px}.editor-actions{justify-content:flex-end;gap:8px;display:flex}.editor-actions button{color:#9eb5b7;background:#ffffff12;border-radius:8px;padding:8px 11px;font-size:11px}.editor-actions .save-profile{color:#163026;background:#acd8b3}