:root{font-family:Inter,"Segoe UI","Noto Sans JP",Meiryo,sans-serif;color:#263b35;background:#f7f8f5;font-synthesis:none;--green:#294d40;--muted:#84918a;--line:#e7ebe5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e9b05e;outline-offset:4px}button{color:inherit}button:hover{filter:brightness(.96)}[hidden]{display:none!important}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#8b9b91}.muted{color:#829087;font-size:13px;line-height:1.9}.entry{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr;padding:24px;gap:24px;background:#fbfcf9}.entry-art{min-height:680px;background:#e9eee2;border-radius:22px;position:relative;overflow:hidden;padding:48px 58px}.brand{font-size:36px;font-weight:800;letter-spacing:-2px;margin-bottom:60px}.brand>span:first-child{color:#dd8e60}.brand-dot{font-size:13px;color:#dd8e60;margin-left:4px}.entry-art h1{font-size:clamp(34px,3.8vw,64px);line-height:1.45;font-weight:600;letter-spacing:1px;margin:18px 0 20px}.entry-art p{font-size:14px;color:#6f8375;line-height:2.1}.art-table{position:absolute;width:240px;height:110px;border-radius:100%;background:#cfa978;bottom:90px;left:26%;transform:rotate(-18deg);box-shadow:0 14px 0 #b08e61}.art-person{position:absolute;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;font-size:37px;font-style:normal;border:7px solid #f9faf5;box-shadow:0 8px 15px #233f3810}.p1{background:#e5ae8e;bottom:220px;left:28%;transform:rotate(-12deg)}.p2{background:#96b5ab;bottom:70px;left:56%;transform:rotate(15deg)}.p3{background:#c1bbda;bottom:160px;left:68%;transform:rotate(10deg)}.art-plant{position:absolute;bottom:95px;left:55px;font-size:85px;color:#718f67}.art-caption{position:absolute;bottom:30px;left:58px;font-size:9px;letter-spacing:2px;color:#7c907e}.entry-form{display:flex;flex-direction:column;justify-content:center;padding:50px clamp(20px,5vw,100px);position:relative}.entry-form h2{font-size:30px;letter-spacing:1px;margin:20px 0 12px}.entry-form form{margin-top:36px}.entry-form label{display:block;font-size:12px;font-weight:600;margin:22px 0 10px}.entry-form input{width:100%;height:50px;padding:0 16px;border:1px solid #dce3d9;border-radius:8px;background:white;color:#263b35}.primary{width:100%;margin-top:28px;padding:16px 20px;border:0;border-radius:8px;background:var(--green);color:white;text-align:left;font-weight:600;font-size:13px}.primary span{float:right}.entry-note{font-size:11px;color:#8e9b93;line-height:1.9;margin-top:28px}.entry-form small{position:absolute;bottom:20px;font-size:10px;color:#9aa69d}#join-error{color:#b44335;font-size:12px;min-height:20px}.office{display:flex;min-height:100vh}.rail{width:76px;flex-shrink:0;background:#233f38;display:flex;flex-direction:column;align-items:center;padding:25px 0;color:white;gap:24px}.mini-brand{text-decoration:none;color:#f0f1dc;font-size:22px;font-weight:800;letter-spacing:-1px;margin:0 0 24px -5px}.rail-button{width:40px;height:40px;background:transparent;color:#a6b9ad;border:none;border-radius:10px;font-size:22px}.rail-button.selected{color:#fff;background:#ffffff15}.rail-bottom{margin-top:auto}.rail-bottom span{border-radius:50%;width:32px;height:32px;background:#d5b28a;color:#33483b;display:grid;place-items:center;font-size:12px}main{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:#fff}header h1{font-size:21px;font-weight:650;letter-spacing:.3px;margin:7px 0 0}.tag{font-size:9px;vertical-align:middle;font-weight:500;color:#8c9687;background:#f1f3ed;padding:4px 7px;border-radius:4px;margin-left:8px}.header-right{display:flex;gap:24px;align-items:center}.header-right time{font-size:21px;letter-spacing:1px}.connection{color:#819481;font-size:11px}.connection:before,.live-dot{content:"";display:inline-block;width:6px;height:6px;background:#79a582;border-radius:50%;margin-right:8px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 254px;flex:1;min-height:0}.floor-section{padding:22px 28px;overflow-y:auto;min-width:0}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:18px}.section-top>div{display:flex;align-items:center}.count{margin-left:12px;color:#91a08f;font-size:10px;background:#e9eee7;border-radius:5px;padding:4px 7px}.hint{color:#929f94;font-size:10px}.floor-wrap{background:#edf0e7;border:1px solid #e0e5d9;border-radius:16px;padding:12px;box-shadow:0 6px 18px #334a3810}.floor{position:relative;aspect-ratio:1.56;min-width:520px;background-color:#f8f6ed;background-image:linear-gradient(#e9e6da55 1px,transparent 1px),linear-gradient(90deg,#e9e6da55 1px,transparent 1px);background-size:28px 28px;border-radius:10px;overflow:hidden;touch-action:none;outline-offset:4px}.area-label{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#98a28c;position:absolute;z-index:1}.area-label span{display:block;font-size:8px;letter-spacing:.4px;font-weight:400;margin-top:6px;color:#a2a895}.lounge-label{left:6%;top:8%}.desk-label{left:6%;top:49%}.rug{position:absolute;left:12%;top:21%;width:37%;height:23%;background:#e9e5d4;border-radius:46%;z-index:0}.sofa{position:absolute;background:#99aa87;border:5px solid #a9b896;border-radius:8px;box-shadow:0 5px 0 #849575;z-index:1;width:21%;height:9%}.sofa-one{left:20%;top:18%}.sofa-two{left:10%;top:28%;transform:rotate(90deg);width:15%;height:8%}.coffee-table{position:absolute;left:29%;top:31%;width:12%;height:9%;background:#d6b992;border:3px solid #e3c9a7;border-radius:50%;z-index:1;box-shadow:0 3px 0 #b79b78}.plant{position:absolute;color:#79976c;font-size:42px;z-index:1;line-height:1;filter:drop-shadow(2px 3px 0 #4f694526)}.plant-one{left:51%;top:9%}.plant-two{left:5%;top:82%}.plant-three{right:6%;bottom:5%}.desks{position:absolute;left:10%;top:61%;width:40%;height:22%;display:grid;grid-template-columns:1fr 1fr;gap:22% 12%}.desk{position:relative;background:#dac4a3;border:3px solid #e8d5b9;border-radius:5px;box-shadow:0 4px 0 #c2ae8e}.desk:before,.desk:after{content:"";position:absolute;background:#93a89d;width:24%;height:55%;border-radius:4px;top:-65%;left:13%}.desk:after{left:62%}.desk i{position:absolute;background:#6e8178;border:3px solid #a8b3a5;width:20%;height:68%;top:7%;left:16%;border-radius:3px}.desk i+ i{left:65%}.meeting{position:absolute;left:64%;width:31%;height:32%;border:3px solid #d9e0d2;background:#eff1e7d9;border-radius:10px;box-shadow:0 4px 0 #dfe5d8}.room-a{top:7%}.room-b{top:45%;background:#eeebe3d9;border-color:#e0dacd}.meeting .area-label{left:9%;top:12%;font-size:8px}.meeting-table{position:absolute;left:28%;top:41%;width:43%;height:28%;border-radius:10px;background:#d7b68d;border:3px solid #e7cba9;box-shadow:0 3px 0 #bfa17b}.meeting-table i{position:absolute;background:#8ba49a;border-radius:4px;width:30%;height:36%;top:-50%;left:10%}.meeting-table i:nth-child(2){left:62%}.meeting-table i:nth-child(3){top:115%}.meeting-table i:nth-child(4){top:115%;left:62%}.room-b .meeting-table i{background:#bcaa91}.room-note{position:absolute;bottom:7%;width:100%;text-align:center;font-size:7px;color:#9ca48f;letter-spacing:.3px}.entrance{position:absolute;bottom:4%;left:25%;font-size:8px;letter-spacing:2px;color:#a4ac98}.avatar{position:absolute;z-index:6;width:42px;height:42px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid #fff;box-shadow:0 3px 7px #34443924;display:grid;place-items:center;color:#34483d;font-size:14px;font-weight:700;cursor:pointer;user-select:none;transition:left .18s linear,top .18s linear}.avatar.self{border-color:#fff;outline:2px solid #688e70;z-index:7}.avatar.away{opacity:.5}.avatar.speaking{box-shadow:0 0 0 5px #7fb78b66}.avatar .name{position:absolute;top:43px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:500;background:#ffffffed;padding:3px 7px;white-space:nowrap;border-radius:4px;max-width:130px;overflow:hidden;text-overflow:ellipsis}.radius{position:absolute;border:1px dashed #89a48288;border-radius:50%;background:#9ebd8d13;width:50%;height:78%;transform:translate(-50%,-50%);pointer-events:none;z-index:3;transition:left .18s linear,top .18s linear}.floor-caption{display:flex;justify-content:space-between;font-size:10px;color:#8a9788;margin:14px 0 23px;gap:10px}.floor-caption b{color:#5c705e;font-weight:500;margin:0 6px}.floor-caption button{font-size:10px;background:none;border:0;color:#778a73;padding:0;white-space:nowrap}.media-stage{display:flex;gap:12px;overflow-x:auto;min-height:102px;padding-bottom:6px}.media-empty{display:flex;align-items:center;justify-content:center;gap:20px;border:1px dashed #dde3d7;border-radius:12px;width:100%;color:#8f9b8b;min-height:100px}.media-empty>span{font-size:36px;color:#b0bc9d}.media-empty b{font-size:12px;font-weight:500;color:#74846f}.media-empty p{font-size:10px;color:#9ca594}.video-card{min-width:160px;width:200px;height:125px;position:relative;border-radius:9px;overflow:hidden;background:#243b32;flex-shrink:0}.video-card video{width:100%;height:100%;object-fit:cover}.video-card.share{width:300px}.video-card.share video{object-fit:contain;cursor:zoom-in}.video-card span{position:absolute;bottom:7px;left:9px;color:white;font-size:10px;padding:3px 5px;background:#17291d88;border-radius:4px}.privacy-note{font-size:9px;color:#9a9f91;line-height:1.9;margin-top:12px}.members-panel{background:#fff;border-left:1px solid var(--line);padding:23px 21px;overflow-y:auto}.members-panel .section-top span{background:#f1f4ed;border-radius:50%;padding:4px 7px;font-size:10px;color:#879580}.search{display:flex;align-items:center;gap:8px;background:#f6f8f3;border:1px solid #ebeee6;border-radius:6px;padding:9px 10px;color:#98a58f}.search input{background:none;border:0;min-width:0;width:100%;font-size:10px;color:#556c54;outline:none}.member-heading{color:#a2ad9a;font-size:9px;letter-spacing:.4px;margin:23px 0 15px}.member{display:flex;align-items:center;text-align:left;gap:10px;width:100%;border:0;background:transparent;padding:10px 0;border-bottom:1px solid #f3f5ef}.member-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-size:12px;flex-shrink:0}.member-name{font-size:11px;display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-sub{font-size:9px;color:#a0ab99;display:block;margin-top:4px}.member-dot{width:5px;height:5px;background:#8bae83;border-radius:50%;margin-left:auto}.invite-card{margin-top:26px;background:#f4f2e9;padding:19px 16px;border-radius:9px}.invite-card>span{font-size:8px;letter-spacing:1.8px;color:#b8a786}.invite-card h3{font-size:12px;font-weight:500;line-height:1.8;margin:10px 0 8px}.invite-card p{font-size:9px;line-height:1.9;color:#9b9b87;margin:0}.room-shortcuts .member-heading{display:block}.room-shortcuts button{display:block;width:100%;background:transparent;border:0;text-align:left;padding:11px 0;font-size:10px;color:#83917a}.room-shortcuts button span{float:right}footer{min-height:88px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 30px;gap:20px}.me-info{display:flex;align-items:center;gap:11px;min-width:130px}.me-avatar{width:37px;height:37px;background:#d9b891;border-radius:50%;display:grid;place-items:center;font-size:13px}.me-info b{display:block;font-size:11px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-info select{font-size:9px;display:block;border:0;background:none;margin-top:4px;color:#8a9f81;max-width:120px}.controls{display:flex;gap:10px}.controls button{display:flex;align-items:center;flex-direction:column;justify-content:center;border:1px solid #e7ebe1;border-radius:9px;background:#fafbf7;min-width:76px;height:55px;gap:4px}.controls button span{font-size:18px;line-height:21px}.controls button b{font-size:8px;font-weight:500;color:#8b9681}.controls button.active{background:#eaf0e2;border-color:#b5c7a6}.controls button.active b{color:#54774d}.leave{border:1px solid #ecdcd4;background:#fcf5f0;color:#bc8d75;padding:11px 15px;border-radius:7px;font-size:11px;white-space:nowrap}.toast{position:fixed;z-index:50;bottom:110px;left:50%;transform:translateX(-50%);background:#233f38;color:white;padding:14px 22px;border-radius:10px;font-size:12px;box-shadow:0 5px 25px #0002;max-width:90vw;line-height:1.7}dialog{max-width:510px;border:1px solid #e0e6d7;border-radius:16px;padding:35px;color:#304534;background:#fcfdf8}dialog::backdrop{background:#1c30296b}dialog h2{font-size:24px}dialog ol{padding-left:20px;font-size:12px;line-height:2.2}.close-dialog{position:absolute;right:16px;top:12px;border:0;background:none;font-size:25px;color:#8d9c85}
@media(min-width:1550px){.floor-section{padding:25px 50px}.workspace{grid-template-columns:minmax(0,1fr) 280px}.floor-wrap{max-width:1150px;margin:auto}.media-stage{min-height:130px}}@media(max-width:1100px){.rail{width:58px}.workspace{grid-template-columns:minmax(0,1fr) 210px}.floor-section{padding:18px}.members-panel{padding:23px 15px}.hint{display:none}header{padding:0 24px}footer{padding:12px 20px}.controls{gap:6px}.controls button{min-width:67px}.entry-art{padding:40px}.entry-form{padding:40px}.art-caption{left:40px}}@media(max-width:850px){.members-panel{display:none}.workspace{grid-template-columns:1fr}.floor{min-width:0}.rail{width:50px}.header-right time{display:none}header h1{font-size:17px}header{height:85px}.entry{grid-template-columns:1fr;padding:14px}.entry-art{min-height:320px;padding:25px}.brand{font-size:27px;margin-bottom:30px}.entry-art h1{font-size:30px}.entry-art p{font-size:11px}.art-table{width:130px;height:65px;left:auto;right:40px;bottom:60px}.art-person{width:45px;height:45px;font-size:24px;border:4px solid white}.p1{left:auto;right:140px;bottom:145px}.p2{left:auto;right:45px;bottom:35px}.p3{left:auto;right:15px;bottom:120px}.art-plant{display:none}.art-caption{left:25px;bottom:15px;font-size:7px}.entry-form{padding:28px 18px 60px}.entry-form h2{font-size:25px}.entry-form form{margin-top:20px}.entry-form small{bottom:10px}.area-label{font-size:7px}.area-label span{font-size:6px}.meeting .area-label{font-size:6px}.room-note{font-size:5px}.plant{font-size:26px}.avatar{width:32px;height:32px;font-size:11px}.avatar .name{top:31px;font-size:7px}.sofa{border-width:3px}.floor-caption{font-size:8px}.floor-caption #zone-detail{display:none}.me-info{min-width:50px}.me-info>div{display:none}.controls button{min-width:52px}.controls button b{font-size:7px}footer{gap:9px;padding:10px}.leave{padding:9px;font-size:9px}.floor-section{padding:15px 12px}.media-empty{gap:10px}.media-empty b{font-size:10px}.media-empty p{font-size:8px}.media-empty>span{font-size:25px}.header-right{gap:10px}.connection{font-size:9px}.privacy-note{font-size:8px}main{height:100dvh}.mini-brand{font-size:19px}}
.audio-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;margin:0 0 14px;border:1px solid #d9b97b;background:#fff7e6;border-radius:8px;font-size:11px;color:#785d30}.audio-notice button{border:0;border-radius:6px;background:#294d40;color:white;padding:9px 13px;font-size:11px;white-space:nowrap}