:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#243342;background:#f5f5ef;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d9ded6;border-radius:10px;padding:10px 16px;background:#fff;color:#263a34;transition:background .2s}button:hover{background:#e6ecdf}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a2bf86;outline-offset:2px}.app-shell{max-width:1600px;margin:auto;padding:0 5vw}header{height:100px;display:flex;align-items:center;gap:32px;border-bottom:1px solid #dedfd5}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:#213e34;color:#d9ecae;border-radius:12px}.brand-en{font-size:10px;letter-spacing:2px;margin-left:4px;font-weight:500}.badge{font-size:12px;color:#879082;border-left:1px solid #ddd;padding-left:26px}.header-right{margin-left:auto;font-size:10px;letter-spacing:2px}.live-dot{display:inline-block;width:7px;height:7px;background:#6c9c5b;border-radius:50%;margin-left:8px}.landing{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center;min-height:760px;padding:55px 3%}.eyebrow,.card-step{font-size:10px;font-weight:650;letter-spacing:2.6px;color:#778776}.hero h1{font-size:clamp(40px,4.5vw,66px);line-height:1.25;letter-spacing:-2px;font-weight:600;margin:24px 0}.hero h1 span{color:#678555}.hero p{font-size:15px;color:#7a8278;line-height:1.95}.feature-chips{display:flex;gap:10px;margin-top:24px}.feature-chips span{font-size:11px;border:1px solid #daddd0;padding:6px 12px;border-radius:30px}.illustration{position:relative;margin-top:35px;padding-left:20px}.mini-browser{width:320px;height:175px;background:#dce3c9;border:1px solid #b4c1a4;border-radius:12px;transform:rotate(-5deg);box-shadow:14px 14px #e9e9dc;position:relative;overflow:visible}.mini-browser>div{border-bottom:1px solid #b8c5a9;font-size:9px;padding:7px 12px;color:#68815f}.mini-browser>div span{margin-left:15px;font-size:8px}.mini-browser strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:34px;line-height:1.15;padding:18px 25px;color:#4a6351}.mock-pointer{position:absolute;right:25px;top:90px;color:#4d6f52}.mock-pointer b{font-size:10px;padding:3px 9px;background:#4d6f52;color:#fff;border-radius:4px;font-weight:400}.mock-pointer.second{right:90px;top:130px;color:#b97850}.mock-pointer.second b{background:#b97850}.note{position:absolute;left:170px;bottom:-27px;transform:rotate(-5deg);font:italic 13px Georgia;color:#8c9585}.create-card{background:#fff;border:1px solid #e3e5db;border-radius:20px;padding:38px;box-shadow:0 18px 55px #354a2910;max-width:460px}.create-card h2{font-size:25px;font-weight:600;margin:16px 0 8px}.create-card>p{color:#8c9389;font-size:13px;margin-bottom:30px}label{display:block;font-size:12px;margin-top:18px;color:#64715f}input,select{display:block;width:100%;background:#fafbf7;border:1px solid #dee3d8;border-radius:9px;padding:12px 13px;color:#344339;margin-top:8px;font-size:13px}input::placeholder{color:#abb1a6}.primary{background:#284b3b;color:#f3f7ec;border-color:#284b3b}.primary:hover{background:#3a604c}.create-card .primary{width:100%;margin-top:28px;padding:14px}.create-card .fineprint{text-align:center;font-size:11px;line-height:1.9;margin:20px 0 0;color:#98a091}.error{margin:18px 0;padding:12px 18px;border:1px solid #e6b1a4;color:#974936;background:#fff3ec;border-radius:10px;font-size:14px}footer{border-top:1px solid #dedfd5;display:flex;justify-content:space-between;padding:24px 0;font-size:10px;color:#91998d}.room-layout{padding:30px 0 45px}.room-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.room-heading h1{font-size:27px;margin:8px 0 0;font-weight:600}.status{font-size:12px;color:#6f826c}.status i{margin-right:8px}.room-content{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px}.browser-panel{border:1px solid #ccd3c6;border-radius:14px;overflow:hidden;background:#fff}.browser-top{display:flex;align-items:center;gap:18px;font-size:11px;background:#edf0e8;padding:12px 17px;color:#819078}.traffic{display:flex;gap:6px}.traffic i{width:8px;height:8px;border-radius:50%;background:#b4c0aa}.quality{margin-left:auto;font-size:10px}.screen{aspect-ratio:16/9;background:#131e28;position:relative;outline:none;touch-action:none;overflow:hidden}.screen:focus{box-shadow:inset 0 0 0 2px #a6be87}.screen video{width:100%;height:100%;object-fit:contain;display:block}.screen-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#cad4c5;background:#14232d}.screen-message h3{font-weight:500;font-size:18px}.screen-message p{color:#7b9087;font-size:12px}.orbit{font-size:60px;font-weight:200;color:#9aaf7f}.remote-cursor{position:absolute;color:#fff;pointer-events:none;font-size:22px;text-shadow:0 1px 3px #000;line-height:1}.cursor-layer{position:absolute;width:100%;aspect-ratio:16 / 9;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.screen:fullscreen .cursor-layer{width:min(100vw,177.7778vh)}.remote-cursor small{font-size:10px;margin-left:2px}.player-tools{flex-wrap:wrap;display:flex;align-items:center;gap:15px;padding:8px 12px;color:#9aa392;font-size:10px}.player-tools button:last-child{margin-left:auto}.player-tools label{display:flex;align-items:center;gap:6px}.player-tools select{width:auto;padding:5px;font-size:12px}.media-hint{margin:0;padding:0 12px 8px;font-size:12px;color:#657467}.quiet{border:none;background:transparent;font-size:12px;padding:8px}.text-input{display:flex;gap:8px;border-top:1px solid #edf0e8;padding:10px}.text-input input{margin:0}.text-input button{white-space:nowrap;font-size:12px}.stage-note{color:#98a08f;font-size:11px;padding-left:4px}.side-card{border:1px solid #e0e5d7;background:#fff;border-radius:14px;padding:20px;margin-bottom:16px}.section-title{display:flex;align-items:center;justify-content:space-between}.side-card h3{font-size:14px;font-weight:600;margin:0}.section-title>span{font-size:10px;color:#a2aa97}.member{display:flex;gap:10px;align-items:center;margin-top:20px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#dae7d0;color:#5b7959;font-size:14px}.color-1{background:#f1dfc9;color:#a4835b}.color-2{background:#dae4ef;color:#607e9d}.color-3{background:#e9def0;color:#9672a8}.member strong{display:block;font-size:12px;font-weight:500}.member small{font-size:9px;color:#a3ab9b}.member div>span{font-size:10px;color:#99a190}.remove{margin-left:auto;border:0;padding:2px 8px;background:transparent;color:#b0b4aa}.control-actions{border-top:1px solid #edf0e8;margin-top:22px;padding-top:17px}.control-actions>.primary{width:100%;font-size:12px}.request{font-size:11px;color:#688359;margin-top:12px}.request button{font-size:11px;margin-top:5px}.invite-card>p{font-size:11px;color:#929b89}.invite-card>button{width:100%;margin-top:10px;font-size:12px}.invite-card input{font-size:10px}.invite-card small{font-size:10px;color:#96a08c}.invite-actions{display:flex;justify-content:space-between}.tip{background:#eaf0e1;display:flex;align-items:center;gap:12px;color:#879d70}.tip>span{font-size:24px}.tip p{font-size:11px;margin:0;color:#7a896d}.danger{color:#ab7866}aside>button{width:100%}.empty-stage{min-height:460px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e9eedf;border:1px solid #d4ddc6;border-radius:14px;padding:30px;text-align:center}.empty-stage h2{font-size:22px;font-weight:500}.empty-stage p{font-size:13px;color:#8b957f}.screen:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}@media(max-width:1050px){.landing{gap:5%;padding:50px 0}.create-card{padding:28px}.room-content{grid-template-columns:minmax(0,1fr) 240px}.brand-en{display:none}}@media(max-width:750px){.app-shell{padding:0 20px}header{height:76px}.badge{display:none}.landing{grid-template-columns:1fr;gap:45px;padding:38px 0}.hero h1{font-size:44px}.illustration{display:none}.create-card{max-width:none}.room-content{grid-template-columns:1fr}.room-heading h1{font-size:22px}.room-heading .status{font-size:10px}.browser-top{gap:8px;padding:9px;font-size:9px}.quality{display:none}.text-input{flex-wrap:wrap}.text-input button{width:100%}.empty-stage{min-height:300px}footer span:last-child{display:none}.header-right{font-size:9px}aside{display:grid;grid-template-columns:1fr}.hero p{font-size:14px}.screen-message .orbit{font-size:30px}.screen-message h3{font-size:14px}.screen-message p{display:none}}