@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#26352e;background:#edf1ee;font-synthesis:none;font-size:14px;letter-spacing:0;--accent:#d9ef92;--ink:#203927;--scene:url('assets/forest.png')}
*{box-sizing:border-box}body{margin:0;padding:0 34px 28px}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #5f8341;outline-offset:4px}button:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}[hidden]{display:none!important}svg{width:20px;height:20px;stroke-width:1.6;flex-shrink:0}h1,h2,h3,p{margin:0}button{touch-action:manipulation}.studio-bar{max-width:1400px;margin:auto;height:76px;display:flex;align-items:center;gap:22px}.wordmark{font-size:34px;font-weight:650;color:#253e2e;text-decoration:none;line-height:1}.wordmark span{color:#789c54}.preview-label{font-size:11px;display:flex;align-items:center;gap:7px;color:#5f6d63;border-left:1px solid #cfd7d1;padding-left:22px}.preview-label>span{width:6px;height:6px;background:#9dac8e;border-radius:50%}.edition{margin-left:auto;font-size:10px;letter-spacing:0;color:#788079}.app-shell{position:relative;isolation:isolate;display:grid;grid-template-columns:285px minmax(0,1fr);max-width:1400px;height:calc(100dvh - 104px);min-height:580px;margin:0 auto;overflow:hidden;border-radius:20px;box-shadow:0 20px 65px #183b241a,0 0 0 1px #ffffffb0}.wallpaper{position:absolute;inset:0;z-index:-2;background-image:var(--scene);background-size:cover;background-position:center 47%;transition:opacity .5s}.wallpaper:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#11251e36,transparent 28%,transparent 65%,#1021193d)}.sidebar{display:flex;flex-direction:column;background:#f9fbf8f5;border-right:1px solid #ffffff60;padding:28px 18px 0;min-height:0}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding-left:7px;gap:7px}.sidebar-heading h1{font-size:16px;font-weight:600}.icon-button{background:#ffffff14;border:1px solid #ffffff30;border-radius:50%;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.subtle{background:transparent;border:none}.search{margin-top:22px;border:1px solid #e3e9e2;border-radius:8px;background:#eaf0e770;display:flex;align-items:center;gap:9px;padding:11px 12px;color:#859280}.search svg{width:16px;height:16px}.search input{background:none;border:0;min-width:0;width:100%;font-size:12px;color:#293d2b;outline-offset:7px}.search input::placeholder{color:#81907e}.list-label{font-size:9px;font-weight:600;color:#8d9988;margin:31px 10px 12px}.thread-list{display:flex;flex-direction:column;gap:7px;overflow:auto;flex:1}.thread{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;text-align:left;background:transparent;border-radius:8px;padding:14px 10px;width:100%;min-height:80px}.thread.active{background:#e4ecdde0}.thread-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #aabcab5c;background:#f7faf2}.thread.active .thread-icon{background:#d3e0c5;border-color:transparent}.thread-icon svg{width:18px;height:18px;color:#5d7751}.thread-copy{min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:2px}.thread-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.thread strong{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread time{font-size:9px;color:#7c8a74;flex-shrink:0}.thread-copy>small{font-size:11px;color:#7b8973;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom{padding:20px 6px}.scene-shortcut{display:flex;align-items:center;gap:11px;border-top:1px solid #dfe6da;background:transparent;width:100%;padding:19px 0 0;text-align:left}.scene-thumb{height:39px;width:34px;border-radius:6px;background-image:var(--scene);background-size:cover;background-position:center;flex-shrink:0}.scene-shortcut>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.scene-shortcut strong{font-size:11px;font-weight:550}.scene-shortcut small{font-size:10px;color:#8b967f}.scene-shortcut svg{width:15px}.company{display:flex;align-items:flex-start;flex-direction:column;gap:9px;margin-top:38px}.company img{width:145px;height:auto;mix-blend-mode:multiply}.company>span{color:#8c9688;font-size:10px}.conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-header{height:91px;padding:0 32px;display:flex;align-items:center;gap:13px;background:#15251d27;border-bottom:1px solid #ffffff24;backdrop-filter:blur(18px);color:#fff;flex-shrink:0}.avatar{height:45px;width:45px;display:flex;align-items:center;justify-content:center;background:#edf5d9;color:#35523a;font-family:Georgia,serif;font-style:italic;font-size:34px;border:1px solid #ffffff94;border-radius:50%;position:relative;flex-shrink:0;padding-bottom:5px}.avatar span{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#c5e59d;border:2px solid #526b43;border-radius:50%}.identity{display:flex;flex-direction:column;gap:4px}.identity h2{font-size:21px;font-weight:550;line-height:1.1}.identity>span{font-size:10px;color:#f1f4e8c9}.header-actions{margin-left:auto;display:flex;gap:9px}.mobile-menu{display:none}.chat-scroll{flex:1;min-height:0;overflow-y:auto;padding:26px 38px 20px;scrollbar-width:thin;scrollbar-color:#ffffff65 transparent;scroll-behavior:smooth}.date-divider{margin:0 auto 25px;background:#17332242;color:#fff;border:1px solid #ffffff24;padding:6px 13px;width:max-content;font-size:10px;border-radius:20px;backdrop-filter:blur(10px)}.messages{max-width:740px;margin:auto;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.message{max-width:80%;animation:arrive .25s ease-out}.message.outgoing{align-self:flex-end;max-width:76%}.bubble{background:#fcfff5f2;color:#27372a;padding:14px 18px;border-radius:17px 17px 17px 5px;font-size:14px;line-height:1.55;box-shadow:0 3px 15px #14251212;overflow-wrap:anywhere}.outgoing .bubble{background:var(--accent);color:var(--ink);border-radius:17px 17px 5px 17px}.message-meta{font-size:9px;color:#fff;text-shadow:0 1px 4px #102015;margin:6px 5px 0;display:flex;gap:5px;align-items:center}.message-meta svg{width:12px;height:12px}.outgoing .message-meta{justify-content:flex-end}.message.voice-message .bubble{min-width:220px;display:flex;align-items:center;gap:12px;padding:12px 15px}.voice-play{background:#57713b19;color:#36542c;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.voice-play svg{width:15px;height:15px;fill:currentColor}.voice-duration{font-size:10px;color:#748066}.waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:29px;flex:1}.waveform span{display:block;width:3px;border-radius:2px;background:currentColor;opacity:.6;height:var(--bar)}.voice-message .waveform{color:#5a6f3f;max-width:130px}.message-image{display:block;max-width:100%;width:245px;max-height:240px;object-fit:cover;border-radius:11px;margin-bottom:8px}.file-label{display:flex;align-items:center;gap:9px;overflow-wrap:anywhere}.typing .bubble{display:flex;gap:5px;width:65px;justify-content:center;padding:17px 10px}.typing b{height:5px;width:5px;border-radius:50%;background:#7c8f66;animation:pulse 1s infinite}.typing b:nth-child(2){animation-delay:.15s}.typing b:nth-child(3){animation-delay:.3s}.compose-area{padding:12px 32px 17px;flex-shrink:0}.composer{display:flex;align-items:flex-end;gap:8px;border:1px solid #ffffffa8;box-shadow:0 4px 25px #17281920;border-radius:28px;background:#f9fcf5f5;padding:8px;color:#738169}.composer .icon-button{border:0;background:none;width:37px;height:37px}.composer textarea{resize:none;background:none;border:0;outline:0;min-width:0;flex:1;max-height:115px;padding:10px 0 7px;height:37px;line-height:20px;color:#283c2b;font-size:13px}.composer textarea::placeholder{color:#8b9784}.send-button{background:#2a4936;color:#fff;width:37px;height:37px;display:flex;justify-content:center;align-items:center;border-radius:50%;flex-shrink:0}.compose-footer{margin:13px 8px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:white;text-shadow:0 1px 4px #102015}.compose-footer>span{display:flex;align-items:center;gap:5px}.compose-footer svg{width:12px;height:12px}.compose-footer button{background:none;color:inherit;font-size:9px;display:flex;gap:4px;align-items:center;text-shadow:inherit}.attachment-preview,.voice-draft{padding:10px 14px;display:flex;align-items:center;gap:12px;background:#f5f9eedf;backdrop-filter:blur(18px);border-radius:12px;margin:0 0 10px;color:#32402a;font-size:12px}.attachment-preview img{width:42px;height:42px;border-radius:5px;object-fit:cover}.attachment-preview>span{flex:1;overflow-wrap:anywhere}.voice-draft>span{font-size:11px}.voice-draft .waveform{max-width:120px}.voice-draft .icon-button{width:31px;height:31px}.empty-search{font-size:12px;color:#7b8774;padding:18px 10px}.settings-row{display:flex;align-items:center;width:100%;padding:20px 0;gap:12px;border-top:1px solid #e7eadf;background:none;text-align:left}.settings-row svg:last-child{margin-left:auto;width:16px}
dialog{color:#293927;border:1px solid #ffffffd0;padding:28px;border-radius:20px;background:#f7faf3;box-shadow:0 30px 100px #14231f33;max-height:90dvh;overflow:auto;width:min(520px,calc(100vw - 32px))}dialog::backdrop{background:#10271d66;backdrop-filter:blur(9px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{font-size:24px;font-weight:500;line-height:1.25}.eyebrow{font-size:9px;color:#8a967e;display:block;margin-bottom:9px}.dialog-intro{color:#87927b;font-size:13px;margin-top:9px;margin-bottom:24px}.scene-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scene-option{position:relative;background:#fff;padding:0;border-radius:8px;overflow:hidden;text-align:left;outline:1px solid #dfe5d9;outline-offset:3px}.scene-option[aria-pressed=true]{outline:2px solid #6d8753}.scene-option img{width:100%;height:205px;object-fit:cover;display:block}.scene-option>span{padding:13px 12px;display:flex;flex-direction:column;gap:6px}.scene-option strong{font-size:13px;font-weight:550}.scene-option small{font-size:10px;color:#86917c}.scene-option>svg{position:absolute;right:10px;top:10px;color:#fff;fill:#3e583ce6;opacity:0}.scene-option[aria-pressed=true]>svg{opacity:1}.rotation-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:28px 0 23px}.rotation-row>div{display:flex;flex-direction:column;gap:7px}.rotation-row strong{font-size:12px;font-weight:550}.rotation-row small{font-size:11px;color:#8a957f}.switch{position:relative;display:block;width:41px;height:24px;flex-shrink:0;cursor:pointer}.switch input{opacity:0;position:absolute;width:100%;height:100%;margin:0}.switch>span{position:absolute;inset:0;border-radius:20px;background:#c9d0c3;pointer-events:none}.switch>span:after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:white;transition:transform .2s}.switch input:checked+span{background:#537644}.switch input:checked+span:after{transform:translateX(17px)}.switch input:focus-visible+span{outline:3px solid #8b9a73;outline-offset:3px}.surprise-button{width:100%;background:#2b4936;color:#fff;display:flex;gap:10px;align-items:center;justify-content:center;border-radius:8px;padding:14px;font-size:12px}.surprise-button svg{width:17px;height:17px}.call-dialog{height:670px;width:min(390px,calc(100vw - 28px));padding:0;color:#fff;background:#1b3527;overflow:hidden}.call-scenery{position:absolute;inset:0;background-image:linear-gradient(#12231755,#142c2370),var(--scene);background-size:cover;background-position:center}.call-content{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;height:100%;padding:40px 24px}.call-close{position:absolute;top:17px;left:17px}.call-label{font-size:9px;opacity:.8;margin-top:42px}.call-avatar{margin-top:51px;width:96px;height:96px;font-size:75px;background:#f2f7e6d9;box-shadow:0 0 0 12px #f3f8e811}.call-content h2{font-size:34px;font-weight:450;margin-top:20px}.call-content>p{font-size:12px;margin-top:8px;color:#f6faedc2}.call-wave{flex:0 0 35px;width:100px;margin-top:32px;color:#dce8c7}.call-state{font-size:10px;color:#e5f0d8aa;margin-top:12px}.call-controls{display:flex;gap:24px;margin-top:auto;padding-top:25px}.call-control{background:none;display:flex;flex-direction:column;align-items:center;gap:11px;color:white}.call-control>span{width:53px;height:53px;border-radius:50%;background:#ffffff25;border:1px solid #ffffff30;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px)}.call-control small{font-size:10px}.call-control[aria-pressed=true]>span{background:#f4f8e6;color:#415433}.end-call>span{background:#d96359;border-color:#d96359}.details-dialog{width:min(400px,calc(100vw - 32px))}.profile-summary{display:flex;flex-direction:column;align-items:center;gap:10px;margin:26px 0 32px}.profile-summary .avatar{width:65px;height:65px;font-size:47px}.profile-summary>span{font-size:11px;color:#7d8977}.details-dialog h3{font-size:12px;font-weight:550;margin-bottom:15px}#shared-files{font-size:12px;color:#7b8773;margin-bottom:22px}#shared-files>div{padding:8px 0;overflow-wrap:anywhere}.preview-note{font-size:11px;line-height:1.6;color:#7d8776;margin-top:14px}.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);background:#243d30;color:#fff;padding:13px 22px;border-radius:8px;z-index:10;box-shadow:0 5px 20px #0002;font-size:12px;max-width:calc(100vw - 32px);text-align:center}.app-shell[data-scene=beach]{--accent:#d3eeee;--ink:#234b50}.app-shell[data-scene=beach] .chat-header{background:#123d495e}.app-shell[data-scene=beach] .wallpaper:after{background:linear-gradient(#112e4244,transparent 30%,transparent 65%,#102d3c5e)}
@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.3;transform:translateY(-2px)}}
@media(min-width:1600px){.app-shell{height:min(880px,calc(100dvh - 120px));margin-top:10px}.studio-bar{height:90px}.chat-scroll{padding-top:36px}.messages{gap:18px}.bubble{font-size:15px}.composer textarea{font-size:14px}}
@media(max-width:1050px){body{padding:0 20px 20px}.studio-bar{height:64px}.app-shell{height:calc(100dvh - 84px);grid-template-columns:250px minmax(0,1fr)}.sidebar{padding:22px 13px 0}.sidebar-heading h1{font-size:14px}.chat-header{padding:0 24px}.chat-scroll{padding:24px}.compose-area{padding:10px 20px 16px}.message{max-width:90%}}
@media(max-width:700px){body{padding:0;background:#eaf0e8}.studio-bar{height:45px;padding:0 18px;gap:13px}.wordmark{font-size:26px}.preview-label{font-size:9px;padding-left:13px}.edition{font-size:8px}.app-shell{border-radius:0;display:flex;height:calc(100dvh - 45px);min-height:0;box-shadow:none}.conversation{width:100%;flex:1}.sidebar{display:none;width:100%;border:0;padding:24px 22px 0}.app-shell.show-sidebar .sidebar{display:flex}.app-shell.show-sidebar .conversation{display:none}.chat-header{height:81px;padding:0 16px;gap:10px}.mobile-menu{display:inline-flex;width:28px;height:36px;background:transparent;border:0;margin-left:-7px}.identity h2{font-size:20px}.identity>span{font-size:9px}.avatar{width:41px;height:41px;font-size:31px}.header-actions{gap:7px}.header-actions .icon-button{width:34px;height:34px}.header-actions svg{width:17px;height:17px}.chat-scroll{padding:22px 18px 16px}.date-divider{margin-bottom:22px}.message{max-width:89%}.message.outgoing{max-width:86%}.bubble{font-size:13px;padding:12px 15px;line-height:1.55}.messages{gap:13px}.compose-area{padding:8px 14px max(14px,env(safe-area-inset-bottom))}.composer{gap:5px;padding:7px}.composer .icon-button{width:32px}.composer textarea{font-size:12px}.send-button{width:35px;height:35px}.compose-footer{font-size:8px;margin-top:12px}.compose-footer button{font-size:8px}.company{margin-top:25px}.sidebar-bottom{padding-bottom:22px}dialog{padding:22px}.dialog-heading h2{font-size:22px}.scene-option img{height:190px}.call-dialog{padding:0;height:min(670px,90dvh)}.call-avatar{width:96px;height:96px;font-size:75px}.call-content{padding-bottom:32px}.voice-draft{gap:8px;padding:9px}.voice-draft>span{font-size:10px}.voice-draft .waveform{min-width:40px}.voice-draft .waveform span{width:2px}.voice-draft .icon-button{width:28px;height:28px}}
@media(max-width:360px){.edition{display:none}.chat-header{gap:8px;padding:0 12px}.header-actions{gap:5px}.header-actions .icon-button{width:31px;height:31px}.scene-option img{height:150px}.scene-option>span{padding:11px 8px}.scene-option small{font-size:9px}.compose-footer{margin-left:2px;margin-right:2px}.message.voice-message .bubble{min-width:205px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}