@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg-color:#0d0d12;--grid-color:#ffffff0a;--grid-size:40px;--text-color:#f1f1f5;--ui-bg:#141419d9;--ui-border:#ffffff1a;--accent-color:#818cf8}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}#root{width:100vw;height:100vh}.canvas-container{touch-action:none;background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);width:100%;height:100%;position:absolute;top:0;left:0}.camera-transform{transform-origin:0 0;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.ui-layer{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0}.toolbar-container{pointer-events:none;z-index:100;gap:16px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.toolbar{background:var(--ui-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ui-border);pointer-events:auto;border-radius:16px;gap:8px;padding:8px;display:flex;box-shadow:0 8px 32px #0006}.tool-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.tool-btn:hover{background:#ffffff1a}.tool-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 0 15px #818cf866}.top-bar{pointer-events:auto;justify-content:space-between;display:flex;position:absolute;top:24px;left:24px;right:24px}.glass-panel{background:var(--ui-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ui-border);border-radius:12px;align-items:center;gap:12px;padding:12px 20px;display:flex;box-shadow:0 4px 20px #0003}.auth-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.auth-modal{border:1px solid var(--ui-border);text-align:center;background:#18181f;border-radius:24px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 40px #00000080}.auth-modal h2{margin-top:0;font-weight:500}.auth-input{border:1px solid var(--ui-border);color:#fff;background:#0003;border-radius:12px;outline:none;width:100%;margin-top:20px;padding:14px 16px;font-size:16px;transition:border-color .2s}.auth-input:focus{border-color:var(--accent-color)}.auth-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:16px;padding:14px;font-size:16px;font-weight:500;transition:opacity .2s}.auth-btn:hover{opacity:.9}.drop-zone{border:4px dashed var(--accent-color);z-index:1000;pointer-events:none;background:#818cf81a;border-radius:24px;justify-content:center;align-items:center;animation:1.5s ease-in-out infinite pulseDrop;display:flex;position:absolute;inset:24px;box-shadow:0 0 #818cf866}.drop-message{background:var(--accent-color);color:#fff;pointer-events:none;border-radius:100px;padding:16px 32px;font-size:24px;font-weight:600;box-shadow:0 10px 30px #818cf866}@keyframes pulseDrop{0%{background-color:#818cf81a;transform:scale(1);box-shadow:0 0 #818cf866}50%{background-color:#818cf840;transform:scale(1.02);box-shadow:0 0 0 20px #818cf800}to{background-color:#818cf81a;transform:scale(1);box-shadow:0 0 #818cf800}}.floating-timer{background:var(--ui-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--ui-border);font-variant-numeric:tabular-nums;color:var(--text-color);z-index:1000;pointer-events:auto;border-radius:24px;align-items:center;gap:12px;padding:12px 24px;font-size:24px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.floating-timer.pulse{color:#ef4444;border-color:#ef444480;animation:1s infinite alternate pulse-alert;box-shadow:0 8px 32px #ef44444d}@keyframes pulse-alert{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.05)}}.timer-controls{gap:8px;display:flex}.menu-label{color:#fff9;white-space:nowrap;margin-right:4px;font-size:13px;font-weight:500}.menu-btn{color:var(--text-color);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1a;border-radius:10px;padding:6px 14px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-btn:hover{background:#ffffff1a;border-color:#fff3}.menu-btn.primary{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.menu-btn.primary:hover{background:#6366f1;border-color:#6366f1}.menu-btn.danger{color:#ef4444;background:0 0;border-color:#ef44444d}.menu-btn.danger:hover{background:#ef44441a;border-color:#ef4444}.popover-menu{background:var(--ui-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ui-border);z-index:100;pointer-events:auto;width:max-content;color:var(--text-color);transform-origin:bottom;border-radius:16px;align-items:center;gap:8px;padding:10px 14px;animation:.2s cubic-bezier(.16,1,.3,1) forwards popIn;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;box-shadow:0 12px 40px #00000080}@keyframes popIn{0%{opacity:0;transform:translate(-50%)scale(.9)translateY(10px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}.color-swatch{cursor:pointer;border:2px solid #fff3;border-radius:50%;flex-shrink:0;width:32px;min-width:32px;height:32px;min-height:32px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.color-swatch:hover{transform:scale(1.2)}.color-swatch.active{border-color:#fff;transform:scale(1.1);box-shadow:0 0 10px #ffffff80}.color-input-swatch{cursor:pointer;background:0 0;border:2px solid #fff3;border-radius:50%;flex-shrink:0;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.color-input-swatch::-webkit-color-swatch-wrapper{padding:0}.color-input-swatch::-webkit-color-swatch{border:none;border-radius:50%}.color-input-swatch:hover{transform:scale(1.2)}.board-bg-picker{align-items:center;gap:12px;display:flex}.draggable-item{transition:box-shadow .2s,transform .2s,background-color .2s}.draggable-item.dragging{z-index:100;transform:scale(1.02);box-shadow:0 20px 40px #0006}.drop-zone{border:4px dashed var(--accent-color);z-index:9999;pointer-events:none;background:#818cf81a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-message{background:var(--ui-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--accent-color);border-radius:24px;padding:24px 48px;font-size:24px;font-weight:600;box-shadow:0 8px 32px #0006}.format-bar{background:var(--ui-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ui-border);z-index:100;pointer-events:auto;border-radius:12px;align-items:center;gap:4px;padding:6px 10px;transition:top .1s,left .1s;display:flex;box-shadow:0 8px 32px #0006}.format-bar .tool-btn{border-radius:8px;width:32px;height:32px}.typing-dots{align-items:center;gap:3px;margin-left:6px;display:inline-flex}.typing-dots span{background-color:currentColor;border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite both typing-bounce}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}