.create-room-card,.join-room-card{background:#ffffffeb;border:1px solid #18212f14;border-radius:28px;flex-direction:column;gap:20px;padding:32px;display:flex;position:relative;box-shadow:0 18px 55px #13223a1f}.create-room-card h2,.join-room-card h2{font-size:1.35rem;font-weight:700}.create-room-card__copy,.join-room-card__copy{color:#5f6979;line-height:1.6}.create-room-card form,.join-room-card form{flex-direction:column;gap:12px;display:flex}.create-room-card input,.join-room-card input,.create-room-card select{border:1px solid #ced9e8;border-radius:16px;width:100%;padding:13px 15px;font-size:14px;transition:all .2s}.create-room-card input:focus,.join-room-card input:focus,.create-room-card select:focus{border-color:#1c68f2;outline:none;box-shadow:0 0 0 4px #1c68f21f}.create-room-card button,.join-room-card button{color:#fff;background:#1c68f2;border:none;border-radius:999px;margin-top:6px;padding:13px 16px;font-size:14px;font-weight:700;transition:all .2s}.create-room-card button:disabled,.join-room-card button:disabled{opacity:.6;cursor:not-allowed}.create-room-card p,.join-room-card p{color:var(--error);font-size:14px}.create-room-card__modal{background:#0d182847;border-radius:28px;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.create-room-card__modal-card{background:#fff;border-radius:22px;gap:12px;padding:24px;display:grid;box-shadow:0 18px 48px #0f16242e}.create-room-card__modal-card h3{font-size:1.1rem}.create-room-card__modal-card p{text-align:left;color:#5c6779}.create-room-card__modal-card button{margin-top:0}.home-page{color:#18212f;background:radial-gradient(circle at 0 0,#70b9ff3d,#0000 28%),radial-gradient(circle at 100% 0,#7ad6b433,#0000 24%),linear-gradient(#f6f8fb 0%,#ecf2f8 100%);min-height:100vh}.home-topbar{justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.home-brand{letter-spacing:.02em;font-size:1.1rem;font-weight:700}.home-nav{align-items:center;gap:12px;display:flex}.home-nav-link,.home-nav-button,.home-user-pill{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffad;border:1px solid #18212f1f;border-radius:999px;padding:10px 16px;font-size:.95rem;font-weight:600}.home-nav-link--primary{color:#fff;background:#1c68f2;border-color:#1c68f2}.home-nav-button{cursor:pointer;color:#18212f}.home-banner{color:#624600;background:#fff5d6;border:1px solid #f0d07d;border-radius:18px;width:min(1040px,100% - 48px);margin:0 auto;padding:14px 18px;font-weight:600}.home-main{grid-template-columns:minmax(260px,1.1fr) minmax(380px,1fr);align-items:start;gap:28px;width:min(1200px,100% - 48px);margin:0 auto;padding:48px 0 72px;display:grid}.home-hero{padding:28px 8px 0}.home-kicker{text-transform:uppercase;letter-spacing:.18em;color:#1c68f2;margin-bottom:18px;font-size:.8rem;font-weight:700}.home-hero h1{max-width:10ch;font-size:clamp(2.8rem,5vw,4.8rem);line-height:.96}.home-copy{color:#566173;max-width:42ch;margin-top:22px;font-size:1.02rem;line-height:1.6}.home-actions{gap:20px;display:grid}@media (width<=900px){.home-topbar{padding:20px 24px}.home-main{grid-template-columns:1fr;padding-top:24px}.home-hero{padding-top:0}}.login-container{background:linear-gradient(145deg,#1c68f224,#0000 42%),#f4f8fc;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.login-card{background:#ffffffeb;border:1px solid #18212f14;border-radius:28px;flex-direction:column;gap:24px;width:100%;max-width:420px;padding:40px;display:flex;box-shadow:0 20px 60px #101d3424}.login-card__header{gap:10px;display:grid}.login-card__header p{text-align:left;color:#5f6979}.login-card__back,.login-card__link{color:#1c68f2;font-weight:600}.login-card h1{font-size:2.25rem}.login-card form{flex-direction:column;gap:16px;display:flex}.login-card input{border:1px solid #ced9e8;border-radius:16px;width:100%;padding:12px 14px;transition:all .2s}.login-card input:focus{border-color:#1c68f2;outline:none;box-shadow:0 0 0 4px #1c68f21f}.login-card button{color:#fff;background:#1c68f2;border:none;border-radius:999px;padding:12px;font-weight:600;transition:all .2s}.login-card p{color:var(--error)}.register-container{background:linear-gradient(160deg,#7ad6b424,#0000 38%),#f4f8fc;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.register-card{background:#ffffffeb;border:1px solid #18212f14;border-radius:28px;flex-direction:column;gap:24px;width:100%;max-width:420px;padding:40px;display:flex;box-shadow:0 20px 60px #101d3424}.register-card__header{gap:10px;display:grid}.register-card__header p{color:#5f6979}.register-card__back,.register-card__link{color:#1c68f2;font-weight:600}.register-card h1{font-size:2.25rem}.register-card form{flex-direction:column;gap:16px;display:flex}.register-card input{border:1px solid #ced9e8;border-radius:16px;width:100%;padding:12px 14px;transition:all .2s}.register-card input:focus{border-color:#1c68f2;outline:none;box-shadow:0 0 0 4px #1c68f21f}.register-card button{color:#fff;background:#1c68f2;border:none;border-radius:999px;padding:12px;font-weight:600;transition:all .2s}.register-card p{color:var(--error)}.room-container{flex-direction:column;height:100vh;display:flex}.room-header{background:#de8d4e;border-bottom:2px solid #000;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 32px;display:flex;box-shadow:0 1px 2px #0000000a}.room-header__primary,.room-header__item{flex-direction:column;display:flex}.room-header__meta{flex-flow:wrap;align-items:center;gap:24px;display:flex}.room-header__primary{flex:1;gap:6px;min-width:0}.room-header__title{color:#1a1a1e;overflow-wrap:break-word;margin:0;font-size:1.5rem;font-weight:700}.room-header__eyebrow,.room-header__label{letter-spacing:.04em;text-transform:uppercase;color:#734f32;margin:0;font-size:.75rem;font-weight:600}.room-header__item{gap:4px}.room-header__value{color:#1a1a1e;word-break:break-word;font-weight:600}.room-header__logout{color:#1a1a1e;cursor:pointer;background:#ffffffb8;border:1px solid #1a1a1e2e;border-radius:999px;padding:10px 16px;font-weight:700}.room-content{background:var(--background);flex-direction:column;flex:1;gap:16px;padding:24px 32px;display:flex}@media (width<=768px){.room-header{flex-direction:column;padding:20px 24px}.room-content{padding:16px}}:root{--wb-radius:8px;--wb-radius-sm:6px;--wb-transition:.15s ease;--wb-bg:#fff;--wb-surface:#fff;--wb-border:black;--wb-border-strong:#d0d0d5;--wb-text:#1a1a1e;--wb-text-muted:#6b6b70;--wb-accent:#4f6bed;--wb-accent-hover:#3d56c9;--wb-success:#22a25a}.whiteboard-status{background:var(--wb-surface);border:2px solid var(--wb-border);border-radius:var(--wb-radius);flex-direction:column;gap:6px;padding:16px 20px;display:flex;box-shadow:0 1px 2px #0000000a}.whiteboard-status__label{letter-spacing:.06em;text-transform:uppercase;color:var(--wb-text-muted);margin:0;font-size:.75rem;font-weight:600}.whiteboard-status__value{word-break:break-word;color:var(--wb-text);padding-left:18px;font-weight:600;line-height:1.4;position:relative}.whiteboard-status__value:before{content:"";background:var(--wb-success);border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.whiteboard-toolbar{background:var(--wb-surface);border:2px solid var(--wb-border);border-radius:var(--wb-radius);flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px;display:flex;box-shadow:0 1px 2px #0000000a}.whiteboard-toolbar__button{border:2px solid var(--wb-border-strong);border-radius:var(--wb-radius-sm);min-width:96px;color:var(--wb-text);cursor:pointer;transition:transform var(--wb-transition), background var(--wb-transition), border-color var(--wb-transition), color var(--wb-transition);background:#fff;padding:10px 16px;font-size:.9rem;font-weight:600;line-height:1}.whiteboard-toolbar__button:hover:not(:disabled){background:var(--wb-accent);border-color:var(--wb-accent);color:#fff;transform:translateY(-1px)}.whiteboard-toolbar__button:active:not(:disabled){background:var(--wb-accent-hover);border-color:var(--wb-accent-hover);transform:translateY(0)scale(.98)}.whiteboard-toolbar__button:focus-visible{outline:2px solid var(--wb-accent);outline-offset:2px}.whiteboard-toolbar__button:disabled{opacity:.4;cursor:not-allowed;border-style:dashed}.whiteboard-toolbar__export{align-items:stretch;gap:8px;display:flex}.whiteboard-toolbar__select{border:2px solid var(--wb-border-strong);border-radius:var(--wb-radius-sm);min-width:96px;color:var(--wb-text);cursor:pointer;background:#fff;padding:9px 12px;font-size:.9rem;font-weight:600}.whiteboard-toolbar__select:focus-visible{outline:2px solid var(--wb-accent);outline-offset:2px}.whiteboard-toolbar__control{border:2px solid var(--wb-border-strong);border-radius:var(--wb-radius-sm);color:var(--wb-text-muted);background:#fff;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:600;display:flex}.whiteboard-toolbar__control span{white-space:nowrap}.whiteboard-toolbar__control input[type=color]{border:1px solid var(--wb-border-strong);cursor:pointer;background:0 0;border-radius:4px;width:32px;height:32px;padding:0}.whiteboard-toolbar__control input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.whiteboard-toolbar__control input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.whiteboard-toolbar__control input[type=range]{width:120px;accent-color:var(--wb-accent);cursor:pointer}.whiteboard-canvas{border:2px solid var(--wb-border);border-radius:var(--wb-radius);background:#fafafa;flex:1;min-height:400px;position:relative;overflow:hidden}.whiteboard-canvas__surface,.whiteboard-canvas .canvas-container,.whiteboard-canvas .lower-canvas,.whiteboard-canvas .upper-canvas{display:block}.whiteboard-canvas .canvas-container,.whiteboard-canvas__surface{position:absolute;inset:0;width:100%!important;height:100%!important}@media (width<=768px){.whiteboard-toolbar{gap:8px}.whiteboard-toolbar__button,.whiteboard-toolbar__control,.whiteboard-toolbar__export{width:100%}.whiteboard-toolbar__export{grid-template-columns:1fr 1fr;display:grid}.whiteboard-toolbar__control input[type=range]{flex:1;width:auto}}.room-entry-page{background:linear-gradient(135deg,#1c68f21f,#0000 42%),linear-gradient(#eef4fb 0%,#f8fbff 100%);place-items:center;min-height:100vh;padding:32px;display:grid}.room-entry-shell{width:min(720px,100%)}.room-entry-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #18212f14;border-radius:28px;padding:36px;box-shadow:0 24px 80px #16233d1f}.room-entry-kicker{letter-spacing:.16em;text-transform:uppercase;color:#1c68f2;margin-bottom:14px;font-size:.84rem;font-weight:700}.room-entry-panel h1{max-width:12ch;font-size:clamp(2rem,4vw,3rem);line-height:1.02}.room-entry-copy{color:#5c677a;max-width:46ch;margin-top:14px}.room-entry-form{gap:18px;margin-top:28px;display:grid}.room-entry-field{gap:8px;display:grid}.room-entry-field span{font-size:.92rem;font-weight:600}.room-entry-field input{background:#fff;border:1px solid #cdd8e7;border-radius:16px;padding:14px 16px}.room-entry-field input:disabled{color:#97a3b6;background:#f4f7fb}.room-entry-field input:focus{border-color:#1c68f2;outline:none;box-shadow:0 0 0 4px #1c68f21f}.room-entry-form button{color:#fff;background:#1c68f2;border:none;border-radius:999px;padding:14px 18px;font-weight:700}.room-entry-form button:disabled{opacity:.65}.room-entry-error{color:#b42318;font-size:.95rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1284e6;--primary-hover:#901;--background:white;--surface:#fff;--border:#d9dce3;--text:#1f2937;--text-secondary:#6b7280;--error:#dc2626;--shadow:0 10px 30px #0000001f;--radius:12px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;height:100%}body{background:var(--background);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}