*{box-sizing:border-box} :root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#252823;background:#f5f4ef;font-size:14px}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid #323830;background:transparent;min-height:40px;padding:9px 16px;border-radius:7px;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#e3e6db}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.active{background:#303b31;color:#fff}button:focus-visible,input:focus-visible{outline:3px solid #8d9e7e;outline-offset:3px}header{height:86px;border-bottom:1px solid #d6d7ce;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#faf9f5}.brand{text-decoration:none;color:inherit;font-size:29px;font-weight:700;letter-spacing:-1px}.brand span{font-size:11px;letter-spacing:1px;display:block;margin-top:4px;font-weight:400}.header-actions{display:flex;gap:12px;align-items:center}.badge{font-size:11px;color:#6e756b;border:1px solid #c8cbbf;border-radius:30px;padding:7px 12px}main{display:flex;min-height:calc(100vh - 86px)}.rail{width:212px;flex-shrink:0;padding:34px 20px;border-right:1px solid #d6d7ce;display:flex;flex-direction:column;gap:12px}.rail-title{font-size:11px;color:#777c70;padding:0 10px 15px}.rail button{text-align:left;border-color:transparent}.rail-foot{margin-top:auto;font-size:12px;line-height:2.1;color:#858a7c;padding:50px 10px 10px}hr{border:0;border-top:1px solid #d6d7ce;margin:25px 0}.workspace{padding:32px 38px 18px;max-width:1600px;width:100%}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:3px;color:#7c8473}h1{font-size:29px;font-weight:500;margin:11px 0}p{color:#73796c;line-height:1.7;margin:8px 0}.heading p{font-size:12px}.scene-wrap{height:460px;background:#eceee5;border:1px solid #b7bfb0;border-radius:12px;overflow:hidden;position:relative}.scene-top{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:2;font-size:11px;color:#6c7566;pointer-events:none}#scene{height:100%;width:100%;touch-action:none}canvas{display:block}#loading{position:absolute;inset:40% 10%;text-align:center}#split{position:absolute;inset:55px 20px 75px;display:grid;grid-template-columns:1fr 1fr;gap:16px}#split[hidden]{display:none}#split article{border:1px solid #555e50;padding:20px;text-align:center;background:#f5f5edeb;border-radius:10px}.text-avatar{padding:45px 0;font-size:22px}.rooms{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);display:flex;gap:7px;white-space:nowrap}.rooms button{background:#f5f4efcc;min-height:32px;padding:5px 14px;font-size:12px}.rooms button.active{background:#303b31}#scene-note{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:10px;color:#7c8473}.under-scene{display:flex;justify-content:space-between;align-items:center;padding:22px 0;gap:15px}.under-scene button{margin-left:5px}.under-scene strong{font-size:13px;font-weight:500}.under-scene p{font-size:11px;margin:5px 0 0 15px}.dot{display:inline-block;width:6px;height:6px;background:#748b60;border-radius:100%;margin-right:9px}.bottom-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.card{border:1px solid #cbd0c3;border-radius:10px;padding:22px;background:#faf9f540}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{font-size:15px;font-weight:500;margin:0}small{font-size:10px;color:#838a7b}.actions{display:flex;gap:10px;margin:20px 0}.actions button{flex:1}.empty{font-size:12px;color:#898e83;padding:5px 0}#feed{padding-left:16px;margin:18px 0 0;font-size:12px;line-height:2;color:#757c6c}footer{font-size:10px;color:#8e9486;display:flex;justify-content:space-between;margin-top:23px;gap:12px}#shade{position:fixed;inset:0;background:#28302540;backdrop-filter:blur(2px);z-index:10}#drawer{position:fixed;right:0;top:0;height:100dvh;width:440px;max-width:100%;z-index:11;background:#f9f8f2;border-left:1px solid #75806b;overflow-y:auto;padding:30px}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d2d6c8;padding-bottom:22px;margin-bottom:24px}.drawer-head h2{font-size:23px;margin-top:8px}label{display:block;font-size:12px;line-height:1.7;margin:18px 0 7px}input:not([type=checkbox]),select,textarea{width:100%;padding:11px;border:1px solid #a4ad9a;border-radius:5px;background:transparent}input[type=checkbox]{accent-color:#4e6142;width:17px;height:17px;vertical-align:middle;margin-right:10px}.hint{padding:12px;border:1px dashed #b4bda9;font-size:12px;line-height:1.8;color:#747d6a;margin:15px 0}.row{display:flex;gap:8px;align-items:center;margin:12px 0}.row>*{flex:1}.wide{width:100%;margin-top:16px}.section-title{font-size:13px;border-bottom:1px solid #d3d8ca;padding-bottom:12px;margin:25px 0 12px}.message{font-size:13px;line-height:1.7;border:1px solid #c0c8b5;border-radius:8px;padding:12px;margin:12px 0}.message.mine{margin-left:35px}.tag{font-size:10px;border:1px solid #a9b39f;padding:2px 6px;border-radius:4px;display:inline-block;margin-bottom:6px}.invite{border-top:1px solid #c9cebf;padding:12px 0;font-size:12px}.invite button{padding:5px 10px;min-height:30px;font-size:12px;margin:8px 5px 0 0}.stat{font-size:35px;margin:16px 0}.stat small{font-size:12px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(100px);background:#303b31;color:#fff;padding:13px 24px;border-radius:8px;z-index:30;transition:transform .25s;max-width:90%;font-size:13px;pointer-events:none}#toast.show{transform:translateX(-50%) translateY(0)}[hidden]{display:none!important}@media(min-width:1500px){.scene-wrap{height:520px}}@media(max-width:1050px){.rail{width:165px;padding:25px 10px}.workspace{padding:25px 22px}.under-scene{flex-wrap:wrap}.scene-top span:last-child{display:none}}@media(max-width:700px){header{height:auto;min-height:78px;padding:15px 17px;gap:10px}.brand{font-size:23px}.brand span{font-size:9px}.badge{display:none}.header-actions{gap:6px}.header-actions button{font-size:10px;min-height:35px;padding:7px}.rail{display:none}.workspace{padding:25px 15px}h1{font-size:23px}.heading{gap:10px}.heading p{font-size:11px}.heading button{font-size:11px;white-space:nowrap;padding:7px}.scene-wrap{height:390px}.rooms{gap:4px}.rooms button{padding:5px 10px}.bottom-grid{grid-template-columns:1fr}.under-scene button{font-size:12px}.card{padding:18px}footer{line-height:1.8;display:block}footer span{display:block}#split{inset:50px 10px 80px;gap:8px}#split article{padding:8px}.text-avatar{font-size:14px;padding:40px 0}.mobile-nav{display:flex;gap:5px;margin-top:15px}.mobile-nav button{flex:1;font-size:11px;padding:7px}}