.splash-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.splash-content{text-align:center;color:#fff;padding:2rem}.splash-content h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.splash-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.splash-content form{display:flex;flex-direction:column;gap:1rem;max-width:300px;margin:0 auto}.splash-content input{padding:1rem;font-size:1rem;border:none;border-radius:8px;outline:none;background:#ffffffe6;transition:background .2s}.splash-content input:focus{background:#fff}.splash-content button{padding:1rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background:#fff;color:#667eea;cursor:pointer;transition:transform .2s,opacity .2s}.splash-content button:hover:not(:disabled){transform:translateY(-2px)}.splash-content button:active:not(:disabled){transform:translateY(0)}.splash-content button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.splash-content h1{font-size:2rem}.splash-content p{font-size:1rem}}.canvas-container{width:100%;height:100%;position:relative;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none}.canvas-container:active{cursor:grabbing}.canvas{width:100%;height:100%;display:block;touch-action:none}.top-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:12px 16px;pointer-events:none;z-index:20}.top-bar>*{pointer-events:auto}.user-badge{padding:6px 14px;border-radius:20px;color:#fff;font-weight:600;font-size:13px;box-shadow:0 2px 8px #00000026;white-space:nowrap}.zoom-display{padding:6px 12px;border-radius:8px;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:12px;font-weight:600;color:#333;box-shadow:0 1px 4px #0000001a}.status-badge{font-size:12px;font-weight:600;margin-left:auto;padding:6px 12px;border-radius:8px;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 4px #0000001a}.toolbar-buttons{display:flex;gap:6px}.toolbar-btn{padding:6px 12px;border:none;border-radius:8px;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:13px;cursor:pointer;box-shadow:0 1px 4px #0000001a;transition:background .15s}.toolbar-btn:hover{background:#fff}.toolbar-btn.active{background:#647eea26;box-shadow:0 0 0 2px #647eea4d}.notifications{position:absolute;top:60px;right:16px;display:flex;flex-direction:column;gap:6px;z-index:30;pointer-events:none}.notification{padding:8px 14px;border-radius:8px;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000001f;font-size:13px;border-left:4px solid #ccc;animation:notif-in .3s ease-out}@keyframes notif-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.user-panel{position:absolute;top:56px;right:16px;width:200px;max-height:300px;overflow-y:auto;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 4px 20px #0000001f;z-index:25;padding:12px}.user-panel-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:8px}.user-panel-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:#333}.user-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.user-you{font-size:11px;color:#aaa;margin-left:auto}@media (max-width: 600px){.top-bar{padding:8px 10px;gap:6px}.user-badge,.zoom-display,.status-badge,.toolbar-btn{font-size:11px;padding:5px 8px}.user-panel{width:160px;right:10px;top:48px}.notifications{top:48px;right:10px}}.App{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;touch-action:none}#root{width:100vw;height:100vh;overflow:hidden}