:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111;background:#fff7ef;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;height:100%;margin:0}body{overscroll-behavior:none;background:radial-gradient(circle at 12% 8%,#ffbec494,#0000 22%),radial-gradient(circle at 88% 12%,#b7e1ffa6,#0000 24%),radial-gradient(circle at 20% 92%,#b6e5c785,#0000 18%),radial-gradient(circle at 84% 86%,#ffd7a080,#0000 20%),linear-gradient(#fff7ef 0%,#fff1d8 100%)}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}#root{justify-content:center;align-items:stretch;padding:0;display:flex}.student-page{background:#ffffffeb;width:100%;height:100%;min-height:100%;position:relative;overflow:hidden}.mobile-topbar{z-index:10;height:calc(88px + env(safe-area-inset-top));padding:calc(30px + env(safe-area-inset-top)) 12px 14px;background:#fffffff5;border-bottom:1px solid #00000017;grid-template-columns:56px 1fr 56px;align-items:end;gap:6px;display:grid;position:relative}.mobile-topbar h1{letter-spacing:.02em;text-align:center;align-self:center;margin:0;font-size:24px;font-weight:800}.nav-btn{place-items:center;width:48px;height:44px;font-weight:800;line-height:1;display:grid}.back-btn{font-family:Arial,sans-serif;font-size:48px;transform:translateY(-2px)}.more-btn{letter-spacing:-2px;font-size:18px}.home-main{height:calc(100% - 88px - env(safe-area-inset-top));background:radial-gradient(circle at 50% 42%,#ffffffb8,#0000 42%),linear-gradient(#fff8ed,#fef0d0);grid-template-rows:1fr auto;align-items:center;padding:66px 18px 30px;display:grid;position:relative}.home-bg,.home-arch,.bear-orbit{pointer-events:none;position:absolute;inset:0}.bubble{background:#ffffff80;border-radius:999px;position:absolute}.bubble-a{width:92px;height:92px;top:10%;left:8%}.bubble-b{width:58px;height:58px;top:18%;right:12%}.bubble-c{width:76px;height:76px;bottom:15%;left:18%}.bubble-d{width:110px;height:110px;bottom:8%;right:4%}.feature-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;width:100%;display:grid;position:relative}.feature-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbd;border-radius:26px;place-items:center;gap:8px;min-height:128px;padding:14px;display:grid;box-shadow:0 16px 36px #78583e1f}.feature-card strong{font-size:18px}.feature-card span{color:#7d6673;font-size:13px}.feature-icon{object-fit:contain;filter:drop-shadow(0 8px 12px #78583e1f);width:76px;height:76px}.bear-stage{z-index:1;place-items:center;padding:10px 0 8px;display:grid;position:relative}.bear-home{z-index:1;object-fit:contain;filter:drop-shadow(0 14px 24px #5a3c1e2e);width:clamp(130px,38vw,220px);max-height:260px;position:relative}.placeholder-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd6;border-radius:28px;width:calc(100% - 40px);margin:28px auto;padding:28px 20px;box-shadow:0 14px 36px #684a301f}.placeholder-badge{color:#9a6130;background:#fff0cf;border-radius:999px;margin-bottom:14px;padding:8px 14px;display:inline-block}.diary-page{background:linear-gradient(#fffdf6 0%,#fff2da 100%);flex-direction:column;display:flex}.diary-main{flex:1;gap:14px;min-height:0;padding:18px;display:grid;overflow:auto}.diary-hero,.diary-composer,.diary-feedback,.diary-analytics,.diary-list{background:#ffffffd1;border-radius:24px;padding:16px;box-shadow:0 14px 32px #8c62321a}.section-kicker{color:#b06a2f;margin-bottom:6px;font-weight:700;display:inline-block}.diary-hero{grid-template-columns:1.3fr .9fr;align-items:stretch;gap:12px;display:grid}.diary-bear-card{text-align:center;background:linear-gradient(#fff7dd,#ffe6b4);border-radius:20px;justify-items:center;gap:8px;padding:12px;display:grid}.diary-bear-card img{object-fit:contain;width:82px;height:82px}.choice-row,.tag-row,.analytics-tabs,.summary-chips{flex-wrap:wrap;gap:8px;display:flex}.choice-row button,.tag-row button,.analytics-tabs button,.submit-btn,.diary-chart{margin-top:10px}.mood-curve-scroll{width:100%;padding-bottom:4px;overflow-x:auto}.mood-axis-label{fill:#86614c;font-size:8px}.mood-axis-line{stroke:#86614c33;stroke-width:1px}.mood-date-label{fill:#86614c;font-size:7px}.mood-choice-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mood-choice-row button{color:#6e5644;cursor:pointer;background:#fff9ef;border:1px solid #00000014;border-radius:16px;gap:4px;min-height:58px;padding:10px 8px;display:grid}.mood-choice-row button.selected{background:#ffcf88;border-color:#e48b45}.mood-choice-row small{color:#86614c;font-size:11px}.calendar-weekdays{color:#86614c;text-align:center;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:6px;font-size:11px;font-weight:700;display:grid}.share-toggle{background:#fff7ea;border-radius:16px;padding:10px 12px}.choice-row button.selected,.tag-row button.selected,.analytics-tabs button.selected{background:#ffcf88}.choice-row.colors button{background:var(--diary-color);border:2px solid #ffffffe6;width:36px;height:36px;padding:0;box-shadow:inset 0 0 0 1px #462c1c1f}.choice-row.colors button.selected{outline-offset:2px;outline:3px solid #e48b45}.diary-composer textarea,.mini-inputs input{background:#fff;border:1px solid #00000014;border-radius:18px;width:100%;margin-top:10px;padding:12px 14px}.mini-inputs{gap:8px;display:grid}.submit-btn{color:#fff;background:linear-gradient(135deg,#ffbf5f,#ff9f6b);width:100%;margin-top:12px;font-weight:700}.diary-page .diary-composer>.submit-btn{border-radius:16px;min-height:54px;padding:14px 18px}.diary-card{background:#fff9ef;border-radius:18px;margin-top:10px;padding:12px}.diary-card.compact{grid-template-columns:16px 1fr;align-items:start;gap:10px;display:grid}.diary-card .swatch{border-radius:999px;width:16px;height:16px;margin-top:4px}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-grid span{aspect-ratio:1;background:#f5e9d3;border-radius:10px}.calendar-grid span.filled{background:linear-gradient(#ffcf8a,#ff9f6b);place-items:center;display:grid}.calendar-grid span.filled b{color:#6e5644;font-size:12px;font-weight:700}.calendar-grid span.calendar-blank{background:0 0}.calendar-grid span.mood-happy{background:#ffbf5f}.calendar-grid span.mood-neutral{background:#f5e9d3}.calendar-grid span.mood-unhappy{background:#c9dff5}.curve-placeholder,.weather-placeholder{text-align:center;color:#86614c;place-items:center;min-height:96px;display:grid}.diary-chart{margin-top:10px}.range-row{gap:8px;margin-bottom:8px;display:flex}.range-row button{color:#7a4c31;cursor:pointer;background:#f5e9d3;border:0;border-radius:999px;padding:5px 10px;font-weight:600}.range-row button.selected{color:#fff;background:#f4813f}.mood-curve{min-width:300px;height:140px;display:block}.weather-bar{grid-template-columns:44px 1fr 28px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.weather-bar i{background:linear-gradient(90deg,#ffd08a,#f4813f);border-radius:999px;min-width:4px;height:12px;display:block}.diary-calendar strong{margin-bottom:8px;display:block}.share-toggle{color:#6e5644;align-items:center;gap:8px;margin-top:10px;display:flex}.chat-page{background:#fff;flex-direction:column;display:flex}.chat-main{background:#fff;flex:1;min-height:0;padding:36px 18px 16px;position:relative}.privacy-modal{z-index:80;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.privacy-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18120c5c;position:absolute;inset:0}.privacy-card,.safety-notice{z-index:8;color:#4c341c;background:#fff8e8;border-radius:22px;width:min(100%,430px);margin:0 auto 12px;padding:16px 18px;position:relative;box-shadow:0 12px 28px #7e541c24}.privacy-modal .privacy-card{z-index:81;margin:0;padding:22px 20px 20px}.privacy-card h2,.privacy-card p,.safety-notice p{margin:0 0 8px}.privacy-card h2{font-size:18px}.privacy-card ul{margin:8px 0 12px;padding-left:20px;line-height:1.45}.privacy-close{color:#8a5a22;background:#ffffffb8;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.privacy-card .privacy-accept{color:#fff;background:#ff9f43;border-radius:999px;width:100%;padding:11px 14px;font-weight:800}.safety-notice{color:#183952;background:#eef7ff}.safety-notice.l3,.safety-notice.l4{color:#70301f;background:#fff0ec}.safety-notice strong,.safety-notice span{margin-bottom:5px;display:block}.dropdown-menu{z-index:20;background:#fffffffa;border-radius:16px;min-width:142px;position:absolute;top:8px;right:12px;overflow:hidden;box-shadow:0 14px 30px #00000024}.dropdown-menu button{text-align:left;width:100%;padding:14px 16px}.assistant-card{flex-direction:column;align-items:center;height:100%;display:flex;position:relative}.assistant-bubble-wrap{z-index:2;color:#111;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word;background:linear-gradient(135deg,#dfff73 0%,#cdfa78 48%,#d5ff8a 100%);border-radius:34px;width:min(94%,390px);min-height:88px;max-height:34vh;padding:18px 64px 24px 28px;font-size:clamp(16px,4.1vw,19px);font-weight:400;line-height:1.32;display:block;position:relative;overflow:hidden;box-shadow:0 8px 18px #97ca2b1f}.assistant-bubble-wrap.pending{overflow:auto}.assistant-bubble-wrap:after{content:"😊";pointer-events:none;place-items:center;width:38px;height:38px;font-size:clamp(28px,7vw,38px);line-height:1;display:grid;position:absolute;top:16px;right:18px}.assistant-bubble-text{white-space:normal;margin:0;padding-bottom:28px;padding-right:2px}.speech-btn{z-index:2;color:#42640e;background:#ffffffc7;border:2px solid #48680c2e;border-radius:50%;place-items:center;width:38px;height:38px;font-size:16px;font-weight:900;line-height:1;transition:transform .16s,background .16s;display:grid;position:absolute;bottom:12px;right:16px;box-shadow:0 4px 10px #48680c24}.speech-btn:hover,.speech-btn:focus-visible{background:#fff;transform:scale(1.06)}.speech-btn.speaking{color:#fff;background:#42640e}.speech-btn.loading{cursor:wait}.speech-spinner{border:2px solid #42640e38;border-top-color:#42640e;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite speech-spin}@keyframes speech-spin{to{transform:rotate(360deg)}}.assistant-bubble-wrap.pending .speech-btn{display:none}.assistant-bubble-wrap.pending{color:#24405a;background:linear-gradient(135deg,#fff3cf 0%,#eaf7ff 52%,#f4fbff 100%);border:1px solid #ffffffb8;overflow:auto;box-shadow:0 10px 22px #628fae29}.assistant-bubble-wrap.pending:after{content:"🤔"}.pending-label{color:#47657e;background:#ffffffb3;border-radius:999px;align-items:center;width:fit-content;margin-bottom:8px;padding:4px 10px;font-size:12px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 5px 12px #507da01a}.pending-user-text{color:#1c3349;font-weight:600}.pending-waiting-text{color:#5c7284;flex-wrap:wrap;align-items:center;gap:4px;margin:9px 0 0;font-size:clamp(13px,3.5vw,15px);font-weight:600;line-height:1.35;display:flex}.typing-dots{align-items:center;gap:3px;display:inline-flex;transform:translateY(1px)}.typing-dots span{background:#6d94ad;border-radius:50%;width:5px;height:5px;animation:1.05s ease-in-out infinite typing-dot-bounce}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-dot-bounce{0%,80%,to{opacity:.38;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.assistant-pager{color:#355007;background:#ffffff9e;border-radius:999px;align-items:center;gap:3px;padding:3px 6px;font-size:12px;font-weight:600;line-height:1;display:inline-flex;position:absolute;bottom:10px;left:28px;box-shadow:0 4px 10px #4a780d1a}.pager-btn{color:#355007;background:#fffc;border-radius:50%;place-items:center;width:18px;height:18px;font-family:Arial,sans-serif;font-size:16px;font-weight:700;line-height:1;display:grid}.pager-btn:disabled{color:#3550074d;cursor:default}.bear-avatar{filter:drop-shadow(0 16px 22px #5a3c1e29);place-items:center;width:230px;height:275px;margin-top:24px;display:grid;position:relative}.chat-bear{object-fit:contain;width:100%;height:100%}.robot-ear{background:#fff;border:5px solid #21050a;border-radius:50%;width:76px;height:76px;position:absolute;top:6px}.robot-ear:after{content:"";background:#5b0705;border-radius:50%;position:absolute;inset:18px}.robot-ear.left{left:38px}.robot-ear.right{right:38px}.robot-body,.robot-face{position:absolute;left:50%;transform:translate(-50%)}.robot-body{background:#fff;border:5px solid #21050a;border-radius:48% 48% 32% 32%;width:150px;height:185px;top:132px}.robot-face{z-index:3;background:#fff;border:5px solid #21050a;border-radius:55px;width:208px;height:112px;top:54px}.robot-face:before{content:"";background:#061522;border-radius:40px;position:absolute;inset:21px 25px;box-shadow:inset 0 0 0 5px #4cd6f6c7}.robot-headset{z-index:2;background:#69d8f0;border:3px solid #087e93;border-radius:18px;width:28px;height:72px;position:absolute;top:88px}.robot-headset.left{left:38px}.robot-headset.right{right:38px}.robot-eye,.robot-cheek,.robot-nose{z-index:4;position:absolute}.robot-eye{background:#79d9f3;border-radius:50%;width:15px;height:28px;top:95px}.robot-eye.left{left:97px}.robot-eye.right{right:97px}.robot-cheek{background:#ffb49d;border-radius:50%;width:18px;height:13px;top:120px}.robot-cheek.left{left:76px}.robot-cheek.right{right:76px}.robot-nose{background:#fff8d7;border-radius:50%;width:42px;height:34px;top:126px;left:50%;transform:translate(-50%)}.robot-nose:before{content:"";background:#21050a;border-radius:50%;width:12px;height:10px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.robot-tie{clip-path:polygon(50% 0,88% 18%,72% 86%,50% 100%,28% 86%,12% 18%);background:#58c7e6;width:52px;height:118px;position:absolute;top:58px;left:50%;transform:translate(-50%)}.robot-arm{background:#fff;border:5px solid #21050a;border-radius:18px;width:32px;height:94px;position:absolute;top:185px}.robot-arm.left{left:54px;transform:rotate(-7deg)}.robot-arm.right{right:54px;transform:rotate(7deg)}.robot-leg{background:#fff;border:5px solid #21050a;border-top:0;border-radius:0 0 24px 24px;width:48px;height:54px;position:absolute;top:284px}.robot-leg.left{left:101px}.robot-leg.right{right:101px}.floating-layer{pointer-events:none;z-index:4;position:absolute;inset:0}.floating-bubble{overflow-wrap:anywhere;word-break:break-word;border-radius:24px;max-width:min(86%,340px);max-height:24vh;padding:14px 18px;font-size:clamp(14px,4vw,18px);line-height:1.55;position:absolute;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 10px 24px #4d351c1f}.floating-bubble img{object-fit:cover;border-radius:16px;width:min(180px,70vw);max-height:140px;margin-bottom:8px;display:block}.floating-bubble.user{background:#e8f3ff;top:14px}.floating-bubble.assistant{background:#dbff7b;top:44%}.mood-chip-row{z-index:11;gap:8px;padding:2px 1px;display:flex;position:absolute;bottom:calc(100% + 8px);left:13px;right:13px;overflow-x:auto}.mood-chip-row button{color:#8a5b19;background:#fff6df;border-radius:999px;flex:none;padding:7px 12px;font-size:13px;box-shadow:0 5px 14px #70491614}.action-panel,.recording-tip,.composer-preview{z-index:12;background:#fffffffa;border-radius:22px;position:absolute;bottom:calc(100% + 8px);left:13px;right:13px;box-shadow:0 14px 32px #412d1424}.action-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;display:grid}.action-card{color:#315b9d;background:#f5f8ff;border-radius:18px;place-items:center;gap:5px;min-height:66px;font-size:13px;font-weight:700;display:grid}.action-card.active,.voice-action.active{color:#bd4a22;background:#fff0e8}.action-icon{width:30px;height:30px;color:inherit;background:#fff;border-radius:50%;place-items:center;font-size:17px;line-height:1;display:grid}.voice-action .action-icon{font-size:22px;transform:rotate(-28deg)}.emoji-panel{grid-column:1/-1;grid-template-columns:repeat(8,1fr);gap:6px;padding-top:2px;display:grid}.emoji-panel button{background:#fff8e8;border-radius:13px;height:38px;font-size:22px}.recording-tip{color:#bd4a22;text-align:center;background:#fff0e8;padding:12px 14px;font-size:14px}.recording-tip.in-action-panel{z-index:1;box-shadow:none;grid-column:1/-1;position:relative;bottom:auto;left:auto;right:auto}.composer-preview{background:#f8fbff;align-items:stretch;gap:10px;padding:10px;display:flex;overflow-x:auto}.preview-card{align-items:center;gap:12px;min-width:220px;max-width:280px;padding-right:34px;display:flex;position:relative}.preview-card img{object-fit:cover;border-radius:14px;flex:none;width:54px;height:54px}.preview-card strong,.preview-card span{display:block}.preview-card strong{color:#20324f;margin-bottom:2px;font-size:15px}.preview-card span{color:#66728a;font-size:13px}.audio-badge{color:#d65228;background:#fff0e8;border-radius:14px;flex:none;place-items:center;width:54px;height:54px;font-size:13px;font-weight:700;display:grid}.preview-remove{color:#50607a;background:#eef2f7;border-radius:50%;flex:none;width:34px;height:34px;font-size:22px;line-height:1}@keyframes float-up{0%{opacity:0;transform:translate(-50%,24px)scale(.96)}18%{opacity:1}72%{opacity:1;transform:translate(-50%,-18px)scale(1)}to{opacity:0;transform:translate(-50%,-46px)scale(1.02)}}@keyframes float-from-bear{0%{opacity:0;transform:translate(-50%,30px)scale(.94)}22%{opacity:1}74%{opacity:1;transform:translate(-50%,-22px)scale(1)}to{opacity:0;transform:translate(-50%,-54px)scale(1.02)}}.composer-bar{padding:14px 13px calc(18px + env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid #00000014;flex:none;gap:10px;display:grid;position:relative}.composer-row{grid-template-columns:minmax(0,1fr) 42px 74px;align-items:center;gap:8px;display:grid}.tool-btn{color:#111;background:#fffaf2;border:1.5px solid #24201c;border-radius:50%;place-self:center;place-items:center;width:40px;height:40px;font-size:0;line-height:1;display:grid;position:relative}.tool-btn:disabled,.send-btn:disabled,.action-card:disabled,.emoji-panel button:disabled,.mood-chip-row button:disabled,.composer-input-wrap textarea:disabled{cursor:not-allowed;opacity:.48}.tool-btn:before{color:currentColor;text-align:center;place-items:center;width:100%;height:100%;font-family:Arial,sans-serif;line-height:1;display:grid;position:absolute;inset:0}.plus-btn:before{content:"+";font-size:31px;font-weight:300;transform:translateY(-2px)}.plus-btn{transition:transform .16s,background .16s,border-color .16s}.plus-btn.active{color:#d65228;background:#fff0e8;border-color:#ff9a62;transform:rotate(45deg)}.composer-input-wrap textarea{resize:none;background:#fff;border:1px solid #e5e5e5;border-radius:14px;outline:none;width:100%;min-height:46px;max-height:118px;padding:11px 14px;font-size:17px;line-height:1.35;box-shadow:inset 0 1px 2px #00000005}.send-btn{color:#fff;background:linear-gradient(135deg,#ffb36b,#ff7d54);border-radius:999px;min-height:42px;font-size:16px;font-weight:700;box-shadow:0 12px 24px #dc6d3847}.hidden-file-input{display:none}.history-sheet{z-index:30;position:absolute;inset:0}.history-backdrop{background:#0000002e;position:absolute;inset:0}.history-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-radius:26px;max-height:64%;padding:16px;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 20px 48px #5034162e}.history-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.history-header h2{margin:0;font-size:20px}.text-btn{color:#4a76d8}.history-list{gap:10px;max-height:calc(64vh - 90px);display:grid;overflow:auto}.history-item{border-radius:18px;gap:6px;padding:12px 14px;line-height:1.6;display:grid}.history-item.user{background:#e8f3ff}.history-item.assistant{background:#f0ffc6}.history-item span{color:#786b72;font-size:12px}.history-item p,.empty-state{margin:0}.history-item p{overflow-wrap:anywhere;word-break:break-word}.history-item img{object-fit:cover;border-radius:16px;width:min(210px,76%);max-height:180px}.history-item.voice p{background:#ffffffad;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;display:inline-flex}.empty-state{text-align:center;color:#85747a}@media (width<=390px){.mobile-topbar{grid-template-columns:48px 1fr 48px;padding-inline:8px}.mobile-topbar h1{font-size:21px}.chat-main{padding:28px 10px 14px}.assistant-bubble-wrap{border-radius:30px;width:min(96%,360px);min-height:82px;padding:16px 54px 22px 22px;font-size:clamp(15px,4.2vw,17px);line-height:1.3}.assistant-bubble-wrap:after{width:32px;height:32px;font-size:28px;top:14px;right:14px}.assistant-pager{bottom:8px;left:22px}.speech-btn{bottom:8px;right:12px}.bear-avatar{width:205px;height:245px;margin-top:18px}.composer-bar{gap:8px;padding-inline:8px}.composer-row{grid-template-columns:minmax(0,1fr) 38px 68px;gap:7px}.tool-btn{width:38px;height:38px}.plus-btn:before{font-size:30px}.action-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.action-card{min-height:60px}.composer-input-wrap textarea{min-height:42px;padding:9px 10px;font-size:16px}.emoji-panel{grid-template-columns:repeat(4,1fr)}}@media (width>=768px){#root{padding:24px 0}.student-page{border-radius:28px;width:min(100vw,430px);max-width:430px;height:min(100%,932px);min-height:720px;box-shadow:0 24px 70px #563a1f2e,0 0 0 1px #ffffffb3}.chat-page{border-radius:28px}}@media (width<=380px){.bear-avatar{margin-top:10px;transform:scale(.88)}.composer-row{grid-template-columns:minmax(0,1fr) 38px 66px;gap:6px}.tool-btn{width:38px;height:38px}}.home-auth{z-index:2;align-items:center;gap:10px;font-size:14px;display:flex;position:absolute;top:14px;right:18px}.home-auth-name{color:#775e55;font-weight:700}.home-auth-logout{color:#875a4a;background:#ffffffb8;border:1px solid #875a4a2e;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.home-auth-login{color:#875a4a;background:#fff7ea;border:1px solid #00000014;border-radius:999px;padding:8px 14px;font-weight:700}.login-page{overflow-y:auto}.login-main{text-align:center;width:min(430px,100%);margin:0 auto;padding:40px 22px 36px}.login-bear{object-fit:contain;width:108px;height:108px}.login-main h2{margin:10px 0 6px;font-size:24px}.login-sub{color:#775e55;margin:0 0 18px}.login-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.login-tabs button{color:#85747a;background:#fff;border:1px solid #00000014;border-radius:999px;padding:11px;font-weight:700}.login-tabs button.selected{color:#fff;background:linear-gradient(135deg,#ffbf5f,#ff9f6b);border-color:#0000}.login-form{text-align:left;background:#ffffffeb;border:1px solid #f0e0d4;border-radius:22px;padding:20px 18px;box-shadow:0 8px 24px #89583812}.login-form label{margin:13px 0 7px;font-weight:700;display:block}.login-form label:first-child{margin-top:0}.login-form input{background:#fffdf9;border:1px solid #e6d6ca;border-radius:16px;width:100%;padding:13px 14px;font-size:16px}.login-form .mini-inputs{margin-top:8px}.login-error{color:#b3573f;background:#fff0ec;border-radius:14px;margin:12px 0 0;padding:10px 12px;font-weight:600}.login-hint{text-align:center;color:#85747a;margin:12px 0 0;font-size:13px}.relations-page{overflow-y:auto}.relations-main{width:min(720px,100%);margin:0 auto;padding:24px 20px 36px}.relations-hero{background:linear-gradient(135deg,#fff0c6,#ffe1d4);border-radius:24px;justify-content:space-between;align-items:center;margin-top:20px;padding:22px;display:flex}.relations-hero h2{margin:5px 0;font-size:26px}.relations-hero p{color:#775e55;margin:0}.relations-hero img{object-fit:contain;width:88px;height:88px}.theater-setup,.theater-chat,.theater-composer,.theater-title,.theater-result{background:#ffffffeb;border:1px solid #f0e0d4;border-radius:20px;margin-top:16px;padding:18px;box-shadow:0 8px 24px #89583812}.theater-setup label{margin:13px 0 7px;font-weight:700;display:block}.theater-setup label:first-child{margin-top:0}.theater-setup textarea,.theater-setup input,.theater-composer textarea{resize:vertical;background:#fffdf9;border:1px solid #e6d6ca;border-radius:14px;width:100%;padding:12px}.theater-setup input{resize:none}.theater-setup .submit-btn{border-radius:16px;width:100%;min-height:54px;margin-top:18px;padding:14px 18px}.theater-title{text-align:center}.theater-title span{color:#fff;background:#f49a72;border-radius:999px;padding:7px 11px;display:inline-block}.theater-title strong{margin:0 8px}.theater-title p{color:#756158;margin:12px 0 0}.theater-chat{gap:12px;max-height:50vh;display:grid;overflow-y:auto}.theater-chat article{border-radius:16px;max-width:84%;padding:12px 14px}.theater-chat article p{margin:5px 0 0;line-height:1.6}.theater-chat article.student{background:#ffe3c8;justify-self:end}.theater-chat article.bear{background:#e5f3df}.theater-chat strong{color:#756158;font-size:13px}.theater-composer{gap:10px;display:grid}.end-chat{color:#875a4a;padding:9px;text-decoration:underline}.theater-modal{z-index:10;background:#39291e66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.theater-modal section{background:#fffaf4;border-radius:22px;width:min(390px,100%);padding:22px}.theater-modal h3{margin-top:0}.theater-modal button{text-align:left;background:#fff;border:1px solid #ead9cd;border-radius:14px;width:100%;margin-top:10px;padding:14px;display:block}.theater-modal button:last-child{text-align:center;background:0 0;border:0}.theater-modal small{color:#7e6d65;margin-top:5px;display:block}.theater-result p{white-space:pre-line;line-height:1.7}.theater-result button{color:#fff;background:#6e9a62;border-radius:999px;margin-top:8px;padding:9px 13px}@media (width<=480px){.relations-main{padding:20px 14px 24px}.relations-hero{margin-top:16px}.relations-hero h2{font-size:22px}.relations-hero img{width:66px;height:66px}.theater-title strong{margin:8px;display:block}.theater-chat article{max-width:92%}}.stage-progress{gap:8px;margin:0;padding:0;list-style:none;display:flex}.stage-progress li{text-align:center;color:#a58d82;background:#fff2e6;border-radius:999px;flex:1;padding:8px 4px;font-size:13px;font-weight:700}.stage-progress li.active{color:#fff;background:#e88b62}.stage-card,.bear-reply,.sentence-template,.action-summary{background:#fffdf9;border:1px solid #f0e0d4;border-radius:20px;margin-top:16px;padding:18px;box-shadow:0 8px 24px #89583812}.stage-card .stage-count{color:#9c8075;font-size:13px;font-weight:700}.stage-card h3{margin:7px 0}.stage-card>p{color:#756158;margin:0;line-height:1.6}.stage-card textarea{resize:vertical;background:#fff;border:1px solid #e6d6ca;border-radius:14px;width:100%;min-height:96px;margin-top:14px;padding:12px}.bear-reply{white-space:pre-line;background:#e5f3df;margin-top:14px;line-height:1.7}.sentence-template{color:#75614a;text-align:center;background:#fff0c6;margin-top:12px;padding:13px 16px;font-weight:700}.action-summary{color:#7a503d;background:#ffe3c8;margin-top:12px}.action-options{gap:10px;margin-top:15px;display:grid}.action-options button{text-align:left;background:#fff;border:1px solid #ead9cd;border-radius:14px;padding:13px;font-weight:700}.action-options button.active{color:#43633a;background:#e5f3df;border-color:#6e9a62}.stage-card .submit-btn{width:100%;margin-top:18px}.secondary-btn{color:#875a4a;background:#fff;border:1px solid #d9c3b4;border-radius:14px;width:100%;margin-top:10px;padding:11px;font-weight:700}.secondary-btn:disabled{opacity:.55}.persona-preview{color:#43633a;background:#e5f3df;border-radius:14px;margin:12px 0 0;padding:12px;line-height:1.6}.persona-preview strong{display:block}.persona-preview p{margin:4px 0 0}.persona-detail{text-align:left;border-top:1px solid #ead9cd;padding-top:10px;margin-top:10px!important}.persona-detail strong{color:#43633a}.form-notice{color:#a25a45;margin:9px 0 0;font-weight:700}.past-sessions,.session-detail{background:#fffdf9;border:1px solid #f0e0d4;border-radius:20px;margin-top:16px;padding:18px;box-shadow:0 8px 24px #89583812}.past-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.past-sessions h3,.session-detail h3{margin:0}.past-sessions ul,.detail-turns{gap:9px;margin:0;padding-left:0;list-style:none;display:grid}.past-sessions li button{text-align:left;background:#fff;border:1px solid #ead9cd;border-radius:14px;width:100%;padding:12px}.past-sessions small{color:#8b776d;margin-top:4px;display:block}.detail-turns li{background:#fff4e8;border-radius:13px;padding:11px 12px;line-height:1.6}.detail-turns span{color:#875a4a;font-size:12px;font-weight:700;display:block}.summary-grid{gap:10px;margin-top:14px;display:grid}.summary-grid article{background:#fff0c6;border-radius:15px;padding:13px 15px}.summary-grid h4{color:#7a5f3e;margin:0}.summary-grid p{margin:6px 0 0;line-height:1.6}@media (width>=600px){.summary-grid{grid-template-columns:1fr 1fr}.past-sessions ul{grid-template-columns:repeat(2,minmax(0,1fr))}}.adventure-page{background:linear-gradient(#fffaf0 0%,#eefaff 100%);overflow-y:auto}.adventure-main{width:min(760px,100%);margin:0 auto;padding:22px 18px 42px}.adventure-hero{background:linear-gradient(135deg,#fff0c8,#ffe0bd);border-radius:26px;justify-content:space-between;align-items:center;gap:12px;min-height:156px;padding:18px 18px 12px;display:flex;box-shadow:0 10px 24px #b4713a1f}.adventure-hero h2,.adventure-card h3{margin:5px 0 8px;font-size:25px;line-height:1.35}.adventure-hero p{color:#765c49;max-width:460px;margin:0;line-height:1.6}.adventure-hero img{object-fit:contain;width:112px;height:112px}.adventure-card{background:#fffffff5;border:1px solid #f4dec2;border-radius:24px;margin-top:18px;padding:22px 18px;box-shadow:0 8px 24px #69533914}.adventure-meta{color:#806b5a;align-items:center;gap:10px;font-size:14px;display:flex}.adventure-level{color:#487739;background:#e8f8d9;border-radius:99px;padding:5px 10px;font-weight:800}.adventure-level.deep{color:#3568a5;background:#e4efff}.adventure-options{gap:10px;margin:18px 0;display:grid}.adventure-options button{text-align:left;background:#fffdf9;border:2px solid #f0e2d3;border-radius:16px;align-items:center;gap:11px;width:100%;padding:14px;line-height:1.45;transition:all .18s;display:flex}.adventure-options button:hover:not(:disabled),.adventure-options button:focus-visible{border-color:#f3a75f;outline:none;transform:translateY(-1px)}.adventure-options button.selected{background:#fff2dc;border-color:#ed9b50;font-weight:700}.adventure-options button:disabled{cursor:default}.adventure-options i{color:#fff;border:2px solid #d9c6b3;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-style:normal;display:grid}.adventure-options .selected i{background:#ed9b50;border-color:#ed9b50}.adventure-status{color:#786656;margin:14px 0;line-height:1.6}.adventure-submit{border-radius:16px;width:100%;margin-top:4px}.adventure-card>.adventure-submit{border-radius:16px;min-height:54px;padding:14px 18px}.bear-answer{color:#604b35;background:#fff5dd;border-radius:18px;margin-top:20px;padding:17px}.bear-answer>span{color:#aa6928;margin-bottom:7px;font-size:14px;font-weight:800;display:inline-block}.bear-answer strong{font-size:18px;line-height:1.5;display:block}.bear-answer p{margin:9px 0 0;line-height:1.65}.bear-answer .adventure-reflection{color:#7a6248;border-top:1px dashed #e7c892;padding-top:10px}.bear-answer textarea{resize:vertical;background:#fffdf8;border:2px solid #edd3a7;border-radius:13px;outline:none;width:100%;margin-top:9px;padding:12px}.bear-answer textarea:focus{border-color:#eaa050}.bear-discussion{color:#674d34;background:#fff;border-radius:12px;padding:12px}.adventure-discussion-flow{flex-direction:column;gap:14px;margin-top:16px;display:flex}.adventure-discussion-round{border-top:1px dashed #e7c892;padding-top:10px}.discussion-stage{color:#aa6928;font-size:12px;font-weight:800}.child-message{color:#334155;margin-top:6px;line-height:1.6}.adventure-discussion-flow .bear-discussion{margin-top:8px}@media (width<=420px){.adventure-main{padding:15px 12px 28px}.adventure-hero{padding:15px}.adventure-hero h2,.adventure-card h3{font-size:21px}.adventure-hero img{width:88px;height:88px}.adventure-card{padding:18px 14px}}