:root{--ink:#17211b;--muted:#657068;--paper:#f4f1e9;--card:rgba(255,255,252,0.72);--line:rgba(23,33,27,0.12);--moss:#345a42;--moss-light:#8daf8e;--apricot:#e99a6c;--cream:#fffaf0}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);background:radial-gradient(circle at 18% 10%,rgba(229,185,126,.17),transparent 30rem),radial-gradient(circle at 84% 42%,rgba(93,139,105,.14),transparent 36rem),var(--paper);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button,input{font:inherit}button{color:inherit}.experience{width:min(1180px,calc(100% - 40px));margin:0 auto;min-height:100vh;padding-bottom:80px}.topbar{display:flex;flex-shrink:0;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:11px;color:var(--ink);font-size:18px;font-weight:700;letter-spacing:-.02em;text-decoration:none}.brandMark{width:24px;height:24px;display:block;object-fit:contain;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.sidebarBrandButton{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.appFrame.sidebarCollapsed .sidebarBrandButton{cursor:pointer}.appFrame.sidebarCollapsed .sidebarBrandButton:hover{background-color:rgba(0,0,0,.05)}.sidebarBrandButton .expandIcon{position:absolute;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--muted);opacity:0;transform:scale(.8);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.sidebarBrandButton .expandIcon svg{width:20px;height:20px}.appFrame.sidebarCollapsed .sidebarBrandButton:hover .brandMark{opacity:0;transform:scale(.8)}.appFrame.sidebarCollapsed .sidebarBrandButton:hover .expandIcon{opacity:1;transform:scale(1);color:var(--ink)}.controls,.topActions{display:flex;align-items:center;gap:12px}.controls{flex-shrink:0;position:relative;justify-content:center;margin-top:14px;flex-wrap:wrap}.localBadge{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:13px}.statusDot{width:7px;height:7px;border-radius:50%;background:#4b9b62;box-shadow:0 0 0 4px rgba(75,155,98,.12)}.iconButton,.textButton{border:0;background:transparent;cursor:pointer;color:var(--muted)}.iconButton{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.38)}.conversationShell{flex-direction:column;max-height:calc(100vh - 108px);min-height:520px;margin-top:20px;padding:28px 40px 22px;border:1px solid rgba(255,255,255,.78);border-radius:34px;background:rgba(255,255,252,.72);box-shadow:0 28px 80px rgba(41,57,45,.1),inset 0 0 0 1px rgba(24,43,31,.04);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.conversationBody,.conversationShell{position:relative;display:flex;overflow:hidden}.conversationBody{flex:1 1;min-height:0;flex-direction:column}.musicStageShell{border-color:rgba(231,170,114,.35);background:radial-gradient(circle at 50% 10%,rgba(255,229,196,.46),transparent 34%),linear-gradient(180deg,rgba(255,255,252,.82),rgba(255,250,240,.74));box-shadow:0 30px 90px rgba(139,84,49,.14),inset 0 0 0 1px rgba(255,255,255,.72)}.musicStageActive:before{inset:0;background:radial-gradient(circle at 50% 8%,rgba(255,220,160,.3),transparent 28%),linear-gradient(120deg,transparent 0 35%,rgba(255,236,195,.18) 36% 46%,transparent 47% 100%),linear-gradient(240deg,transparent 0 38%,rgba(255,205,226,.14) 39% 48%,transparent 49% 100%);opacity:.9}.musicStageActive:after,.musicStageActive:before{position:absolute;z-index:0;pointer-events:none;content:""}.musicStageActive:after{inset:-18% -12%;background:conic-gradient(from 0deg at 50% 18%,transparent 0deg,rgba(255,224,154,.18) 32deg,transparent 64deg,rgba(255,169,204,.14) 112deg,transparent 148deg,rgba(156,210,176,.13) 210deg,transparent 260deg,rgba(255,238,183,.16) 310deg,transparent 1turn);mix-blend-mode:multiply;opacity:.62;filter:blur(10px);animation:musicStageLights 8s ease-in-out infinite alternate}.musicStageEffects{position:absolute;inset:0;z-index:5;overflow:hidden;pointer-events:none}.musicStageParticle{position:absolute;top:-24px;left:var(--particle-left);color:rgba(176,86,102,.76);font-size:var(--particle-size);font-weight:800;line-height:1;text-shadow:0 6px 18px rgba(176,86,102,.18);opacity:0;transform:translate3d(0,-24px,0) rotate(0deg);animation:musicStageFall var(--particle-duration) linear infinite;animation-delay:var(--particle-delay)}.musicStageParticle:nth-child(2n){color:rgba(219,156,71,.78)}.musicStageParticle:nth-child(3n){color:rgba(89,127,98,.72)}.musicStageActive>:not(.musicStageEffects){position:relative;z-index:1}.conversationFooter,.presence{flex-shrink:0}.presence{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,360px);aspect-ratio:3/2;margin:0 auto 18px}.presenceGlow{position:absolute;inset:8% 10%;border-radius:28px;background:var(--moss-light);filter:blur(32px);opacity:.24;transition:.3s ease;pointer-events:none}.avatarFrame{z-index:2;overflow:hidden;border-radius:26px;background:#000000;border:3.5px solid #17211b;box-shadow:0 15px 34px rgba(37,70,48,.24)}.avatarFrame,.avatarVideoStack{position:relative;width:100%;height:100%}.avatarStaticImage,.avatarVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:none}.avatarStaticImage,.avatarVideo.active{opacity:1}.avatarPhaseBadge{position:absolute;right:10px;bottom:10px;z-index:3;padding:5px 10px;color:white;font-size:11px;font-weight:600;letter-spacing:.01em;border-radius:999px;background:rgba(24,43,31,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.presence.thinking .avatarFrame{background:#000000}.orbit{display:none;position:absolute;top:50%;left:50%;border:1px solid rgba(52,90,66,.18);border-radius:28px;pointer-events:none}.orbitOne{width:calc(100% + 18px);height:calc(100% + 18px);transform:translate(-50%,-50%) rotate(2deg)}.orbitTwo{width:calc(100% + 8px);height:calc(100% + 8px);transform:translate(-50%,-50%) rotate(-3deg)}.chatScroll{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:0 -6px;padding:4px 10px 8px 6px;scroll-behavior:smooth}.chatScroll::-webkit-scrollbar{width:7px}.chatScroll::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(52,90,66,.22)}.chatScroll::-webkit-scrollbar-track{background:transparent}.liveArea{max-width:760px;margin:0 auto}.emptyState{padding:54px 20px;text-align:center}.emptyState p{margin:0 0 10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.025em}.emptyState span{color:var(--muted);font-size:14px}.messageList{display:flex;flex-direction:column;gap:22px;padding-bottom:12px}.message{max-width:82%}.draft>span,.message>span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none}.message p{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:19px;line-height:1.55;letter-spacing:-.01em}.message.user{align-self:flex-end;padding-right:26px;padding-left:0;border-right:2px solid #1e40af;border-left:none}.message.user span{color:#1e40af}.message.user.pending{opacity:.88}.message.user.pending p{color:#3f5648}.message.user.processing{align-self:flex-end;padding-right:26px;padding-left:0;border-right:2px solid #1e40af;border-left:none;background:transparent;border-radius:0}.message.assistant.thinking{align-self:flex-start;padding-left:26px;padding-right:0;border-left:2px solid var(--moss);border-right:none;animation:thinkingPulse 1.6s ease-in-out infinite}@keyframes thinkingPulse{0%,to{opacity:1}50%{opacity:.82}}.message.assistant.thinking p{color:#8a5a42;font-size:15px}.message.assistant.thinking .thinkingAck,.message.assistant.thinking .thinkingLine{position:relative;display:block;width:40px;min-height:22px;margin:0;color:var(--moss);font-size:0;font-weight:500;font-style:normal;text-transform:none;letter-spacing:normal;background:radial-gradient(circle,currentColor 0 3.5px,transparent 4px) center 50% /7px 7px no-repeat;animation:typingMiddleDot 1.05s ease-in-out .18s infinite;transition:opacity .35s ease}.message.assistant.thinking .thinkingAck:after,.message.assistant.thinking .thinkingAck:before,.message.assistant.thinking .thinkingLine:after,.message.assistant.thinking .thinkingLine:before{position:absolute;top:50%;width:7px;height:7px;border-radius:999px;background:currentColor;content:"";opacity:.45;animation:typingDot 1.05s ease-in-out infinite}.message.assistant.thinking .thinkingAck:before,.message.assistant.thinking .thinkingLine:before{left:6px;animation-delay:0s}.message.assistant.thinking .thinkingAck:after,.message.assistant.thinking .thinkingLine:after{right:6px;animation-delay:.35s}@keyframes typingDot{0%,80%,to{transform:translateY(-50%);opacity:.42}40%{transform:translateY(-50%) translateY(-5px);opacity:1}}@keyframes typingMiddleDot{0%,80%,to{background-position:center 50%}40%{background-position:center calc(50% - 5px)}}@keyframes musicStageFall{0%{opacity:0;transform:translate3d(0,-28px,0) rotate(-12deg) scale(.78)}12%{opacity:.88}55%{transform:translate3d(calc(var(--particle-drift) * .65),52vh,0) rotate(24deg) scale(1)}to{opacity:0;transform:translate3d(var(--particle-drift),104vh,0) rotate(58deg) scale(.9)}}@keyframes musicStageLights{0%{opacity:.38;transform:rotate(-8deg) scale(1)}45%{opacity:.7}to{opacity:.5;transform:rotate(10deg) scale(1.05)}}.message.assistant.thinking .turnProcessingNote{margin-top:6px;color:#9a735f;font-style:italic}.message.user.pending p,.message.user.processing p{text-transform:none;letter-spacing:normal}.turnFilterNote,.turnProcessingNote,.turnStatusBanner{margin:10px 0 0;color:#5a7264;font-size:13px;line-height:1.45}.turnProcessingNote{font-style:italic}.turnStatusBanner{flex-shrink:0;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:rgba(236,242,231,.75);text-align:center}.message.user.pending.interimOnly{border-right:2px dashed rgba(30,64,175,.35);border-left:none;padding-right:14px;padding-left:0}.liveInterim,.liveInterimDots{color:var(--muted);opacity:.75}.liveInterimDots{position:relative;display:inline-block;width:32px;height:10px;font-size:0;background:radial-gradient(circle,currentColor 0 2px,transparent 2.5px) center 50% /5px 5px no-repeat;animation:typingMiddleDot .8s ease-in-out .14s infinite;margin-left:4px;vertical-align:middle}.liveInterimDots:after,.liveInterimDots:before{position:absolute;top:50%;width:5px;height:5px;border-radius:999px;background:currentColor;content:"";opacity:.45;animation:typingDot .8s ease-in-out infinite}.liveInterimDots:before{left:4px;animation-delay:0s}.liveInterimDots:after{right:4px;animation-delay:.28s}.message.assistant{align-self:flex-start;padding-left:26px;padding-right:0;border-left:2px solid var(--moss);border-right:none}.message.assistant span{color:var(--moss)}.musicPlayerCard{width:min(100%,390px);margin-top:16px;padding:14px 16px 13px;border:1px solid rgba(52,90,66,.18);border-radius:8px;background:linear-gradient(135deg,rgba(255,255,252,.98),rgba(236,242,231,.72));box-shadow:0 14px 32px rgba(42,92,67,.1)}.musicPlayerHeader{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.musicPlayerIcon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:999px;background:#2f5d44;color:#fffef8;font-size:18px;font-weight:800;line-height:1;box-shadow:0 8px 18px rgba(47,93,68,.2)}.musicPlayerMeta{display:grid;min-width:0;grid-gap:2px;gap:2px}.musicPlayerLabel{color:#456452;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.musicPlayerHeader strong{color:var(--ink);font-size:16px;line-height:1.3;overflow-wrap:anywhere}.musicPlayerHeader small{color:#6b7b70;font-size:12px;line-height:1.35}.musicPlayerAudio{display:block;width:100%;height:36px;margin-top:6px}.musicDownloadLink{display:inline-flex;align-items:center;min-height:32px;margin-top:11px;padding:0 12px;border:1px solid rgba(47,93,68,.22);border-radius:999px;background:rgba(255,255,252,.7);color:var(--moss);font-size:13px;font-weight:700;text-decoration:none;transition:background .16s ease,border-color .16s ease}.musicDownloadLink:hover{border-color:rgba(47,93,68,.38);background:rgba(236,242,231,.95)}.draft{margin-top:28px;padding:20px 22px;border:1px dashed rgba(52,90,66,.28);border-radius:18px;background:rgba(236,242,231,.55)}.draft p{margin:6px 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px}.draft .interim{color:var(--muted);opacity:.7}.finishButton,.primaryButton,.secondaryButton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;cursor:pointer}.primaryButton,.secondaryButton{color:white;border:0;background:var(--moss);box-shadow:0 10px 22px rgba(52,90,66,.2)}.secondaryButton{background:#25362b}.primaryButton svg,.secondaryButton svg{width:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.finishButton{border:1px solid var(--line);background:rgba(255,255,255,.65)}.finishButton:disabled{cursor:not-allowed;opacity:.45}.textButton{padding:12px}.manualInput{position:relative;display:flex;flex-shrink:0;width:100%;max-width:680px;box-sizing:border-box;margin:14px auto 0;padding:6px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.62)}.manualInput input{min-width:0;flex:1 1;padding:10px 12px;border:0;outline:0;background:transparent}.manualInput button{flex-shrink:0;padding:10px 15px;color:white;border:0;border-radius:10px;background:var(--moss);cursor:pointer;white-space:nowrap}.manualInput button:disabled{opacity:.45}.errorNotice{flex-shrink:0;max-width:680px;margin:16px auto 0;color:#925236;font-size:13px;text-align:center}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles article{padding:28px;border-right:1px solid var(--line)}.principles article:last-child{border-right:0}.principles strong{color:var(--apricot);font-size:13px}.principles h2,.principles strong{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.principles h2{margin:14px 0 8px;font-size:20px;font-weight:500}.principles p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.debugPanel{display:grid;grid-template-columns:1fr 1fr 1fr 2.5fr;grid-gap:1px;gap:1px;overflow:hidden;margin-top:18px;border:1px solid var(--line);border-radius:16px;background:var(--line)}.debugPanel>div{padding:17px;background:rgba(255,255,252,.76)}.debugPanel span{display:block;margin-bottom:6px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.13em}.debugPanel p,.debugPanel strong{margin:0;font-size:13px}@media (max-width:760px){.experience{width:100%;max-width:100%;box-sizing:border-box}.topbar{padding:17px 4px}.localBadge{display:none}.conversationShell{max-height:none;min-height:0;margin-top:0;padding:12px 14px 0;border-radius:22px 22px 0 0;width:100%;max-width:100%;box-sizing:border-box;overflow-x:visible}.presence{width:100%;max-width:none}.appFrame .experience{max-height:100vh;min-height:100vh}.message{max-width:94%}.principles{grid-template-columns:1fr}.principles article{border-right:0;border-bottom:1px solid var(--line)}.principles article:last-child{border-bottom:0}.debugPanel{grid-template-columns:1fr 1fr}.debugReason{grid-column:1/-1}}.appFrame,.conversationAppRoot{min-height:100vh}.appFrame{display:grid;grid-template-columns:auto minmax(0,1fr)}.sidebarBackdrop{display:none}.historySidebar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;flex-direction:column;height:100vh;width:270px;overflow:hidden;padding:24px 18px;border-right:1px solid var(--line);background:rgba(239,236,226,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.sidebarHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-bottom:18px}.sidebarToggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--muted);border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:color .2s,background-color .2s,border-color .2s}.sidebarToggle:hover{color:var(--ink);background:rgba(255,255,255,.82);border-color:var(--muted)}.sidebarToggle svg{width:20px;height:20px}.sidebarExpandableBody{display:flex;min-height:0;flex:1 1;flex-direction:column}.sidebarClearButton{display:block;width:100%;margin-top:10px;padding:10px 12px;text-align:left}.topbarLead{display:flex;align-items:flex-start;gap:10px;min-width:0}.sidebarMenuButton{flex-shrink:0;display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:12px}.sidebarMenuButton svg{width:20px;height:20px;fill:currentColor}.sidebarExpandable{opacity:1;max-width:300px;white-space:nowrap;transition:opacity .2s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)}.appFrame.sidebarCollapsed .sidebarExpandable{opacity:0;max-width:0;pointer-events:none;overflow:hidden}.appFrame.sidebarCollapsed .historySidebar{width:64px;align-items:center;padding:18px 10px}.appFrame.sidebarCollapsed .sidebarHeader{flex-direction:column;align-items:center;width:100%;padding-bottom:14px}.appFrame.sidebarCollapsed .sidebarBrand{width:100%;justify-content:center;padding:0 0 8px;gap:0}.sidebarBrand{display:flex;align-items:center;gap:11px;min-width:0;padding:0 0 0 7px}.sidebarBrand>div{display:flex;flex-direction:column}.sidebarBrand strong{font-size:17px}.languageStatus,.sidebarBrand small,.sidebarModel small{color:var(--muted);font-size:11px}.newConversationButton{display:flex;align-items:center;gap:9px;width:100%;padding:9px 14px;color:white;border:0;border-radius:12px;background:var(--moss);cursor:pointer;transition:background-color .2s,width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1)}.appFrame.sidebarCollapsed .newConversationButton{justify-content:center;width:44px;height:44px;padding:0;border-radius:12px;gap:0}.sidebarExpandableBody{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.appFrame.sidebarCollapsed .sidebarExpandableBody{opacity:0;pointer-events:none;height:0;overflow:hidden}.newConversationButton span{font-size:20px;line-height:1}.historyLabel{margin:25px 9px 10px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.sessionList{display:flex;min-height:0;flex:1 1;flex-direction:column;gap:5px;overflow-y:auto}.sessionItem{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;border-radius:11px}.sessionItem.active{background:rgba(52,90,66,.1)}.sessionItem>button{min-width:0;padding:11px 10px;border:0;background:transparent;cursor:pointer;text-align:left}.sessionItem small,.sessionItem strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessionItem strong{font-size:13px;font-weight:600}.sessionItem small{margin-top:4px;color:var(--muted);font-size:10px}.sessionItem .deleteSession{padding:4px;color:var(--muted);font-size:18px;text-align:center;opacity:0}.sessionItem:hover .deleteSession{opacity:1}.sidebarModel{display:flex;flex-direction:column;gap:4px;padding:15px 12px 0;border-top:1px solid var(--line)}.sidebarModel span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.sidebarModel strong{font-size:12px;text-transform:capitalize}.appFrame .experience{display:flex;flex-direction:column;width:min(1400px,calc(100% - 40px));max-height:100vh;min-height:100vh;padding-bottom:16px;overflow:hidden}.conversationName{display:block;max-width:520px;overflow:hidden;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.languageStatus{display:block;margin-top:4px}.workspace{display:grid;flex:1 1;min-height:0;grid-gap:18px;gap:18px;align-items:stretch;grid-template-columns:var(--workspace-columns,minmax(0,1fr))}.workspace .conversationShell{min-width:0;margin-top:20px;margin-bottom:20px;height:auto;max-height:none}.memoryPanel,.personalityPanel{position:-webkit-sticky;position:sticky;top:20px;margin-top:20px;margin-bottom:20px;padding:22px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,252,.72);box-shadow:0 18px 50px rgba(41,57,45,.07);max-height:calc(100% - 20px - 20px);overflow-y:auto;box-sizing:border-box}.memoryPanel::-webkit-scrollbar,.personalityPanel::-webkit-scrollbar{width:7px}.memoryPanel::-webkit-scrollbar-thumb,.personalityPanel::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(52,90,66,.22)}.memoryPanel::-webkit-scrollbar-track{background:transparent}.memoryHeader{display:flex;flex-direction:column;gap:5px;padding-bottom:15px;border-bottom:1px solid var(--line)}.memoryHeader span{color:var(--apricot);font-size:9px;font-weight:800;letter-spacing:.15em}.memoryHeader strong{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.02em}.memorySummary{margin:16px 0;color:var(--muted);font-size:12px;line-height:1.55}.dynamicsCard{margin:0 0 14px;padding:14px;border-radius:14px;background:rgba(52,90,66,.08)}.dynamicsCard>span{display:block;margin-bottom:5px;color:var(--moss);font-size:8px;font-weight:800;letter-spacing:.13em}.dynamicsCard strong{font-size:12px}.dynamicsCard p{margin:7px 0 10px;color:var(--muted);font-size:10px;line-height:1.45}.dynamicsCard small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.talkBalance{overflow:hidden;height:5px;border-radius:999px;background:rgba(23,33,27,.12)}.talkBalance div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--moss),var(--moss-light))}.memoryGroup{padding:14px 0;border-top:1px solid var(--line)}.memoryGroup h3{margin:0 0 9px;font-size:11px}.memoryGroup li,.memoryGroup p{color:var(--muted);font-size:11px;line-height:1.5}.memoryGroup p{margin:0}.memoryGroup ul{display:flex;flex-direction:column;gap:7px;margin:0;padding-left:17px}.workspace+.debugPanel{margin-bottom:30px}@media (max-width:1120px){.appFrame{grid-template-columns:220px minmax(0,1fr)}.appFrame.sidebarCollapsed{grid-template-columns:64px minmax(0,1fr)}.workspace{grid-template-columns:1fr!important}.memoryPanel,.personalityPanel{position:static;margin-top:0;max-height:none;overflow-y:visible}}@media (max-width:760px){.appFrame{display:block}.appFrame.sidebarCollapsed .sidebarMenuButton{display:inline-flex}.appFrame.sidebarCollapsed .historySidebar{transform:translateX(-105%)}.appFrame.sidebarCollapsed .historySidebar,.appFrame.sidebarOpen .historySidebar{position:fixed;top:0;left:0;width:min(88vw,290px);height:100vh;border-right:1px solid var(--line);border-bottom:0}.appFrame.sidebarOpen .historySidebar{transform:translateX(0)}.appFrame.sidebarOpen .sidebarBackdrop{display:block;position:fixed;inset:0;z-index:35;padding:0;border:0;background:rgba(24,33,27,.38);cursor:pointer}.appFrame.sidebarCollapsed .sidebarExpandableBody{display:flex}.appFrame.sidebarCollapsed .sidebarExpandable{display:block}.appFrame.sidebarCollapsed .newConversationButton{width:100%;height:auto;padding:12px 14px;justify-content:flex-start}.sessionList{max-height:none;flex:1 1}.sidebarModel{display:flex}.appFrame .experience{padding-left:0;padding-right:0;overflow-x:clip}.appFrame .experience,.conversationShell{width:100%;max-width:100%;box-sizing:border-box}.conversationShell{overflow-x:visible;padding:12px 14px 0;border-radius:22px 22px 0 0}.conversationBody{overflow:hidden}.manualInput{max-width:none;margin-inline:0}.manualInput input{padding-inline:8px;font-size:16px}.manualInput button{padding-inline:12px;font-size:13px}.errorNotice{max-width:none}.topbar{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px 4px}.topActions{display:flex;flex-direction:row;gap:8px;width:100%}.iconButton{flex:1 1;text-align:center;white-space:nowrap;padding:10px 12px;font-size:13px;border-radius:999px}.newConversationButton{position:fixed;top:14px;right:14px;bottom:auto;width:48px;height:48px;border-radius:50%;z-index:1000;box-shadow:0 4px 16px rgba(41,57,45,.3);justify-content:center;padding:0;transition:transform .2s ease,background-color .2s ease}.newConversationButton:active{transform:scale(.92);background-color:#254230}.newConversationButton .newConversationText{display:none}.newConversationButton .newConversationIcon{font-size:24px;margin:0;line-height:1}.sidebarToggle{display:none}.controls{display:flex;flex-direction:row;gap:12px;justify-content:space-between}.primaryButton,.secondaryButton{flex-basis:calc(60% - 6px);width:calc(60% - 6px)}.finishButton,.primaryButton,.secondaryButton{flex-grow:0;flex-shrink:0;font-size:14px;padding:0 8px;white-space:nowrap}.finishButton{flex-basis:calc(40% - 6px);width:calc(40% - 6px)}.manualInput{width:100%;margin-top:10px;padding:4px}.manualInput input{font-size:14px;padding:8px}.manualInput button{font-size:14px;padding:8px 12px}.controls{flex-wrap:nowrap;gap:10px;width:100%}.controls .finishButton,.controls .primaryButton,.controls .secondaryButton{flex:1 1;min-width:0;padding:0 10px;font-size:13px}}@media (max-width:1120px){body,html{min-height:100%;height:auto;overflow-y:auto}.appFrame{min-height:100vh;height:auto}.desktopOnly{display:none!important}.appFrame .experience{height:auto;max-height:none;min-height:0;padding-bottom:40px;overflow:visible}.workspace{flex:none;min-height:auto;align-items:start}.workspace .conversationShell{height:min(680px,calc(100dvh - 110px));min-height:520px;max-height:none}.workspace .chatScroll{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.memoryPanel{top:0;max-height:none;overflow:visible}}@media (max-width:760px){body,html{height:100%;overflow:hidden}.appFrame .experience{height:100dvh;max-height:100dvh;min-height:0;padding-left:0;padding-right:0;padding-bottom:0;overflow:hidden;display:flex;flex-direction:column}.topbar{padding:14px 12px 12px}.workspace{flex:1 1;min-height:0;display:flex;flex-direction:column;align-items:stretch}.workspace .conversationShell{flex:1 1;min-height:0;height:auto;max-height:none;margin-top:0;margin-bottom:0;padding:12px 14px 0;overflow-x:visible;border:1px solid rgba(255,255,255,.78);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 12px 40px rgba(41,57,45,.08),inset 0 0 0 1px rgba(24,43,31,.04);background:rgba(255,255,252,.72)}.conversationShell:before{display:none}.conversationBody .presence{width:100%;max-width:none;margin:0 0 12px}.conversationBody .avatarFrame{border-radius:18px}.conversationBody .chatScroll{flex:1 1;min-height:0;margin:0;padding-inline:0}.conversationFooter{box-sizing:border-box;width:calc(100% + 28px);margin-inline:-14px;padding:10px max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid var(--line);background:rgba(255,255,252,.96)}.conversationFooter .controls{margin-top:0}.conversationFooter .manualInput{margin-top:10px;margin-inline:0;width:100%;max-width:none}.conversationFooter .errorNotice{margin:8px 0 0}}.toggleContainer{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggleContainer span{font-size:13px;font-weight:500;color:var(--ink)}.toggleSwitch{position:relative;width:38px;height:20px;background-color:rgba(23,33,27,.16);border-radius:20px;transition:background-color .2s}.toggleSwitch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:white;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.15)}.toggleContainer input:checked+.toggleSwitch{background-color:var(--moss)}.toggleContainer input:checked+.toggleSwitch:after{transform:translateX(18px)}.patienceMetric{display:flex;align-items:center;gap:10px}.patienceMetric span{font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.patienceBarContainer{width:70px;height:6px;background:rgba(23,33,27,.08);border-radius:999px;overflow:hidden;position:relative}.patienceBarFill{height:100%;border-radius:inherit;transition:width .1s linear,background-color .3s ease}.patienceMetric strong{font-size:13px;font-weight:700;min-width:32px;text-align:right}.personalityTraits{display:flex;flex-direction:column;gap:8px}.personalityTraits>span{font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.personalityTraitsCompact .traitBar{gap:6px}.personalityTraitsCompact .traitLabel{font-size:10px}.personalityTraitsCompact .traitProgress{width:72px}.debugPanel .patienceMetric,.debugPanel .personalityTraits{grid-column:1/-1}.sidebarPersonalityTraits{padding:12px;border-top:1px solid var(--line);background:rgba(52,90,66,.04)}.sidebarPersonalityTraits .personalityTraits>span{margin-bottom:10px}.mobilePersonalitySettingsButton,.personalityTraitsMobile{display:none}@media (max-width:760px){.personalityTraitsMobile{display:flex;flex-direction:column;gap:0;padding:10px 12px;border-bottom:1px solid var(--line);background:rgba(52,90,66,.04)}.personalityTraitsMobile .patienceMetric,.personalityTraitsMobile .personalityTraits{display:none!important}.sidebarPersonalityTraits{display:none}.mobilePersonalitySettingsButton{display:inline-flex;align-items:center;justify-content:center;min-height:40px;width:100%;border:1px solid rgba(52,90,66,.24);border-radius:12px;background:rgba(255,255,252,.72);color:var(--moss);font-size:13px;font-weight:700;cursor:pointer}}.traitBarGroup{display:flex;flex-direction:column;gap:8px}@media (max-width:900px){.workspace.cols-1,.workspace.cols-2{grid-template-columns:minmax(0,1fr)!important}.memoryPanel,.personalityPanel{position:static;margin:0 16px 18px;max-height:none}.debugPanel{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:16px}}@media (max-width:760px){body,html{width:100%;height:100%;overflow:hidden}body{background:radial-gradient(circle at 10% 0,rgba(229,185,126,.12),transparent 18rem),var(--paper)}.appFrame,.conversationAppRoot{width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.appFrame{display:block}.appFrame.sidebarCollapsed .historySidebar,.appFrame.sidebarOpen .historySidebar,.historySidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:min(86vw,312px);height:100dvh;padding:18px 14px max(18px,env(safe-area-inset-bottom));border-right:1px solid var(--line);border-bottom:0;transform:translateX(-105%)}.appFrame.sidebarOpen .historySidebar{transform:translateX(0)}.appFrame.sidebarOpen .sidebarBackdrop{z-index:45;display:block}.sidebarHeader{align-items:center;padding-bottom:14px}.sidebarToggle{display:inline-flex;align-items:center;justify-content:center}.newConversationButton{position:static;width:100%;height:44px;padding:0 12px;border-radius:12px;box-shadow:none}.newConversationButton .newConversationText{display:inline}.appFrame .experience{display:flex;width:100%;height:100dvh;max-height:100dvh;min-height:0;padding:0;overflow:hidden}.topbar{flex-direction:row;align-items:center;justify-content:space-between;min-height:56px;padding:max(9px,env(safe-area-inset-top)) 12px 9px;gap:10px;border-bottom-color:rgba(23,33,27,.09);background:rgba(244,241,233,.88)}.topbarLead{flex:1 1;min-width:0;align-items:center}.topbarLead>div{min-width:0;overflow:hidden}.sidebarMenuButton{display:inline-flex;flex:0 0 42px;width:42px;height:42px;border-radius:999px;color:var(--moss);border-color:rgba(52,90,66,.18);background:rgba(255,255,252,.82);box-shadow:0 1px 3px rgba(23,33,27,.08)}.sidebarMenuButton svg{width:19px;height:19px}.conversationName{display:block;max-width:100%;overflow:hidden;font-size:0;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.conversationName:after{content:"Trò chuyện cùng Mộc";font-size:15px;font-weight:800}.languageStatus{display:none}.topActions{flex:0 0 auto;width:auto;min-width:0;gap:6px}.topActions .iconButton{flex:0 1 auto;max-width:150px;min-height:36px;padding:7px 12px;overflow:hidden;font-size:12px;line-height:1.1;border-radius:999px;background:rgba(232,238,226,.86)!important;text-overflow:ellipsis;white-space:nowrap}.topActions .modeSwitchButton{max-width:none;width:auto;min-width:168px;padding-inline:14px;text-overflow:clip}.workspace{flex:1 1;min-height:0;padding:0;overflow:hidden}.conversationShell,.workspace .conversationShell{display:flex;flex:1 1;width:100%;min-height:0;height:auto;max-height:none;margin:0;padding:10px 12px 0;border-right:0;border-left:0;border-radius:18px 18px 0 0;overflow:hidden}.conversationBody{flex:1 1;min-height:0;overflow:hidden}.conversationBody .presence{width:min(100%,260px);aspect-ratio:16/10;margin:0 auto 8px}.orbit,.presenceGlow{display:none}.avatarFrame{border-radius:16px;box-shadow:0 10px 24px rgba(37,70,48,.18)}.avatarPhaseBadge{right:8px;bottom:8px;padding:4px 8px;font-size:10px}.chatScroll{flex:1 1;min-height:0;margin:0;padding:2px 0 8px}.liveArea{max-width:none}.emptyState{padding:28px 10px}.emptyState p{font-size:18px;line-height:1.35}.emptyState span{font-size:12px;line-height:1.45}.messageList{gap:16px;padding-bottom:8px}.message{max-width:96%}.message p{font-size:16px;line-height:1.48;letter-spacing:0;overflow-wrap:anywhere}.message.assistant{padding-left:14px}.musicPlayerCard{width:100%;margin-top:12px;padding:12px}.musicPlayerHeader{gap:9px;margin-bottom:10px}.musicPlayerIcon{flex-basis:30px;width:30px;height:30px;font-size:16px}.musicPlayerHeader strong{font-size:14px}.musicPlayerAudio{height:34px}.draft,.message.assistant.thinking{padding:12px 14px;border-radius:14px}.turnStatusBanner{margin-bottom:8px;padding:8px 10px;font-size:12px}.conversationFooter{width:calc(100% + 24px);margin-inline:-12px;padding:9px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.conversationFooter .controls{gap:8px}.controls .finishButton,.controls .primaryButton,.controls .secondaryButton{min-height:42px;padding:0 8px;font-size:12px}.manualInput{align-items:center;gap:5px;margin-top:8px;padding:5px;border-radius:13px}.manualInput input{min-width:0;padding:9px 7px;font-size:16px}.manualInput .finishButton,.manualInput .micButton,.manualInput .stopButton,.manualInput button{width:36px!important;flex:0 0 36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;margin-right:0!important;padding:0!important;border-radius:10px!important;font-size:13px!important}.manualInput .finishButton{display:inline-flex!important;align-items:center!important;justify-content:center!important}.manualInput button[type=submit]{width:42px!important;flex:0 0 42px!important;min-width:42px!important;font-size:0!important}.manualInput button[type=submit]:after{content:"➤";font-size:15px}.errorNotice{margin:8px 0 0;font-size:12px}.debugPanel,.memoryPanel,.personalityPanel{display:none}.modalOverlay{align-items:stretch!important;justify-content:center!important;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;overflow-y:auto!important}.modalContent{width:min(100%,420px)!important;max-height:calc(100dvh - 24px)!important;margin:auto 0!important;padding:18px!important;border-radius:18px!important;overflow-y:auto!important}.modalContent>div:nth-child(2)>div{grid-template-columns:1fr!important}.modalContent button{min-height:40px}}@media (max-width:380px){.topActions .iconButton{max-width:120px;padding-inline:9px}.topActions .modeSwitchButton{min-width:150px;padding-inline:10px;font-size:11px}.conversationName{font-size:0}.conversationName:after{font-size:14px}.conversationBody .presence{width:min(100%,224px)}.message p{font-size:15px}.personalityTraitsMobile{padding:8px 12px 10px}.mobilePersonalitySettingsButton{min-height:38px;font-size:12px}}.traitBar{display:flex;align-items:center;justify-content:space-between;gap:10px}.traitLabel{font-size:11px;font-weight:500;color:var(--ink)}.traitProgress{width:100px;height:6px;background:rgba(23,33,27,.08);border-radius:999px;overflow:hidden}.traitProgressFill{height:100%;border-radius:inherit;background:var(--moss)}.sidebarSettings{display:flex;flex-direction:column;gap:10px;padding:15px 12px;border-top:1px solid var(--line)}.workspaceDivider{display:none}.mobileOnly{display:none!important}@media (prefers-reduced-motion:reduce){.musicStageActive:after,.musicStageParticle{animation:none}.musicStageActive:after{opacity:.34}.musicStageParticle{opacity:.34;transform:translate3d(0,24px,0)}}@media (max-width:900px){.mobileOnly{display:inline-flex!important}}