@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f9f9f9;color:#333;font-family:Inter,sans-serif;margin:0;overflow:hidden}.login-screen{align-items:center;background:#f1f5f9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:5000}.login-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:40px;text-align:center;width:320px}.login-card h2{color:#1e293b;margin-bottom:20px;margin-top:0}.login-card input{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;margin-bottom:20px}.login-btn,.login-card input{font-size:16px;padding:12px;width:100%}.login-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;transition:background .2s}.login-btn:hover{background:#2563eb}canvas{display:block;z-index:0}.ui-layer,canvas{left:0;position:absolute;top:0}.ui-layer{height:100vh;pointer-events:none;width:100vw;z-index:10}.pointer-events-auto{pointer-events:auto}.sidebar{background:#fff;border-radius:12px;bottom:10px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:24px;left:10px;overflow-y:auto;padding:20px;position:absolute;top:10px;width:260px}.section-title{color:#111;font-size:12px;font-weight:600;margin-bottom:10px}.user-card{background:#f4f4f5;border-radius:8px;gap:10px;padding:10px}.avatar,.user-card{align-items:center;display:flex}.avatar{background:#a855f7;border-radius:50%;color:#fff;font-weight:700;height:32px;justify-content:center;width:32px}.menu-btn{background:#f4f4f5;border:none;border-radius:6px;cursor:pointer;font-size:13px;margin-bottom:6px;padding:8px 12px;text-align:left;transition:.2s;width:100%}.menu-btn:hover{background:#e4e4e7}.menu-btn.active{background:#3b82f6;color:#fff}.color-grid{display:flex;gap:8px}.color-swatch{border:1px solid #0000001a;border-radius:6px;cursor:pointer;height:30px;width:30px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px;width:100%}.btn-green{background:#22c55e;color:#fff}.btn-red{background:#ef4444;color:#fff}.top-bar{align-items:flex-start;display:flex;flex-direction:column;gap:10px;left:320px;position:absolute;right:200px;top:15px}.tool-panel{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;display:flex;gap:4px;padding:6px}.icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#555;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.icon-btn:hover{background:#f4f4f5}.icon-btn.active{background:#3b82f6;color:#fff}.properties-bar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;display:flex;font-size:13px;gap:16px;padding:8px 16px}.color-picker-row{align-items:center;display:flex;gap:6px}.circle-color{border:2px solid #0000;border-radius:50%;cursor:pointer;height:20px;width:20px}.circle-color.selected{border-color:#333;transform:scale(1.1)}.timer-panel{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:15px;position:absolute;right:15px;top:15px;width:180px}.timer-display{font-size:24px;font-weight:700;margin:10px 0;text-align:center}.timer-controls{display:flex;gap:5px;justify-content:center}.timer-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:11px;padding:4px 8px}.start-btn{background:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px;width:100%}.reaction-bar{background:#fff;border-radius:50px;bottom:20px;box-shadow:0 4px 12px #0000001a;display:flex;gap:10px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}.emoji-btn{background:none;border:none;cursor:pointer;font-size:20px;transition:transform .1s}.emoji-btn:hover{transform:scale(1.2)}.text-edit-overlay{font-family:Inter,sans-serif;line-height:1.2;margin:0;padding:0}.modal-overlay{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;pointer-events:auto;position:fixed;top:0;width:100vw;z-index:2000}.modal-box{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:24px;width:250px}.modal-box label{font-size:14px;font-weight:500;margin-right:10px}.modal-box input{border:1px solid #ddd;border-radius:4px;padding:4px;width:60px}
/*# sourceMappingURL=main.ee9ed6f3.css.map*/