:root{--font-sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", system-ui, sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:22px;--font-weight-medium:500;--font-weight-bold:700;--color-bg:#eef2f6;--color-surface:#fff;--color-surface-muted:#f6f8fb;--color-border:#dde3ea;--color-border-strong:#c5cfdb;--color-text:#0f172a;--color-text-muted:#475569;--color-text-subtle:#64748b;--color-primary:#1d4ed8;--color-primary-hover:#1e40af;--color-primary-soft:#e8eefc;--color-on-primary:#fff;--color-danger:#b91c1c;--color-danger-soft:#fef2f2;--color-danger-border:#fecaca;--color-notice:#9a3412;--color-notice-soft:#fff7ed;--color-notice-border:#fed7aa;--color-speaking:#2563eb;--color-meter:#16a34a;--color-overlay:#0f172ab8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 16px #0f172a1a;--shadow-lg:0 16px 40px #0f172a2e;--focus-ring:0 0 0 3px #2563eb66;--control-height:36px;--meeting-panel-width:340px;font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}h1,h2,h3,p{margin:0}button,.btn{font:inherit;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}button:hover:not(:disabled),.btn:hover{background:var(--color-surface-muted);border-color:var(--color-text-subtle)}button:disabled{opacity:.5;cursor:default}button:focus-visible,.btn:focus-visible,select:focus-visible,input:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled),.btn-primary.btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-block{width:100%;min-height:44px}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-surface-muted);border-color:var(--color-border)}.btn-danger-soft{color:var(--color-danger);border-color:var(--color-danger-border);background:var(--color-danger-soft)}.icon{flex:none;display:block}input,select{font:inherit;min-height:var(--control-height);padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}select{padding-right:var(--space-6)}.error{color:var(--color-danger)}.muted{color:var(--color-text-subtle);font-size:var(--font-size-sm)}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.avatar{object-fit:cover;background:var(--color-border);border-radius:50%;flex:none;display:inline-block}.avatar-initial{color:#fff;font-weight:var(--font-weight-bold);background:#475569;justify-content:center;align-items:center;line-height:1;display:inline-flex}.center{justify-content:center;align-items:center;gap:var(--space-3);height:100%;padding:var(--space-4);flex-direction:column;display:flex}.login-screen{min-height:100%;padding:var(--space-5) var(--space-4);background:linear-gradient(180deg, #f6f8fb 0%, var(--color-bg) 100%);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-md);padding:var(--space-6) var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.brand{align-items:center;gap:var(--space-3);color:var(--color-primary);display:flex}.brand h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.login-lead{color:var(--color-text-muted)}.login-form{gap:var(--space-2);flex-direction:column;display:flex}.login-form label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.login-form button{margin-top:var(--space-2)}.login-card .error{background:var(--color-danger-soft);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.floor{gap:var(--space-2);height:100%;padding:var(--space-3);flex-direction:column;display:flex}.stage{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);min-height:0;box-shadow:var(--shadow-sm);flex:1;position:relative;overflow:hidden}.stage canvas{cursor:grab;width:100%;height:100%;display:block}.stage canvas[data-grabbing]{cursor:grabbing}.audio-sink{display:none}.toolbar{gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;flex:none;align-items:center;display:flex}.toolbar .spacer{flex:1}.toolbar .divider{width:1px;margin:var(--space-1) 0;background:var(--color-border);align-self:stretch}.self-chip{align-items:center;gap:var(--space-2);padding:0 var(--space-2) 0 var(--space-1);max-width:220px;display:inline-flex}.self-chip strong{font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-select{min-width:92px}.toolbar button.mute.is-muted{color:var(--color-danger);border-color:var(--color-danger-border);background:var(--color-danger-soft)}.toolbar button.deafen.is-deafened{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft)}.toolbar button[aria-expanded=true]{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.segmented{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted);gap:2px;padding:2px;display:inline-flex}.segmented button{min-height:30px;padding:0 var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);gap:var(--space-1);background:0 0;border:0;border-radius:8px}.segmented button:hover:not(:disabled){background:var(--color-surface);border-color:#0000}.segmented button[aria-pressed=true]{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--color-primary)}.segmented[aria-disabled=true]{opacity:.55}.notices{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.notice{min-height:30px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-notice-soft);border:1px solid var(--color-notice-border);color:var(--color-notice);font-size:var(--font-size-sm);align-items:center;display:inline-flex}.stage-footer{z-index:1;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);align-items:flex-end;gap:var(--space-2);pointer-events:none;flex-wrap:wrap;display:flex;position:absolute}.help{min-width:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-xs);background:#ffffffe6}.floor-nav{gap:var(--space-1);pointer-events:auto;flex:none;margin-left:auto;display:flex}.floor-nav button{box-shadow:var(--shadow-sm);background:#fffffff2}.floor-nav button.zoom-in,.floor-nav button.zoom-out{width:var(--control-height);padding:0}.overlay{z-index:3;background:var(--color-overlay);color:#fff;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-5);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.overlay p{max-width:520px}.settings-panel{z-index:4;top:var(--space-3);left:var(--space-3);width:340px;max-width:calc(100% - 2 * var(--space-3));max-height:calc(100% - 2 * var(--space-3));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex;position:absolute;overflow:auto}.settings-panel:focus{outline:none}.settings-panel header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.settings-panel h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.settings-panel .field{gap:var(--space-1);flex-direction:column;display:flex}.settings-panel label,.settings-panel .field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.settings-panel select{width:100%}.settings-panel label.check{align-items:center;gap:var(--space-2);color:var(--color-text);cursor:pointer;display:flex}.settings-panel label.check input{width:16px;height:16px;min-height:0;accent-color:var(--color-primary);margin:0;padding:0}.meter{border-radius:var(--radius-pill);background:var(--color-surface-muted);border:1px solid var(--color-border);height:10px;overflow:hidden}.meter-fill{background:var(--color-meter);transform-origin:0;width:100%;height:100%;transition:transform 60ms linear;transform:scaleX(0)}.meeting-panel{z-index:2;top:var(--space-3);right:var(--space-3);width:var(--meeting-panel-width);max-height:calc(100% - 3 * var(--space-3) - var(--control-height));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex;position:absolute;overflow:auto}.stage.panel-settling .meeting-panel{visibility:hidden}.meeting-panel h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.meeting-panel h2:focus{outline:none}.meeting-panel h3{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-subtle);letter-spacing:.02em}.lock-badge{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-danger);background:var(--color-danger-soft);border:1px solid var(--color-danger-border);border-radius:var(--radius-pill);padding:2px var(--space-2);display:inline-flex}.participants{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.participants li{align-items:center;gap:var(--space-2);min-height:36px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);display:flex}.participants li .avatar{transition:box-shadow .15s;box-shadow:0 0 0 2px #0000}.participants li.speaking{background:var(--color-primary-soft)}.participants li.speaking .avatar{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-speaking)}.participants .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.participants .you{color:var(--color-text-subtle);font-size:var(--font-size-sm)}.participants .marks{gap:var(--space-1);color:var(--color-text-subtle);margin-left:auto;display:inline-flex}.meeting-panel .actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.meeting-panel .shares{gap:var(--space-2);flex-direction:column;display:flex}.share-view{align-items:stretch;gap:var(--space-1);cursor:zoom-in;text-align:left;white-space:normal;background:0 0;border:0;flex-direction:column;width:100%;min-height:0;padding:0;display:flex}.share-view:hover:not(:disabled){background:0 0}.share-view video{aspect-ratio:16/9;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#0f172a;width:100%;display:block}.share-view:hover video{border-color:var(--color-primary)}.share-view .share-caption{font-size:var(--font-size-xs);color:var(--color-text-muted)}.share-pending{aspect-ratio:16/9;width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;justify-content:center;align-items:center;display:flex}.share-enlarged{z-index:10;cursor:zoom-out;background:#0b1220;flex-direction:column;display:flex;position:fixed;inset:0}.share-enlarged video{object-fit:contain;flex:1;width:100%;min-height:0}.share-enlarged-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:#e2e8f0;cursor:default;background:#0f172ae6;display:flex}.share-enlarged-bar .title{font-weight:var(--font-weight-medium)}.share-enlarged-bar .hint{color:#94a3b8;font-size:var(--font-size-xs);margin-right:auto}.share-enlarged-bar button{color:#f8fafc;background:#ffffff14;border-color:#fff3}.share-enlarged-bar button:hover:not(:disabled){background:#ffffff29;border-color:#ffffff59}@media (width>640px){.stage.has-meeting .help{max-width:calc(100% - var(--meeting-panel-width) - var(--space-3))}.stage.panel-bottom-left .meeting-panel{top:auto;right:auto;left:var(--space-3);bottom:calc(2 * var(--space-3) + var(--stage-footer-height,var(--control-height)));max-height:calc(100% - 3 * var(--space-3) - var(--stage-footer-height,var(--control-height)))}}@media (width<=640px){.floor{padding:var(--space-2)}.meeting-panel{top:auto;bottom:var(--space-3);left:var(--space-3);right:var(--space-3);width:auto;max-height:50%}.stage.has-meeting .stage-footer{bottom:calc(50% + 2 * var(--space-3))}.floor-nav button.follow,.floor-nav button.fit{width:var(--control-height);padding:0}.floor-nav .nav-text{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}