:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:#293832;background:#f5f3ed;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d7dcd7;border-radius:9px;background:#fff;color:inherit;padding:11px 15px}button:hover{background:#f0f5f1}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #9ebbae;outline-offset:3px}input{width:100%;border:1px solid #ccd2cd;border-radius:8px;padding:12px;background:#fff;color:inherit}.app-shell{height:100dvh;min-height:500px;display:flex;flex-direction:column}.topbar{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #dcded7;background:#fff;z-index:4}.brand{font-size:23px;font-weight:750;color:#376b55;letter-spacing:-.7px;display:flex;align-items:center;gap:13px}.brand span{font-weight:400;color:#a1a99f;font-size:20px}.brand strong{font-size:17px;color:#34413a;letter-spacing:.02em;font-weight:500}.topbar-right{display:flex;gap:20px;align-items:center}.connection,.count{display:flex;align-items:center;gap:7px;font-size:12px}.connection i{width:7px;height:7px;border-radius:50%;background:#adb4ae}.connection i.online{background:#427b59}.leave{padding:8px 16px;border-color:#8aa995;color:#376b55}.workspace{display:flex;flex:1;min-height:0}.office-area{position:relative;flex:1;min-width:0;overflow:hidden}.scene-wrap,.scene{position:absolute;inset:0}.scene canvas{display:block;width:100%;height:100%}.avatar-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.avatar-labels span{position:absolute;top:0;left:0;border-radius:12px;padding:4px 9px;white-space:nowrap;background:#fffffff2;box-shadow:0 2px 8px #0001;font-size:11px;color:#34423b;border:2px solid transparent}.avatar-labels span.speaking{border-color:#70b38b}.view-switch{position:absolute;top:20px;right:20px;display:flex;gap:4px;background:#fff;padding:4px;border-radius:10px;box-shadow:0 3px 12px #1d352010}.view-switch button{border:0;background:transparent;padding:8px 12px}.view-switch button[aria-pressed=true]{background:#eaf0e9;color:#376b55}.movement-hint{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;gap:4px;color:#376b55;font-size:11px;pointer-events:none}.movement-hint kbd{border:1px solid #86a18e;padding:3px 5px;border-radius:3px;background:#fafbf8}.movement-hint span{margin-left:5px}.entry{position:absolute;top:34px;left:28px;width:294px;background:#fffffff5;border:1px solid #d9ded8;border-radius:12px;padding:24px;box-shadow:0 8px 30px #283c3008}.entry h1{margin:0 0 12px;color:#376b55;font-size:23px;font-weight:700;letter-spacing:-.5px}.entry p{font-size:12px;line-height:1.85;color:#758277;margin:0 0 20px}.entry label{display:block;font-size:12px;font-weight:600;margin:16px 0 9px}.color-picker{display:flex;justify-content:space-between;gap:8px;margin:14px 0 23px}.color-picker button{width:30px;height:30px;border:3px solid transparent;padding:0;border-radius:50%;outline-offset:3px}.color-picker button[aria-pressed=true]{outline:2px solid #376b55;border-color:#fff}.primary{width:100%;background:#376b55;color:#fff;border-color:#376b55;font-weight:600;justify-content:space-between;padding:13px 15px}.primary:hover{background:#2d5e49}.entry small{display:block;color:#899088;font-size:10px;text-align:center;margin-top:12px}.chat-panel{width:310px;flex-shrink:0;background:#fff;border-left:1px solid #d9ded8;display:flex;flex-direction:column;z-index:3;padding:0 20px}.chat-tabs{height:64px;display:flex;flex-shrink:0;border-bottom:1px solid #d8ded7}.chat-tabs button{flex:1;border:0;border-radius:0;background:transparent;font-weight:600;font-size:13px;border-bottom:3px solid transparent;padding-top:16px}.chat-tabs button[aria-pressed=true]{border-bottom-color:#376b55;color:#376b55}.chat-messages{flex:1;overflow:auto;padding:20px 0}.chat-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#376b55}.chat-empty p{font-size:15px;color:#3e4942;margin-bottom:8px}.chat-empty small{font-size:11px;color:#8a938a;line-height:1.8;max-width:210px}.chat-message{margin-bottom:21px}.chat-message strong{font-size:12px}.chat-message time{font-size:10px;color:#a0a69f;margin-left:9px}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;margin:7px 0 0}.chat-input{display:flex;gap:8px;padding:15px 0 22px}.chat-input input{min-width:0;font-size:12px}.chat-input button{padding:10px;color:#376b55}.inline-error{font-size:12px;color:#a04940;line-height:1.7}.room-error{position:absolute;bottom:100px;left:30px;background:#fff8ec;color:#885534;padding:12px 18px;border-radius:8px;max-width:70%}.scene-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;font-size:13px;z-index:2}.spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.media-mount{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#fff;padding:8px 18px;border-radius:12px;box-shadow:0 6px 25px #23392118}.media-mount p{font-size:12px;color:#7c877d;margin:7px}.call-panel{font:inherit}.call-controls{display:flex;gap:6px}.call-panel video{max-width:100px;max-height:80px}.call-error{color:#a04940;font-size:12px}.call-status{font-size:11px;color:#7b867e}@media(max-width:1000px){.chat-panel{width:260px;padding:0 14px}.entry{width:260px;left:20px;padding:20px}.movement-hint{bottom:90px}.brand{font-size:20px}.topbar{padding:0 20px}}@media(max-width:700px){.app-shell{min-height:700px;height:auto}.workspace{flex-direction:column}.office-area{height:70dvh;min-height:480px;flex:none}.chat-panel{width:100%;height:300px;border-left:0;border-top:1px solid #ddd}.entry{top:70px;width:240px;padding:18px}.entry h1{font-size:20px}.entry p{font-size:11px}.topbar{padding:0 16px}.topbar-right{gap:8px}.brand{font-size:18px;gap:8px}.brand strong{font-size:14px}.connection{display:none}.view-switch{top:12px;right:12px}.movement-hint{bottom:90px}.media-mount{bottom:16px;width:max-content;max-width:95%}}.ai-attribution{font-size:10px;color:#929a92;margin:0 0 4px}.ai-attribution a{color:inherit}.chat-panel:has(.labochan-panel){width:360px;padding:0 22px}.labochan-panel{display:flex;flex-direction:column;flex:1;min-height:0}.labo-heading{display:flex;align-items:center;gap:11px;padding:23px 0;border-bottom:1px solid #e7e9e3}.labo-avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#e6eff4;color:#527d99}.labo-heading strong{display:block;font-size:15px}.labo-heading small{display:flex;align-items:center;gap:5px;font-size:10px;color:#86948d;margin-top:6px}.labo-heading small i{width:5px;height:5px;background:#b3bcb4;border-radius:50%}.labo-heading small i.ready{background:#64a394}.labo-tag{margin-left:auto;color:#99a59c;font-size:9px;letter-spacing:.06em}.labo-conversation{flex:1;min-height:0;overflow:auto;padding:26px 0;scrollbar-width:thin}.eyebrow{font-size:10px;letter-spacing:.16em;color:#769187;font-weight:600}.labo-welcome{padding:24px 0}.labo-welcome h2{font-size:29px;font-weight:500;letter-spacing:.02em;line-height:1.6;margin:18px 0;color:#355647}.labo-welcome p{font-size:12px;color:#89948c;line-height:2.1}.labo-loop{display:flex;gap:9px;align-items:center;margin-top:24px;font-size:10px;color:#658879}.labo-suggestions{display:grid;gap:7px;padding:12px 0}.labo-suggestions button{justify-content:space-between;text-align:left;font-size:11px;background:#f7f8f3;border-color:#e6e9e1;padding:12px}.labo-input{display:flex;gap:6px;padding:6px;border:1px solid #a8b9ad;background:#fafbf7;border-radius:13px}.labo-input input{border:0;background:transparent;min-width:0;font-size:12px;padding:10px 7px}.labo-input button{background:#376b55;color:#fff;border:0;border-radius:8px;padding:10px}.labo-footnote,.labo-retention{font-size:9px;color:#9aa39b;text-align:center;line-height:1.7;display:block}.labo-footnote{margin:11px 0 3px}.labo-retention{margin-bottom:18px}.labo-message{margin:0 0 23px}.labo-message>span{font-size:10px;color:#8d9b91}.labo-message p{font-size:13px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.from-you p{padding:13px 16px;background:#f1f3ed;border-radius:12px 12px 3px}.from-labo>span{color:#46745e}.from-labo p{color:#355043}.labo-progress{display:flex;gap:8px;font-size:11px;color:#6d8a7a;align-items:center}.labo-progress i,.desk-presence i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6fa491;flex-shrink:0}.labo-progress i{animation:labo-pulse 1.5s ease-in-out infinite}.desk-views{position:absolute;left:24px;top:50%;transform:translateY(-50%);display:grid;gap:3px;padding:7px;background:#fffffff0;border:1px solid #e0e5dc;border-radius:13px;box-shadow:0 8px 25px #2339210a}.desk-views button{border:0;background:transparent;justify-content:start;font-size:11px;gap:14px;padding:13px 12px}.desk-views button small{font-size:9px;color:#91a193}.desk-views button[aria-pressed=true]{background:#e3eddf;color:#365e48}.desk-presence{position:absolute;bottom:32px;left:50%;transform:translate(-50%);text-align:center;background:#f9fbf2ed;border:1px solid #dae2d3;border-radius:14px;padding:16px 26px;box-shadow:0 8px 35px #21372410;min-width:300px;pointer-events:none}.desk-presence p{display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;margin:10px 0}.desk-presence small{font-size:9px;color:#91a08f}.desk-presence i.typing,.desk-presence i.thinking{animation:labo-pulse 1.5s ease-in-out infinite}.desk-presence i.error{background:#bf7967}.movement-hint[hidden]{display:none}@keyframes labo-pulse{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.labo-progress i,.desk-presence i{animation:none}}@media(max-width:1100px){.chat-panel:has(.labochan-panel){width:310px;padding:0 18px}.desk-views{left:12px}.desk-views button{padding:11px 9px;gap:8px}}@media(max-width:700px){.chat-panel:has(.labochan-panel){width:100%;height:530px;padding:0 22px}.labo-heading{padding:15px 0}.labo-welcome{padding:0}.labo-welcome h2{font-size:25px;margin:10px 0}.labo-welcome p{margin:8px 0}.labo-loop{margin-top:14px}.labo-conversation{padding:16px 0}.desk-views{top:76px;left:12px;transform:none;display:flex}.desk-views button{padding:9px;font-size:10px}.desk-presence{bottom:20px;min-width:280px;padding:12px 15px}.labo-heading small{font-size:9px}.view-switch button{font-size:11px;padding:8px 10px}}.play-controls{position:absolute;inset:0;pointer-events:none}.play-controls button,.play-controls select{pointer-events:auto;min-height:38px;font-size:11px;padding:8px 11px;background:#fffffff5;box-shadow:0 2px 9px #29412a0c}.room-travel{position:absolute;top:76px;right:20px;display:flex;gap:5px}.room-travel button[aria-pressed=true]{background:#dfeddd;border-color:#94b88d}.play-actions{position:absolute;bottom:83px;left:20px;right:20px;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.play-actions select{max-width:160px;border:1px solid #c8d5c5;border-radius:9px;color:#345540}.play-actions kbd,.toy-actions kbd{font-size:9px;color:#8a9d88}.toy-actions{position:absolute;bottom:35px;left:20px;display:flex;align-items:center;gap:7px}.toy-actions>span{padding:7px 10px;background:#fafff2ed;border-radius:8px;color:#496846;font-size:10px}.travel-status{position:absolute;left:22px;bottom:9px;margin:0;font-size:10px;color:#466847;background:#fffffff0;padding:4px 8px;border-radius:6px}.touch-move{position:absolute;right:18px;bottom:143px;display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:4px}.touch-move button{font-size:20px;touch-action:none;-webkit-user-select:none;user-select:none;padding:0;background:#f9fff3ed}.touch-move button:first-child{grid-column:2}.touch-move button:nth-child(2){grid-column:1;grid-row:2}.touch-move button:nth-child(3){grid-column:2;grid-row:2}.touch-move button:nth-child(4){grid-column:3;grid-row:2}.scene-wrap:has(.play-controls) .movement-hint{display:none}@media(max-width:700px){.room-travel{top:65px;right:12px;left:12px;justify-content:center}.room-travel button{font-size:10px;padding:7px 10px}.play-actions{left:10px;right:10px;bottom:86px;gap:4px}.play-actions button{font-size:10px;padding:6px 8px;min-height:35px}.play-actions kbd,.toy-actions kbd{display:none}.play-actions select{max-width:120px;min-height:32px;font-size:10px;padding:5px}.toy-actions{left:10px;bottom:40px;gap:4px}.toy-actions>span{font-size:9px;padding:6px}.toy-actions button{padding:7px;font-size:10px}.travel-status{left:12px;bottom:12px}.touch-move{right:12px;bottom:179px;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,38px)}}