: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}