:root{color-scheme:dark;--bg:#090d18;--panel:#111827;--line:#263247;--text:#edf3ff;--muted:#91a0b8;--blue:#4f8cff;--cyan:#63d8e8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#1a2a4a 0,transparent 55%),var(--bg);color:var(--text);font:15px/1.6 Inter,"Noto Sans JP",system-ui,sans-serif}.shell{max-width:1160px;margin:auto;padding:0 24px}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font-weight:800;font-size:20px;text-decoration:none}.brandmark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#4f8cff,#6a62e8);font-weight:900}.muted,.hint{color:var(--muted)}main{min-height:calc(100vh - 140px);padding:44px 0}.hero{text-align:center;margin:25px 0 34px}.eyebrow{color:var(--cyan);font-size:11px;letter-spacing:2px;font-weight:800}.hero h1{font-size:clamp(32px,5vw,52px);line-height:1.25;margin:12px 0}.hero h1 span{color:#81aaff}.hero p{color:var(--muted)}.panel{background:linear-gradient(145deg,#141e30,#101827);border:1px solid var(--line);border-radius:18px;padding:24px;max-width:520px;margin:0 auto 22px;box-shadow:0 18px 55px #0003}.tabs{display:flex;border-bottom:1px solid var(--line);margin:-4px 0 22px}.tab{flex:1;background:none;border:0;color:var(--muted);padding:12px;cursor:pointer}.tab.active{color:var(--text);border-bottom:2px solid var(--blue)}label{display:block;color:#cbd6e8;font-size:13px;margin:14px 0}input{display:block;width:100%;margin-top:7px;background:#0b1220;border:1px solid #2a3850;border-radius:10px;padding:13px 14px;color:white;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4f8cff22}button,.discord{cursor:pointer;border:0;border-radius:10px;padding:12px 16px;font-weight:700;text-decoration:none;text-align:center}.primary{background:linear-gradient(100deg,#477ef5,#665fe4);color:white}.secondary{background:#202d43;color:#eaf1ff;border:1px solid #344560}.discord{display:block;background:#5865f2;color:white}.full{width:100%;display:block;margin-top:12px}.or,.divider{text-align:center;color:#7787a0;margin:17px 0;font-size:12px}.divider{display:flex;align-items:center;gap:12px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}h2{margin:0 0 5px}.panel-head{margin-bottom:20px}.meeting-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pill{display:inline-block;border:1px solid #38527a;color:#a8c7ff;border-radius:30px;padding:2px 10px;font-size:11px}.danger{background:#542b39;color:#ffdbe3}.meeting-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.video-area{background:#050912;border:1px solid var(--line);border-radius:16px;padding:12px;min-height:480px}.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.videos video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#172235;border-radius:12px}.video-placeholder{display:grid;place-items:center;min-height:390px;color:#65758e}.controls{display:flex;justify-content:center;gap:10px;margin-top:14px;flex-wrap:wrap}.control{background:#1b2940;color:#e5edff;border:1px solid #34445e}.chat{max-width:none;margin:0;padding:18px;display:flex;flex-direction:column;min-height:480px}.chat h3{margin:0 0 10px}.messages{flex:1;min-height:170px;max-height:300px;overflow:auto;border-bottom:1px solid var(--line);padding:5px 0}.message{padding:7px 0;border-bottom:1px solid #ffffff0a;overflow-wrap:anywhere}.message b{color:#a9c5ff}.chat form{display:flex;gap:7px;align-items:center}.chat form input{min-width:0}.chat form button{margin-top:7px}.small{font-size:11px}.people-title{margin-top:18px!important}.person{padding:5px 8px;border-radius:7px;background:#1b2940;margin:4px 0;font-size:13px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#263954;padding:10px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1}footer{text-align:center;color:#53627a;padding:20px;font-size:12px}code{color:#a9c5ff}@media(max-width:850px){.meeting-grid{grid-template-columns:1fr}.chat{min-height:360px}.video-area{min-height:300px}.video-placeholder{min-height:250px}}@media(max-width:520px){.shell{padding:0 14px}.panel{padding:18px}.meeting-top{align-items:flex-start}}