:root{--heard-bg: #fff0f5;--heard-bg-soft: #fff8fa;--heard-text: #6b2d47;--heard-text-deep: #3d1a27;--heard-text-mid: #5a2d40;--heard-text-soft: #9b5070;--heard-text-muted: #b07090;--heard-text-faint: #c4a0b5;--heard-accent: #e8607a;--heard-accent-soft: #c47a95;--heard-input-bg: rgba(255,255,255,.7);--heard-input-row-bg: rgba(255,255,255,.85);--heard-card-bg: rgba(255,240,245,.6);--heard-card-bg-solid: rgba(255,255,255,.65);--heard-door-bg: rgba(255,255,255,.6);--heard-border: rgba(200,140,170,.25);--heard-border-strong: rgba(200,140,170,.35);--heard-glow: rgba(255,182,210,.45);--heard-gradient-start: #fff0f5;--heard-gradient-end: #fff8fa;--heard-input-fade: rgba(255,248,250,.9)}[data-theme=dark]{--heard-bg: #1a0a10;--heard-bg-soft: #140810;--heard-text: #e8c8d0;--heard-text-deep: #e0b8c4;--heard-text-mid: #d4a8b8;--heard-text-soft: #b08898;--heard-text-muted: #907078;--heard-text-faint: #6a4a55;--heard-accent: #8b3a50;--heard-accent-soft: #7a4a5a;--heard-input-bg: #2a1520;--heard-input-row-bg: #2a1520;--heard-card-bg: rgba(40,15,25,.6);--heard-card-bg-solid: rgba(40,20,28,.65);--heard-door-bg: rgba(40,15,25,.6);--heard-border: rgba(120,60,80,.35);--heard-border-strong: rgba(120,60,80,.5);--heard-glow: rgba(80,20,40,.45);--heard-gradient-start: #1a0a10;--heard-gradient-end: #140810;--heard-input-fade: rgba(20,8,16,.9)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@keyframes heard-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body,#root{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--heard-bg-soft);color:var(--heard-text-deep);-webkit-font-smoothing:antialiased;overscroll-behavior:none;transition:background .3s ease,color .3s ease}.heard-bg{min-height:100dvh;width:100%;background:radial-gradient(ellipse at 50% 30%,var(--heard-glow) 0%,transparent 65%),radial-gradient(ellipse at 30% 80%,var(--heard-glow) 0%,transparent 55%),linear-gradient(160deg,var(--heard-gradient-start) 0%,var(--heard-bg-soft) 50%,var(--heard-bg) 100%);display:flex;flex-direction:column;align-items:center;transition:background .3s ease}.heard-content{width:100%;max-width:480px;height:100dvh;display:flex;flex-direction:column;padding:0 24px;overflow:hidden}.greeting-area{flex:0 0 auto;padding-top:clamp(60px,15vh,100px);padding-bottom:32px;text-align:center}.greeting-text{font-family:Lora,Georgia,serif;font-size:clamp(24px,6vw,32px);font-weight:400;color:var(--heard-text);line-height:1.5;min-height:1.5em;animation:warmGlow 2s ease both;transition:color .3s ease}@keyframes warmGlow{0%{opacity:0;text-shadow:0 0 0 transparent}40%{opacity:1;text-shadow:0 0 18px rgba(255,160,190,.5)}to{opacity:1;text-shadow:0 0 0 transparent}}.greeting-cursor{display:inline-block;width:2px;height:1em;background:var(--heard-accent-soft);margin-left:2px;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.question-text{font-family:Lora,Georgia,serif;font-size:clamp(18px,4.5vw,22px);font-weight:400;font-style:italic;color:var(--heard-text-soft);margin-top:20px;opacity:0;transition:opacity .8s ease;text-align:center}.question-text.visible{opacity:1}.conversation{flex:1 1 auto;overflow-y:auto;padding-bottom:16px;display:flex;flex-direction:column;gap:20px;-webkit-overflow-scrolling:touch}.message{max-width:88%;line-height:1.65;font-size:clamp(16px,4vw,17px);animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;background:var(--heard-input-bg);border:1px solid var(--heard-border);border-radius:18px 18px 4px;padding:12px 16px;color:var(--heard-text-mid);font-family:Inter,sans-serif;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .3s ease,color .3s ease,border-color .3s ease}.message.assistant{align-self:flex-start;font-family:Lora,Georgia,serif;font-size:clamp(16px,4vw,17px);color:var(--heard-text);padding:12px 16px;white-space:pre-wrap;background:var(--heard-card-bg);border:1px solid var(--heard-border);border-radius:18px 18px 18px 4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .3s ease,color .3s ease,border-color .3s ease}.typing-indicator{align-self:flex-start;display:flex;gap:5px;padding:12px 4px;animation:fadeUp .3s ease}.typing-indicator span{width:7px;height:7px;border-radius:50%;background:var(--heard-text-faint);animation:bounce 1.2s ease infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.input-area{flex:0 0 auto;position:sticky;bottom:0;padding:16px 0 max(24px,env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent 0%,var(--heard-input-fade) 20%,var(--heard-bg-soft) 100%);opacity:0;transition:opacity .8s ease;pointer-events:none}.input-area.visible{opacity:1;pointer-events:all}.input-row{display:flex;align-items:flex-end;gap:10px;background:var(--heard-input-row-bg);border:1px solid var(--heard-border-strong);border-radius:24px;padding:12px 12px 12px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 20px #b4648214;transition:background .3s ease,border-color .3s ease}.input-field{flex:1;border:none;background:transparent;font-family:Inter,sans-serif;font-size:16px;color:var(--heard-text-deep);resize:none;outline:none;line-height:1.5;max-height:120px;overflow-y:auto}.input-field::placeholder{color:var(--heard-text-faint)}.send-btn{flex:0 0 auto;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#e8829f,#c45878);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,opacity .15s ease;align-self:flex-end}.send-btn:hover{transform:scale(1.05)}.send-btn:active{transform:scale(.95)}.send-btn:disabled{opacity:.4;cursor:default;transform:none}.photo-btn{flex:0 0 auto;width:38px;height:38px;min-width:38px;border-radius:50%;border:none;background:transparent;color:var(--heard-text);opacity:.5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease;align-self:flex-end}.photo-btn:hover{opacity:.8}.photo-btn:disabled{opacity:.2;cursor:default}.pending-image-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;margin-bottom:4px;background:var(--heard-input-row-bg);border-radius:12px;font-size:.85rem;color:var(--heard-text);opacity:.8}.pending-image-bar button{background:none;border:none;color:var(--heard-text);cursor:pointer;font-size:1rem;padding:2px 6px}.room-doors{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:10px;padding:8px 0 16px;animation:fadeUp .6s ease}.room-door{display:flex;align-items:center;gap:8px;background:var(--heard-door-bg);border:1px solid var(--heard-border-strong);border-radius:14px;padding:12px 18px;min-height:44px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease,transform .15s ease,border-color .3s ease,color .3s ease;font-family:Lora,Georgia,serif;font-size:16px;color:var(--heard-text)}.room-door:hover{background:#ffffffd9;transform:translateY(-1px)}.room-door:active{transform:translateY(0)}.room-door-emoji{font-size:16px}.room-door-label{font-style:italic}.room-header{flex:0 0 auto;padding-top:clamp(20px,6vh,40px);padding-bottom:16px}.back-btn{background:none;border:none;font-family:Inter,sans-serif;font-size:16px;color:var(--heard-text-muted);cursor:pointer;padding:8px 0;min-height:44px;margin-bottom:12px;display:flex;align-items:center;opacity:.8}.back-btn:hover{opacity:1}.room-title{font-family:Lora,Georgia,serif;font-size:clamp(18px,5vw,24px);font-weight:400;color:var(--heard-text);margin-bottom:16px}.room-tabs{display:flex;gap:8px}.room-tab{background:none;border:1px solid var(--heard-border-strong);border-radius:20px;padding:10px 18px;min-height:44px;font-family:Inter,sans-serif;font-size:16px;color:var(--heard-text-soft);cursor:pointer;transition:all .2s ease}.room-tab.active{background:#c88caa26;border-color:#c88caa80;color:var(--heard-text)}.study-tasks{flex:1 1 auto;overflow-y:auto;padding-bottom:20px;display:flex;flex-direction:column;gap:10px}.tasks-empty{font-family:Lora,Georgia,serif;font-style:italic;color:var(--heard-text-muted);font-size:15px;line-height:1.6;padding:20px 0}.task-card{background:var(--heard-card-bg-solid);border:1px solid var(--heard-border);border-radius:14px;padding:14px 16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeUp .3s ease}.task-card.urgent{border-color:#d2647866;background:#fff0f5cc}.task-card.overdue{border-color:#c8506480;background:#ffebf0d9}.task-main{display:flex;align-items:flex-start;gap:12px}.task-info{flex:1;display:flex;flex-direction:column;gap:4px}.task-subject{font-family:Inter,sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--heard-text-muted)}.task-desc{font-family:Lora,Georgia,serif;font-size:15px;color:var(--heard-text-deep);line-height:1.4}.done-text{text-decoration:line-through;opacity:.5}.task-due{font-family:Inter,sans-serif;font-size:14px;color:var(--heard-text-muted)}.task-due.urgent{color:#c0405a;font-weight:500}.task-due.overdue{color:#a02040;font-weight:600}.task-actions{display:flex;gap:6px;flex-shrink:0}.task-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:1px solid rgba(200,140,170,.3);background:#ffffffb3;cursor:pointer;font-size:16px;color:#9b5070;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.task-btn:hover{background:#c88caa33}.task-btn.done{color:#6aaa80;border-color:#64aa7866}.task-btn.remove{color:#c08090;border-color:#c88ca04d}.add-task-form{background:#ffffffb3;border:1px solid rgba(200,140,170,.25);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;animation:fadeUp .3s ease}.task-input{border:1px solid var(--heard-border);border-radius:8px;padding:12px 14px;font-family:Inter,sans-serif;font-size:16px;color:var(--heard-text-deep);background:var(--heard-input-bg);outline:none;width:100%}.task-input:focus{border-color:#c88caa80}.task-form-actions{display:flex;gap:8px}.task-form-btn{flex:1;padding:12px;min-height:44px;border-radius:10px;border:none;font-family:Inter,sans-serif;font-size:16px;cursor:pointer;transition:opacity .15s ease}.task-form-btn.save{background:linear-gradient(135deg,#e8829f,#c45878);color:#fff}.task-form-btn.cancel{background:#c88caa26;color:#9b5070}.task-form-btn:hover{opacity:.85}.add-task-btn{background:none;border:1px dashed var(--heard-border-strong);border-radius:12px;padding:14px;min-height:44px;font-family:Lora,Georgia,serif;font-style:italic;font-size:16px;color:var(--heard-text-muted);cursor:pointer;width:100%;transition:all .2s ease}.add-task-btn:hover{background:#c88caa14;border-color:#c88caa99}.done-section{margin-top:8px}.done-title{font-family:Inter,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:var(--heard-text-faint);margin-bottom:8px}.done-card{opacity:.6}.chat-prompt{font-family:Lora,Georgia,serif;font-style:italic;color:var(--heard-text-soft);font-size:16px;padding:8px 0}.hallway-subtitle{font-family:Lora,Georgia,serif;font-style:italic;font-size:clamp(14px,3.8vw,16px);color:var(--heard-text-soft);line-height:1.5;margin-top:-8px}.hallway-corridor{flex:1 1 auto;overflow-y:auto;padding-bottom:32px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.hallway-door{position:relative;display:flex;align-items:center;gap:16px;background:var(--heard-door-bg);border:1px solid var(--heard-border-strong);border-radius:18px;padding:18px 20px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .25s ease,transform .15s ease,border-color .25s ease,box-shadow .25s ease;text-align:left;overflow:hidden;animation:fadeUp .4s ease both;font-family:Lora,Georgia,serif}.hallway-door:nth-child(1){animation-delay:.05s}.hallway-door:nth-child(2){animation-delay:.1s}.hallway-door:nth-child(3){animation-delay:.15s}.hallway-door:nth-child(4){animation-delay:.2s}.hallway-door:nth-child(5){animation-delay:.25s}.hallway-door:nth-child(6){animation-delay:.3s}.hallway-door.unlocked:hover{background:#ffffffe0;transform:translateY(-2px) scale(1.02);border-color:#c88caa80;box-shadow:0 4px 24px #c882a026}.hallway-door.unlocked:active{transform:translateY(0) scale(1)}.hallway-door-glow{display:none}.hallway-door.unlocked .hallway-door-glow{display:block;position:absolute;top:50%;left:18px;width:44px;height:44px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,180,200,.5) 0%,transparent 70%);pointer-events:none}.hallway-door.locked{opacity:.45;cursor:default}.hallway-door.coming-soon{opacity:.35;cursor:default;border-style:dashed}.hallway-door-emoji{font-size:28px;flex-shrink:0;z-index:1}.hallway-door-text{display:flex;flex-direction:column;gap:3px;z-index:1}.hallway-door-name{font-size:clamp(15px,4vw,17px);font-weight:400;color:var(--heard-text)}.hallway-door-desc{font-size:clamp(12px,3.4vw,14px);font-style:italic;color:var(--heard-text-soft);line-height:1.4}.hallway-door-soon{font-family:Inter,sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--heard-text-faint);margin-top:2px}.hallway-door.graduated{position:relative;opacity:.75;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff40;border:1px solid rgba(255,255,255,.45);box-shadow:0 2px 16px #b4a0c82e,inset 0 0 20px #ffffff26;cursor:default;pointer-events:none}.hallway-door.graduated .hallway-door-emoji{filter:grayscale(.3) brightness(1.1)}.hallway-door.graduated .hallway-door-name{color:#9b7a8e}.hallway-door.graduated .hallway-door-desc{color:#b89aaa}.hallway-door-crystallized{font-family:Inter,sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:#b89aaa;margin-top:4px;font-style:italic}.gentle-notification{position:fixed;top:0;left:0;right:0;z-index:9000;padding:12px 20px;text-align:center;cursor:pointer;transform:translateY(-100%);opacity:0;transition:transform .4s ease,opacity .4s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.gentle-notification-visible{transform:translateY(0);opacity:1}.gentle-notification-fading{opacity:0;transform:translateY(-30%);transition:transform .5s ease,opacity .5s ease}.gentle-notification-text{font-family:Lora,Georgia,serif;font-size:14px;font-style:italic;line-height:1.5}.heard-bg{transition:background .4s ease,color .4s ease}.room-theme-study{--room-bg: #f0f4f8;--room-accent: #4a7090;--heard-bg: #f0f4f8;--heard-bg-soft: #f5f8fb;--heard-glow: rgba(120, 160, 200, .3);--heard-gradient-start: #f0f4f8;--heard-gradient-end: #f5f8fb}.room-theme-office{--room-bg: #faf5ef;--room-accent: #a08060;--heard-bg: #faf5ef;--heard-bg-soft: #fcf8f3;--heard-glow: rgba(180, 150, 110, .3);--heard-gradient-start: #faf5ef;--heard-gradient-end: #fcf8f3}.room-theme-creation{--room-bg: #f5f0fa;--room-accent: #8060a0;--heard-bg: #f5f0fa;--heard-bg-soft: #f8f4fc;--heard-glow: rgba(160, 120, 200, .3);--heard-gradient-start: #f5f0fa;--heard-gradient-end: #f8f4fc}.room-theme-moments{--room-bg: #faf8f0;--room-accent: #a09050;--heard-bg: #faf8f0;--heard-bg-soft: #fcfaf4;--heard-glow: rgba(180, 160, 100, .3);--heard-gradient-start: #faf8f0;--heard-gradient-end: #fcfaf4}.room-theme-hallway{--room-bg: #f8f5f3;--room-accent: #907870;--heard-bg: #f8f5f3;--heard-bg-soft: #faf8f6;--heard-glow: rgba(160, 140, 130, .3);--heard-gradient-start: #f8f5f3;--heard-gradient-end: #faf8f6}[data-theme=dark] .room-theme-study{--room-bg: #0a1018;--room-accent: #4a7090;--heard-bg: #0a1018;--heard-bg-soft: #0d1420;--heard-glow: rgba(40, 70, 100, .4);--heard-gradient-start: #0a1018;--heard-gradient-end: #0d1420}[data-theme=dark] .room-theme-office{--room-bg: #18120a;--room-accent: #a08060;--heard-bg: #18120a;--heard-bg-soft: #1c160e;--heard-glow: rgba(80, 60, 30, .4);--heard-gradient-start: #18120a;--heard-gradient-end: #1c160e}[data-theme=dark] .room-theme-creation{--room-bg: #120a18;--room-accent: #8060a0;--heard-bg: #120a18;--heard-bg-soft: #160e1c;--heard-glow: rgba(60, 30, 80, .4);--heard-gradient-start: #120a18;--heard-gradient-end: #160e1c}[data-theme=dark] .room-theme-moments{--room-bg: #14120a;--room-accent: #a09050;--heard-bg: #14120a;--heard-bg-soft: #18160e;--heard-glow: rgba(70, 60, 30, .4);--heard-gradient-start: #14120a;--heard-gradient-end: #18160e}[data-theme=dark] .room-theme-hallway{--room-bg: #141210;--room-accent: #907870;--heard-bg: #141210;--heard-bg-soft: #181614;--heard-glow: rgba(60, 50, 45, .4);--heard-gradient-start: #141210;--heard-gradient-end: #181614}.fade-in{animation:fadeIn .6s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:focus-visible{outline:2px solid var(--heard-accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}