@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--primary-h:252;--primary-s:87%;--primary-l:64%;--primary-ink:#fff;--primary:hsl(var(--primary-h) var(--primary-s) var(--primary-l));--primary-light:hsl(var(--primary-h) var(--primary-s) min(calc(var(--primary-l) + 10%), 92%));--primary-dark:hsl(var(--primary-h) var(--primary-s) max(calc(var(--primary-l) - 12%), 12%));--primary-deep:hsl(var(--primary-h) var(--primary-s) max(calc(var(--primary-l) - 24%), 8%));--primary-faint:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .07);--primary-soft:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .12);--primary-alpha:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .15);--primary-edge:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .24);--primary-ring:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .4);--gradient-primary:linear-gradient(135deg, var(--primary), hsl(calc(var(--primary-h) + 28) var(--primary-s) min(calc(var(--primary-l) + 2%), 88%)));--accent:#2bd4bd;--accent-light:#56dcca;--accent-dark:#23a997;--warm:#fa9247;--warm-light:#fcaf79;--success:#21c45d;--warning:#f59f0a;--error:#ef4343;--bg-primary:#f6f7f9;--bg-secondary:#eaecf0;--bg-tertiary:#dfe2e7;--bg-card:#fff;--bg-elevated:#fff;--bg-overlay:#12172180;--text-primary:#151c28;--text-secondary:#576175;--text-tertiary:#818898;--text-inverse:#fff;--border:#d6dae0;--border-light:#e2e4e9;--border-focus:var(--primary);--sidebar-bg:#1b1e2d;--sidebar-text:#c2c9d6;--sidebar-hover:var(--primary-soft);--sidebar-active:var(--primary-edge);--sidebar-border:#ffffff0f;--canvas-bg:#eaecf0;--canvas-dot:#8a94a84d;--canvas-grid:#8a94a814;--card-white:#fff;--card-gray:#f0f2f4;--card-red:#fde8e8;--card-orange:#feeadc;--card-yellow:#fdf1ce;--card-green:#def7e7;--card-teal:#d9f2ef;--card-blue:#dfedfb;--card-purple:#e9e5fa;--card-pink:#fae5f0;--card-indigo:#e5e9fa;--card-cyan:#dcf4f9;--shadow-xs:0 1px 2px #1217210d;--shadow-sm:0 1px 3px #12172114, 0 1px 2px #1217210f;--shadow-md:0 4px 6px #12172112, 0 2px 4px #1217210f;--shadow-lg:0 10px 15px #1217211a, 0 4px 6px #1217210d;--shadow-xl:0 20px 25px #1217211a, 0 8px 10px #1217210a;--shadow-card:0 2px 8px #12172114, 0 1px 2px #1217210f;--shadow-card-hover:0 8px 24px #1217211f, 0 4px 8px #12172114;--shadow-card-drag:0 16px 40px #1217212e, 0 8px 16px #1217211f;--shadow-glow:0 0 20px var(--primary-ring);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--ui-gap:var(--space-3);--ui-row-y:var(--space-2);--ui-row-x:var(--space-3);--ui-control-h:36px;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--z-canvas:1;--z-card:10;--z-card-dragging:100;--z-toolbar:200;--z-sidebar:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--z-context-menu:800;--sidebar-width:260px;--sidebar-collapsed-width:60px;--toolbar-height:52px}body[data-sidebar=collapsed]{--sidebar-width:var(--sidebar-collapsed-width)}[data-density=compact]{--ui-gap:var(--space-2);--ui-row-y:5px;--ui-row-x:var(--space-2);--ui-control-h:30px;--sidebar-width:224px;--toolbar-height:44px}[data-density=compact] .btn,[data-density=compact] .toolbar-btn{height:var(--ui-control-h);padding:0 var(--space-3)}[data-density=compact] .input{height:34px}[data-density=compact] .sidebar-item{padding:var(--ui-row-y) var(--ui-row-x);gap:var(--space-2)}[data-density=compact] .sidebar-section{padding:var(--space-2) var(--space-2)}[data-corners=soft]{--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:14px}[data-corners=square]{--radius-xs:0px;--radius-sm:0px;--radius-md:2px;--radius-lg:2px;--radius-xl:3px;--radius-2xl:4px}[data-motion=reduced] *,[data-motion=reduced] :before,[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-theme=dark]{--bg-primary:#11131d;--bg-secondary:#1a1c28;--bg-tertiary:#232634;--bg-card:#1e212f;--bg-elevated:#222535;--bg-overlay:#090a11b3;--text-primary:#eaecf1;--text-secondary:#98a1b3;--text-tertiary:#737b8c;--border:#2e3142;--border-light:#262836;--canvas-bg:#151723;--canvas-dot:#8a94a826;--canvas-grid:#8a94a80d;--card-white:#202332;--card-gray:#2a2d3c;--card-red:#401c1c;--card-orange:#412816;--card-yellow:#3d3314;--card-green:#1d3526;--card-teal:#1b322f;--card-blue:#1c2e40;--card-purple:#282145;--card-pink:#411f30;--card-indigo:#212745;--card-cyan:#1c353b;--shadow-card:0 2px 8px #0000004d, 0 1px 2px #0003;--shadow-card-hover:0 8px 24px #0006, 0 4px 8px #0000004d;--shadow-card-drag:0 16px 40px #00000080, 0 8px 16px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;overflow:hidden auto}a{color:var(--primary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--primary-light)}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}img,video{max-width:100%;display:block}::selection{background:var(--primary-alpha);color:var(--primary-dark)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.glass{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffff14;border:1px solid #ffffff1f}[data-theme=dark] .glass{background:#1e212fb3;border-color:#ffffff14}.glass-strong{-webkit-backdrop-filter:blur(40px)saturate(200%);background:#ffffff26;border:1px solid #ffffff2e}.gradient-primary{background:var(--primary)}.gradient-accent{background:var(--accent)}.gradient-warm{background:var(--warm)}.gradient-mesh{background-color:#0f1119;background-image:radial-gradient(120% 90% at 8% -10%, hsl(var(--primary-h) var(--primary-s) 50% / .1) 0%, transparent 60%), linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px);background-size:100% 100%,64px 64px,64px 64px}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:500;font-size:var(--text-sm);white-space:nowrap;transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);-webkit-user-select:none;user-select:none;height:36px;line-height:1;display:inline-flex}.btn-primary{background:var(--primary);color:var(--primary-ink);box-shadow:0 1px 2px hsl(var(--primary-h) var(--primary-s) 40% / .3), inset 0 1px 0 #ffffff26}.btn-primary:hover{background:var(--primary-light);box-shadow:0 4px 12px hsl(var(--primary-h) var(--primary-s) 40% / .35), inset 0 1px 0 #ffffff26;transform:translateY(-1px)}.btn-primary:active{background:var(--primary-dark);transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border);border-color:var(--border-light)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#ed2c2c}.btn-lg{height:44px;padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-sm{height:28px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-icon-sm{border-radius:var(--radius-sm);width:28px;height:28px}.input{width:100%;height:40px;padding:var(--space-2) var(--space-3);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.input::placeholder{color:var(--text-tertiary)}.input-lg{height:48px;padding:var(--space-3) var(--space-4);font-size:var(--text-md);border-radius:var(--radius-lg)}.textarea{width:100%;padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-relaxed);resize:vertical;min-height:80px;transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);outline:none}.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.canvas-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:box-shadow var(--duration-fast) var(--ease-out);cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;overflow:hidden}.canvas-card:hover{box-shadow:var(--shadow-card-hover)}.canvas-card.dragging{cursor:grabbing;box-shadow:var(--shadow-card-drag);opacity:.95;z-index:var(--z-card-dragging)!important}.canvas-card.selected{border-color:var(--primary);box-shadow:var(--shadow-card-hover), 0 0 0 2px var(--primary)}.card-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;min-height:36px;display:flex}.card-header-title{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.card-color-bar{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;height:4px}.card-body{padding:var(--space-3)}.card-actions{gap:var(--space-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);display:flex}.canvas-card:hover .card-actions{opacity:1}.card-drag-grip{border-radius:var(--radius-full);background:var(--text-tertiary,#9aa0ae);opacity:0;width:32px;height:10px;transition:opacity var(--duration-fast) var(--ease-out);cursor:grab;z-index:6;position:absolute;top:3px;left:50%;transform:translate(-50%)}.canvas-card:hover .card-drag-grip,.canvas-card.selected .card-drag-grip{opacity:.45}.card-drag-grip:hover{opacity:.85!important}.canvas-card.dragging .card-drag-grip{cursor:grabbing}.canvas-card:not(.selected) .embed-card-frame,.canvas-card:not(.selected) .video-card-embed{pointer-events:none}.canvas-card.frameless{box-shadow:none;background:0 0;border-color:#0000;overflow:visible}.canvas-card.frameless:hover{box-shadow:none}.canvas-card.frameless.selected{box-shadow:0 0 0 2px var(--primary);border-color:#0000}.canvas-card.frameless.dragging{box-shadow:none}.canvas-card.frameless:hover:not(.selected){box-shadow:0 0 0 1px var(--border)}.drawing-card{pointer-events:none;width:100%;height:100%}.drawing-card-svg{width:100%;height:100%;display:block;overflow:visible}.draw-layer{z-index:var(--z-card-dragging,500);cursor:crosshair;touch-action:none;position:absolute;inset:0}.draw-layer.eraser{cursor:cell}.draw-layer-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.draw-eraser-ring{border:2px solid var(--danger,#ef4444);pointer-events:none;opacity:.7;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.pen-panel{gap:var(--space-3);padding:var(--space-3);flex-direction:column;min-width:220px;display:flex}.pen-swatches{flex-wrap:wrap;gap:6px;display:flex}.pen-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.pen-swatch.active{border-color:var(--text-primary);transform:scale(1.12)}.share-modal{max-width:560px}.share-invite{gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.share-invite input[type=email]{flex:1;min-width:0}.share-section{margin-bottom:var(--space-5)}.share-members{margin:var(--space-2) 0 0;flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.share-member{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--bg-subtle,#00000008);padding:6px 8px;display:flex}.share-member-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);flex:1;overflow:hidden}.share-dot{background:var(--text-tertiary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.share-dot.online{background:var(--success,#00b894);box-shadow:0 0 0 3px #00b89433}.share-empty{font-size:var(--text-sm);color:var(--text-tertiary)}.inspector-segmented{gap:4px;display:flex}.inspector-segmented .btn{flex:1;padding:2px 6px;font-size:11px}.presence-layer{pointer-events:none;z-index:var(--z-card-dragging,500);position:absolute;inset:0;overflow:hidden}.presence-cursor{will-change:transform, opacity;align-items:flex-start;gap:2px;transition:opacity .16s;display:flex;position:absolute;top:0;left:0}.presence-name{letter-spacing:.01em;color:#fff;white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:4px;margin-top:13px;padding:2px 7px;font-size:11px;font-weight:600}.canvas-card.peer-selected{outline:2px solid var(--peer-color);outline-offset:1px}.peer-selection-tag{color:#fff;white-space:nowrap;pointer-events:none;border-radius:3px 0 0;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.6;position:absolute;bottom:0;right:0}.presence-avatars{align-items:center;display:flex}.presence-avatar{color:#fff;border:2px solid var(--bg-elevated);border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-8px;font-size:11px;font-weight:700;display:grid}.presence-avatar:first-child{margin-left:0}.role-pill{border-radius:var(--radius-full);background:var(--bg-subtle,#0000000f);color:var(--text-secondary);text-transform:capitalize;padding:2px 8px;font-size:11px;font-weight:600}.canvas-container.read-only .canvas-card{cursor:default}.canvas-container.read-only .rotate-handle,.canvas-container.read-only .card-drag-grip,.canvas-container.read-only .resize-handle{display:none}.read-only-banner{bottom:var(--space-4);z-index:900;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--text-secondary);padding:8px 16px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.resize-handle{z-index:5;background:0 0;position:absolute}.resize-handle-se{cursor:se-resize;width:16px;height:16px;bottom:0;right:0}.resize-handle-e{cursor:e-resize;width:6px;top:8px;bottom:8px;right:0}.resize-handle-s{cursor:s-resize;height:6px;bottom:0;left:8px;right:8px}.rotate-handle{border:1px solid var(--border);background:var(--bg-elevated,#fff);width:20px;height:20px;color:var(--text-secondary);box-shadow:var(--shadow-sm);cursor:grab;opacity:0;z-index:6;touch-action:none;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:4px;left:4px}.canvas-card.selected .rotate-handle{opacity:.75}.rotate-handle:hover,.canvas-card.rotating .rotate-handle{border-color:var(--primary);color:var(--primary);transform:scale(1.15);opacity:1!important}.canvas-card.rotating .rotate-handle{cursor:grabbing}.rotate-readout{border-radius:var(--radius-full);font-variant-numeric:tabular-nums;color:#fff;background:var(--primary);box-shadow:var(--shadow-sm);pointer-events:none;white-space:nowrap;z-index:7;padding:2px 7px;font-size:11px;font-weight:600;line-height:14px;position:absolute;top:5px;left:30px}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);z-index:var(--z-sidebar);border-right:1px solid var(--sidebar-border);transition:width var(--duration-slow) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--sidebar-border);justify-content:space-between;align-items:center;min-height:60px;display:flex}.sidebar-logo{align-items:center;gap:var(--space-3);font-weight:800;font-size:var(--text-lg);color:#fff;letter-spacing:-.02em;display:flex}.sidebar-logo-icon{border-radius:var(--radius-md);width:32px;height:32px;font-size:var(--text-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-section{padding:var(--space-3) var(--space-2)}.sidebar-section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--primary-h) 20% 62%);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-1);font-weight:600}.sidebar-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--sidebar-text);cursor:pointer;transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);white-space:nowrap;display:flex;overflow:hidden}.sidebar-item:hover{background:var(--sidebar-hover);color:#fff}.sidebar-item.active{background:var(--sidebar-active);color:#fff;box-shadow:inset 2px 0 0 var(--primary-light)}.sidebar-item.active .sidebar-item-icon,.sidebar-item:hover .sidebar-item-icon{color:var(--primary-light)}.sidebar-item-icon{width:20px;height:20px;font-size:var(--text-md);color:inherit;transition:color var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-board-row{gap:var(--space-2);padding-right:var(--space-2);grid-template-columns:20px 1fr 12px 20px;display:grid}.sidebar-board-row.nested{padding-left:var(--space-6);font-size:var(--text-xs);opacity:.85}.sidebar-board-icon{border-radius:var(--radius-sm);width:20px;height:20px;font-size:var(--text-md);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.sidebar-board-icon:hover{background:var(--sidebar-hover);transform:scale(1.15)}.sidebar-board-star{color:var(--warning);justify-content:center;align-items:center;display:flex}.sidebar-board-menu{border-radius:var(--radius-sm);width:20px;height:20px;color:inherit;cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.sidebar-board-row:hover .sidebar-board-menu,.sidebar-board-row:focus-within .sidebar-board-menu,.sidebar-board-menu:focus-visible{opacity:.7}.sidebar-board-menu:hover{background:var(--sidebar-hover);opacity:1!important}.sidebar-row-menu{z-index:1200;min-width:180px;padding:var(--space-1);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;gap:2px;display:flex;position:fixed}.sidebar-row-menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.sidebar-row-menu-item:hover{background:var(--primary-alpha);color:var(--primary)}.sidebar-row-menu-item.danger,.sidebar-row-menu-item.danger:hover{color:var(--error)}.sidebar-row-menu-item.danger:hover{background:#ef43431f}.sidebar-nav{scrollbar-color:var(--primary-edge) transparent;flex:1;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--primary-edge)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--primary-ring)}.sidebar-footer{padding:var(--space-3) var(--space-2);border-top:1px solid var(--sidebar-border)}.sidebar-header .btn-icon{color:var(--sidebar-text)}.sidebar-header .btn-icon:hover{background:var(--sidebar-hover);color:var(--primary-light)}.toolbar{top:var(--space-3);left:calc(var(--sidebar-width) + var(--space-3));right:var(--space-3);height:var(--toolbar-height);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);z-index:var(--z-toolbar);padding:0 var(--space-3);align-items:center;gap:var(--space-1);transition:left var(--duration-slow) var(--ease-out);display:flex;position:fixed;container:toolbar/inline-size}.toolbar-divider{background:var(--border);width:1px;height:28px;margin:0 var(--space-2);flex-shrink:0}.toolbar-group{align-items:center;gap:var(--space-1);display:flex}.toolbar-spacer{flex:1}.toolbar-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);min-width:34px;height:36px;font-size:var(--text-sm);color:var(--text-secondary);transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);white-space:nowrap;flex-shrink:0;font-weight:500;display:flex;position:relative}.toolbar-btn:not(:has(.tb-label)){padding-inline:var(--space-2)}.toolbar-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toolbar-btn.active{background:var(--primary-alpha);color:var(--primary)}.toolbar-btn-icon{font-size:var(--text-md);align-items:center;display:flex}.canvas-container{top:0;left:var(--sidebar-width);background:var(--canvas-bg);transition:left var(--duration-slow) var(--ease-out);cursor:default;position:fixed;bottom:0;right:0;overflow:hidden}.canvas-container.panning{cursor:grab}.canvas-container.panning:active{cursor:grabbing}.canvas-surface{transform-origin:0 0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-card,.canvas-surface .connection-label{pointer-events:auto}.canvas-surface .connection-hitbox{pointer-events:stroke}.canvas-grid{pointer-events:none;background-image:radial-gradient(circle, var(--canvas-dot) 1px, transparent 1px);background-size:24px 24px;width:100%;height:100%;position:absolute;top:0;left:0}[data-pattern=grid] .canvas-grid{background-image:linear-gradient(to right, var(--canvas-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--canvas-grid) 1px, transparent 1px)}[data-pattern=plain] .canvas-grid{background-image:none}.selection-box{border:2px solid var(--primary);background:var(--primary-alpha);border-radius:var(--radius-xs);pointer-events:none;z-index:var(--z-card-dragging);position:absolute}@keyframes menuIn{0%{opacity:0;transform:scale(.98)translateY(-3px)}to{opacity:1;transform:scale(1)translateY(0)}}.menu-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.menu-item:hover,.menu-item.is-active{background:var(--primary-alpha);color:var(--primary)}.menu-item.is-danger:hover,.menu-item.is-danger.is-active{background:color-mix(in srgb, var(--error) 12%, transparent);color:var(--error)}.menu-item-icon{width:18px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.menu-item:hover .menu-item-icon,.menu-item.is-active .menu-item-icon{color:inherit}.menu-item-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.menu-item-label{font-weight:500}.menu-item-desc{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu-item:hover .menu-item-desc,.menu-item.is-active .menu-item-desc{color:inherit;opacity:.7}.menu-shortcut{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);background:0 0;border:none;flex-shrink:0;padding:0}.menu-item:hover .menu-shortcut,.menu-item.is-active .menu-shortcut{color:inherit;opacity:.7}.menu-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;padding:1px 5px;font-size:10px}.menu-divider{background:var(--border);height:1px;margin:var(--space-1) var(--space-2)}.menu-group-title{padding:var(--space-2) var(--space-3) 4px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:10px;font-weight:600;display:block}.menu-item-static,.menu-item-static:hover{cursor:default;background:0 0}.export-scales{flex-shrink:0;gap:4px;display:flex}.export-scale{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:2px 7px}.export-scale:hover{color:var(--text-primary);border-color:var(--primary)}.pro-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--primary-light);background:color-mix(in srgb, var(--primary) 16%, transparent);border-radius:var(--radius-sm);align-self:flex-start;padding:2px 6px;font-size:10px;font-weight:600}.pro-upsell{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);margin:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-tertiary);flex-direction:column;display:flex}.pro-upsell h4{font-size:var(--text-sm);color:var(--text-primary);margin:0;font-weight:600}.pro-upsell p{font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0}.pro-upsell-note{color:var(--text-tertiary);font-size:11px}.brand-kits{flex-direction:column;display:flex}.brand-kit{align-items:center;gap:var(--space-1);padding-right:var(--space-2);border-radius:var(--radius-md);display:flex}.brand-kit:hover{background:var(--bg-hover)}.brand-kit-main{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;display:flex}.brand-kit-palette{flex-shrink:0;display:flex}.brand-kit-palette span{border:1px solid var(--bg-elevated);border-radius:50%;width:12px;height:12px;margin-right:-4px}.brand-kit-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.brand-kit.is-active .brand-kit-name{color:var(--primary-light)}.versions{top:var(--toolbar-height);gap:var(--space-2);width:284px;padding:var(--space-3);background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:var(--z-toolbar);flex-direction:column;display:flex;position:fixed;bottom:0;right:0;overflow-y:auto}.versions-head{align-items:center;gap:var(--space-2);display:flex}.versions-head h3{font-size:var(--text-base);flex:1;margin:0}.versions-save{justify-content:center}.versions-empty{padding:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-tertiary);margin:0}.versions-list{flex-direction:column;list-style:none;display:flex}.versions-item{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);display:flex}.versions-item:hover{background:var(--bg-hover)}.versions-item-text{flex-direction:column;flex:1;min-width:0;display:flex}.versions-when{font-size:var(--text-sm);color:var(--text-primary)}.versions-count{font-size:var(--text-xs);color:var(--text-tertiary)}.versions-item-actions{opacity:0;transition:opacity var(--duration-fast) var(--ease-out);gap:2px;display:flex}.versions-item:hover .versions-item-actions,.versions-item:focus-within .versions-item-actions{opacity:1}.canvas-menu{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:296px;max-height:min(440px,68vh);box-shadow:var(--shadow-xl);z-index:var(--z-context-menu);animation:menuIn var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:fixed;overflow:hidden}.canvas-menu-search{margin:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);border:1px solid #0000;outline:none;flex-shrink:0}.canvas-menu-search:focus{border-color:var(--primary);background:var(--bg-primary)}.canvas-menu-list{padding:0 var(--space-1) var(--space-1);flex:1;overflow-y:auto}.canvas-menu-group+.canvas-menu-group{border-top:1px solid var(--border);margin-top:var(--space-1)}.canvas-menu-empty{padding:var(--space-5) var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--text-tertiary)}.canvas-menu-colours{padding:0 var(--space-1) var(--space-2);border-top:1px solid var(--border);flex-shrink:0}.canvas-menu-swatches{padding:0 var(--space-3);flex-wrap:wrap;gap:5px;display:flex}.canvas-menu-swatch{border:1px solid var(--border);cursor:pointer;width:20px;height:20px;color:var(--text-tertiary);transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid}.canvas-menu-swatch:hover{transform:scale(1.15)}.canvas-menu-swatch.is-active{outline:2px solid var(--primary);outline-offset:2px}.canvas-menu-swatch.is-none{background:0 0}.canvas-menu-footer{gap:var(--space-4);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border);background:var(--bg-secondary);font-size:var(--text-xs);color:var(--text-tertiary);flex-shrink:0;display:flex}.canvas-menu-footer kbd{margin-right:2px}.modal-overlay{background:var(--bg-overlay);z-index:var(--z-modal-backdrop);animation:fadeIn var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal);width:90%;max-width:500px;max-height:85vh;animation:modalIn var(--duration-slow) var(--ease-spring);overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);font-weight:700}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);justify-content:flex-end;gap:var(--space-3);display:flex}.confirm-dialog{max-width:400px}.confirm-dialog-body{color:var(--text-secondary);font-size:var(--text-sm);margin:0;line-height:1.55}.emoji-picker{z-index:var(--z-modal);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:fadeIn var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:fixed;overflow:hidden}.emoji-picker-search{align-items:center;gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.emoji-picker-search input{min-width:0;padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);outline:none;flex:1}.emoji-picker-search input:focus{border-color:var(--primary)}.emoji-picker-body{min-height:0;padding:var(--space-2);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.emoji-section h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:var(--space-2) 0 var(--space-1) var(--space-1);font-weight:600}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:2px;display:grid}.emoji-cell{aspect-ratio:1;border-radius:var(--radius-md);font-size:var(--text-lg);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.emoji-cell:hover{background:var(--bg-tertiary);transform:scale(1.15)}.emoji-cell.active{border-color:var(--primary);background:var(--primary-alpha,var(--bg-tertiary))}.emoji-picker-empty{padding:var(--space-6) var(--space-3);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.board-icon-btn{border-radius:var(--radius-md);font-size:var(--text-lg);cursor:pointer;transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:2px;line-height:1;display:inline-flex}.board-icon-btn-lg{font-size:var(--text-2xl)}.board-icon-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border);transform:scale(1.1)}.board-icon-btn:disabled{cursor:default}.btn-icon-danger:hover{color:var(--error);background:var(--bg-tertiary)}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:toastIn var(--duration-slow) var(--ease-spring);min-width:280px;max-width:400px;display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--primary)}.minimap-container{bottom:var(--space-4);right:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-toolbar);-webkit-user-select:none;user-select:none;position:fixed;overflow:hidden}.minimap-surface{cursor:crosshair;position:absolute;inset:0}.minimap-resize{width:16px;height:16px;color:var(--text-tertiary);cursor:nwse-resize;z-index:2;place-items:center;font-size:10px;line-height:1;display:grid;position:absolute;top:0;left:0;transform:rotate(90deg)}.minimap-close{z-index:2;border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);background:0 0;border:none;place-items:center;display:grid;position:absolute;top:2px;right:2px}.minimap-container:hover .minimap-close,.minimap-close:focus-visible{opacity:1}.minimap-close:hover{background:var(--bg-hover,var(--primary-alpha));color:var(--text-primary)}.minimap-toggle{bottom:var(--space-4);right:var(--space-4);z-index:var(--z-toolbar);align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);cursor:pointer;padding:6px 12px;font-weight:600;display:flex;position:fixed}.minimap-toggle:hover{color:var(--text-primary);border-color:var(--primary)}.minimap-viewport{border:1.5px solid var(--primary);background:var(--primary-alpha);cursor:move;position:absolute}.minimap-card{background:var(--primary);opacity:.55;position:absolute}.minimap-card.is-zone{opacity:.35;border:1px solid}.minimap-header{white-space:nowrap;text-overflow:ellipsis;opacity:.85;font-size:6px;font-weight:700;line-height:1;position:absolute;overflow:hidden}.landing-page{color:#eaecf1;isolation:isolate;background:#0f1119;min-height:100vh;position:relative;overflow:hidden auto}.landing-page:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(100% 70% at 12% 0%, hsl(var(--primary-h) var(--primary-s) 52% / .09) 0%, transparent 62%), linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px);background-size:100% 100%,64px 64px,64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}.landing-nav{height:68px;padding:0 var(--space-8);z-index:100;transition:background var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav.scrolled{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);background:#0f1119d1;border-bottom-color:#ffffff12}.landing-nav-progress{background:var(--primary);transform-origin:0;will-change:transform;height:1px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.hero-section{max-width:1200px;min-height:min(100vh,900px);padding:calc(68px + var(--space-20)) var(--space-8) var(--space-20);flex-direction:column;justify-content:center;margin:0 auto;display:flex;position:relative}.hero-copy{max-width:760px}.hero-status{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:#727e97;margin-bottom:var(--space-6);animation:fadeInUp .7s var(--ease-out) both;display:inline-flex}.hero-status-sep{color:#414958}.hero-status-dot{background:var(--success);width:6px;height:6px;animation:statusPulse 2.6s var(--ease-out) infinite;border-radius:50%;box-shadow:0 0 #21c45d80}@keyframes statusPulse{0%{box-shadow:0 0 #21c45d80}70%,to{box-shadow:0 0 0 7px #21c45d00}}.hero-title{letter-spacing:-.035em;max-width:17ch;margin-bottom:var(--space-6);animation:fadeInUp .7s var(--ease-out) 80ms both;font-size:clamp(2.5rem,6.4vw,4.75rem);font-weight:800;line-height:1.03}.hero-underline{white-space:nowrap;position:relative}.hero-underline svg{width:100%;height:.34em;margin-top:-.06em;position:absolute;top:100%;left:0;overflow:visible}.hero-underline path{fill:none;stroke:var(--primary);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;animation:drawStroke .9s var(--ease-out) .7s forwards}@keyframes drawStroke{to{stroke-dashoffset:0}}.hero-subtitle{font-size:var(--text-lg);color:#9099ad;max-width:56ch;line-height:var(--leading-relaxed);margin-bottom:var(--space-8);animation:fadeInUp .7s var(--ease-out) .16s both}.hero-actions{gap:var(--space-3);animation:fadeInUp .7s var(--ease-out) .24s both;display:flex}.hero-specs{gap:var(--space-8);margin-top:var(--space-10);padding-top:var(--space-5);animation:fadeInUp .7s var(--ease-out) .32s both;border-top:1px solid #ffffff14;flex-wrap:wrap;display:flex}.hero-spec dt{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#5b667b;margin-bottom:4px;font-size:10px}.hero-spec dd{font-size:var(--text-md);font-variant-numeric:tabular-nums;color:#dadee7;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html[data-js] [data-reveal=out]{opacity:0;transform:translateY(22px)}[data-reveal]{transition:opacity .6s var(--ease-out), transform .6s var(--ease-out)}[data-reveal=in]{opacity:1;transform:none}.section-head{max-width:680px;margin-bottom:var(--space-12)}.section-marker{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.section-marker-n{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--primary);font-weight:600}.section-marker-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#6c7993;font-size:10px;font-weight:600}.section-marker-rule{background:linear-gradient(90deg,#ffffff24,#fff0);flex:1;height:1px}.section-title{letter-spacing:-.03em;margin-bottom:var(--space-4);font-size:clamp(1.75rem,3.6vw,2.5rem);font-weight:700;line-height:1.12}.section-subtitle{font-size:var(--text-base);color:#7e89a0;max-width:58ch;line-height:var(--leading-relaxed)}.features-section{padding:var(--space-20) var(--space-8);max-width:1200px;margin:0 auto}.feature-index{gap:0 var(--space-12);border-top:1px solid #ffffff14;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));list-style:none;display:grid}.feature-row{align-items:start;gap:var(--space-4);padding:var(--space-6) 0;border-bottom:1px solid #ffffff0f;grid-template-columns:auto auto 1fr;display:grid;position:relative}.feature-row:before{content:"";background:var(--primary);transform-origin:50% 0;width:2px;height:100%;transition:transform var(--duration-normal) var(--ease-out);position:absolute;top:0;left:0;transform:scaleY(0)}.feature-row:hover:before{transform:scaleY(1)}.feature-row-n{font-family:var(--font-mono);letter-spacing:.08em;color:#525c6f;transition:color var(--duration-fast) var(--ease-out);padding-top:5px;font-size:10px;font-weight:600}.feature-row:hover .feature-row-n{color:var(--primary)}.feature-row-icon{border-radius:var(--radius-md);color:#c2c9d6;width:30px;height:30px;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border:1px solid #ffffff1a;place-items:center;display:grid}.feature-row:hover .feature-row-icon{border-color:var(--primary-edge);color:var(--primary)}.feature-row-body h3{font-size:var(--text-base);letter-spacing:-.01em;margin-bottom:var(--space-2);font-weight:650}.feature-row-body p{font-size:var(--text-sm);color:#78849b;line-height:var(--leading-relaxed);max-width:48ch}.pricing-page{min-height:100vh;padding:var(--space-8) var(--space-8) var(--space-16);color:#eaecf1;background:#11131d;overflow:auto}.pricing-back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#7b879d;transition:color var(--duration-fast) var(--ease-out);display:inline-flex}.pricing-back:hover{color:#e0e4eb}.pricing-head{max-width:620px;margin:var(--space-16) auto var(--space-12);text-align:center}.pricing-head h1{font-size:var(--text-3xl);letter-spacing:-.03em;font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-4)}.pricing-head p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:#8a94a8}.pricing-tools{max-width:1000px;margin:var(--space-20) auto 0}.pricing-tools h2{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:#6c7993;margin-bottom:var(--space-6);font-weight:600}.pricing-tools-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.pricing-tool h3{font-size:var(--text-base);margin-bottom:var(--space-2);font-weight:600}.pricing-tool p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:#848fa4}.pricing-fineprint{max-width:520px;margin:var(--space-16) auto 0;text-align:center;font-size:var(--text-xs);line-height:var(--leading-relaxed);color:#5b667b}.pricing-section{padding:var(--space-20) var(--space-8);text-align:center;max-width:1200px;margin:0 auto}.pricing-grid{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1000px;margin-left:auto;margin-right:auto;display:grid}.pricing-card{padding:var(--space-8);border-radius:var(--radius-xl);text-align:left;transition:border-color var(--duration-normal) var(--ease-out);background:#1e212f80;border:1px solid #ffffff0f;position:relative}.pricing-card:hover{border-color:#ffffff29}.pricing-card.featured{border-color:var(--primary);background:hsl(var(--primary-h) 40% 18% / .5);box-shadow:0 0 40px var(--primary-faint)}.pricing-badge{padding:var(--space-1) var(--space-4);background:var(--primary);color:var(--primary-ink);font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-plan{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--primary-light);margin-bottom:var(--space-4);font-weight:600}.pricing-price{align-items:baseline;gap:var(--space-2);font-size:var(--text-4xl);letter-spacing:-.03em;margin-bottom:var(--space-2);font-weight:700;display:flex}.pricing-was{font-size:var(--text-lg);color:#626d84;font-weight:500;text-decoration:line-through}.pricing-period{font-size:var(--text-sm);color:#7b879d;font-weight:500}.pricing-description{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:#8a94a8;margin-bottom:var(--space-6);min-height:2.6em}.pricing-features{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;list-style:none;display:flex}.pricing-features li{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:#bec4cf;display:flex}.pricing-features li svg{color:var(--success);flex-shrink:0;margin-top:2px}.pricing-cta{width:100%}.referral-field{gap:var(--space-2);padding-top:var(--space-5);margin-bottom:var(--space-5);border-top:1px solid #ffffff12;flex-direction:column;display:flex}.referral-field label{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:#848fa4;display:flex}.referral-input-row{gap:var(--space-2);display:flex}.referral-input-row .input{min-width:0;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;flex:1}.referral-input-row .input::placeholder{letter-spacing:.14em;opacity:.35}.referral-error{font-size:var(--text-xs);color:var(--error)}.referral-applied{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-5);border-radius:var(--radius-md);font-size:var(--text-xs);line-height:var(--leading-relaxed);color:#b0ddc8;background:#2eb8771a;border:1px solid #2eb87740;display:flex}.referral-applied svg{flex-shrink:0;margin-top:1px}.landing-brand{align-items:center;gap:var(--space-3);color:#fff;font-weight:700;font-size:var(--text-md);cursor:pointer;background:0 0;border:none;padding:0;display:flex}.landing-brand.static{cursor:default}.brand-mark{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--primary);transition:border-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out);border:1px solid #ffffff2e;place-items:center;font-size:13px;display:grid}.landing-brand:hover .brand-mark{border-color:var(--primary-ring)}.brand-word{letter-spacing:-.01em}.landing-nav-links{align-items:center;gap:var(--space-5);display:flex}.landing-nav-link{color:#9099ad;font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:0;position:relative}.landing-nav-link:hover,.landing-nav-link.active{color:#fff}.landing-nav-link.active:after{content:"";background:var(--primary);height:1px;position:absolute;bottom:-6px;left:0;right:0}.landing-nav-toggle{color:#fff;cursor:pointer;padding:var(--space-2);background:0 0;border:none;display:none}.btn-xl{height:52px;padding:0 var(--space-8);font-size:var(--text-md)}.btn-glass{color:#fff;background:#ffffff0f;border:1px solid #ffffff24}.btn-glass:hover{background:#ffffff1f}.hero-preview{margin-top:var(--space-16);aspect-ratio:16/9;border-radius:var(--radius-xl);width:100%;animation:fadeInUp .9s var(--ease-out) .4s both;background:#1a1c28e6;border:1px solid #ffffff14;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 40px 90px #00000080}.hero-preview-chrome{align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);background:#242738e6;border-bottom:1px solid #ffffff0f;display:flex}.hero-dot{border-radius:50%;width:10px;height:10px}.hero-dot.red{background:#ff5f57}.hero-dot.amber{background:#febc2e}.hero-dot.green{background:#28c840}.hero-preview-url{font-family:var(--font-mono);color:#6c7993;margin-left:auto;margin-right:auto;font-size:11px}.hero-preview-body{height:calc(100% - 40px);display:flex}.hero-preview-rail{background:#14161fe6;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:48px;padding-top:14px;display:flex}.hero-rail-dot{border-radius:var(--radius-full);background:#ffffff1a;width:20px;height:6px}.hero-rail-dot.on{background:var(--primary)}.hero-preview-canvas{background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:22px 22px;flex:1;position:relative;overflow:hidden}.hero-card{border-radius:var(--radius-lg);background:#242738eb;border:1px solid #ffffff14;padding:10px;position:absolute;box-shadow:0 8px 24px #00000059}@keyframes heroFloat{0%,to{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-7px) rotate(var(--tilt,0deg))}}.float-a{animation:heroFloat 7s var(--ease-in-out,ease-in-out) infinite}.float-b{animation:heroFloat 9s var(--ease-in-out,ease-in-out) .8s infinite}.float-c{animation:heroFloat 8s var(--ease-in-out,ease-in-out) 1.6s infinite}.hero-card-note{--tilt:-1.5deg;width:30%;top:8%;left:5%}.hero-card-image{--tilt:1deg;width:26%;padding:0;top:12%;left:41%;overflow:hidden}.hero-card-task{--tilt:1.5deg;width:30%;top:45%;left:12%}.hero-card-swatch{--tilt:-2deg;width:18%;padding:0;top:58%;left:48%;overflow:hidden}.hero-card-progress{--tilt:2deg;width:22%;top:16%;right:5%}.hero-card-label{margin-bottom:6px;font-size:10px;font-weight:600}.hero-card-label.violet{color:var(--primary-light)}.hero-card-label.teal{color:var(--accent)}.hero-card-label.amber{color:var(--warm-light,#fdcb6e)}.hero-card-label.green{color:var(--success)}.hero-card-label.mono{font-family:var(--font-mono);color:#8a94a8;margin:0;padding:6px 8px}.hero-line{border-radius:var(--radius-full);background:#ffffff1f;height:5px;margin-bottom:5px}.hero-line.w90{width:90%}.hero-line.w80{width:80%}.hero-line.w70{width:70%}.hero-card-thumb{background:var(--primary);height:62px}.hero-card-image .hero-card-label{margin:0;padding:8px}.hero-task{color:#848fa4;padding:2px 0;font-size:9px}.hero-task:before{content:"☐ "}.hero-task.done:before{content:"☑ ";color:var(--success)}.hero-swatch-chip{background:var(--primary);height:52px}.hero-progress{border-radius:var(--radius-full);background:#ffffff1a;height:6px;overflow:hidden}.hero-progress i{border-radius:var(--radius-full);background:var(--primary);height:100%;animation:heroFill 6s var(--ease-in-out,ease-in-out) infinite;display:block}@keyframes heroFill{0%,to{width:42%}50%{width:78%}}.hero-cursor{color:var(--accent);animation:heroCursor 11s var(--ease-in-out,ease-in-out) infinite;align-items:flex-start;gap:2px;font-size:9px;font-weight:600;display:flex;position:absolute}.hero-cursor span{background:var(--accent);color:#11131d;border-radius:var(--radius-sm);white-space:nowrap;padding:1px 5px;transform:translateY(8px)}@keyframes heroCursor{0%{opacity:0;top:30%;left:30%}8%{opacity:1}30%{top:55%;left:55%}55%{top:25%;left:72%}80%{top:62%;left:22%}92%{opacity:1}to{opacity:0;top:30%;left:30%}}@media (prefers-reduced-motion:reduce){.float-a,.float-b,.float-c,.hero-cursor,.hero-progress i,.hero-status-dot{animation:none}.hero-cursor{top:40%;left:60%}.hero-status,.hero-title,.hero-subtitle,.hero-actions,.hero-specs,.hero-preview{animation-duration:1ms;animation-delay:0s}.hero-underline path{stroke-dashoffset:0;animation:none}html[data-js] [data-reveal=out]{opacity:1;transform:none}[data-reveal]{transition:none}}.how-section,.compare-section,.faq-section{padding:var(--space-20) var(--space-8);max-width:1000px;margin:0 auto}.how-track{gap:var(--space-8);padding-top:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));list-style:none;display:grid;position:relative}.how-track:before{content:"";background:#ffffff1a;height:1px;position:absolute;top:4px;left:0;right:0}.how-step{position:relative}.how-step-node{top:calc(-1 * var(--space-8) + 1px);width:7px;height:7px;box-shadow:0 0 0 1px var(--primary-ring);background:#0f1119;border-radius:50%;position:absolute;left:0}.how-step:first-child .how-step-node{background:var(--primary);box-shadow:0 0 0 4px var(--primary-faint)}.how-step-n{font-family:var(--font-mono);letter-spacing:.12em;color:var(--primary);margin-bottom:var(--space-3);font-size:10px;font-weight:600;display:block}.how-step h3{font-size:var(--text-base);letter-spacing:-.01em;margin-bottom:var(--space-2);font-weight:650}.how-step p{font-size:var(--text-sm);color:#78849b;line-height:var(--leading-relaxed)}.shortcut-strip{align-items:center;gap:var(--space-2) var(--space-5);margin-top:var(--space-12);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);background:repeating-linear-gradient(-45deg,#ffffff04 0 10px,#0000 10px 20px),#1c1e2c80;border:1px solid #ffffff12;flex-wrap:wrap;display:flex}.shortcut-strip-label{align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-size:10px;font-weight:600;display:inline-flex}.shortcut-chip{font-size:var(--text-xs);color:#848fa4;align-items:center;gap:6px;display:inline-flex}.shortcut-chip kbd{font-family:var(--font-mono);border-radius:var(--radius-sm);color:#e0e4eb;background:#ffffff12;border:1px solid #ffffff1f;padding:3px 6px;font-size:10px;box-shadow:0 1px #0000004d}.compare-table-wrap{overflow-x:auto}.compare-table{border-collapse:collapse;text-align:left;width:100%;min-width:520px}.compare-table th,.compare-table td{padding:var(--space-4) var(--space-4);font-size:var(--text-sm);font-weight:400}.compare-table thead th{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#626d84;padding-bottom:var(--space-3);font-size:10px;font-weight:600}.compare-table thead tr{border-bottom:1px solid #ffffff24}.compare-table thead th.us{color:var(--primary)}.compare-table tbody th{color:#9099ad;padding-left:0}.compare-table td{font-variant-numeric:tabular-nums}.compare-table td.us{color:#e7e9ef;font-weight:500}.compare-table td.them{color:#626d84}.compare-table tbody tr{transition:background var(--duration-fast) var(--ease-out);border-bottom:1px solid #ffffff0d}.compare-table tbody tr:hover{background:#ffffff05}.cmp-yes{color:var(--success);align-items:center;gap:6px;display:inline-flex}.cmp-yes:before{content:"✓";font-weight:700}.cmp-no{color:#454e5e}.compare-note{margin-top:var(--space-5);font-size:var(--text-xs);color:#576175}.faq-list{border-top:1px solid #ffffff1a}.faq-item{border-bottom:1px solid #ffffff0f}.faq-question{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5) 0;color:#e0e4eb;font-size:var(--text-base);text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;grid-template-columns:auto 1fr auto;font-weight:550;display:grid}.faq-question:hover{color:#fff}.faq-n{font-family:var(--font-mono);color:#525c6f;transition:color var(--duration-fast) var(--ease-out);font-size:10px;font-weight:600}.faq-item.open .faq-n,.faq-question:hover .faq-n{color:var(--primary)}.faq-sign{color:#6c7993;transition:transform var(--duration-normal) var(--ease-out), color var(--duration-fast) var(--ease-out);flex-shrink:0}.faq-item.open .faq-sign{color:var(--primary);transform:rotate(135deg)}.faq-answer-wrap{transition:grid-template-rows var(--duration-normal) var(--ease-out);grid-template-rows:0fr;display:grid}.faq-item.open .faq-answer-wrap{grid-template-rows:1fr}.faq-answer{font-size:var(--text-sm);color:#848fa4;line-height:var(--leading-relaxed);max-width:68ch;padding-left:calc(10px + var(--space-4));overflow:hidden}.faq-item.open .faq-answer{padding-bottom:var(--space-5)}.cta-section{padding:var(--space-20) var(--space-8);max-width:1000px;margin:0 auto}.cta-inner{padding:var(--space-16) var(--space-10);border-radius:var(--radius-lg);background:#1a1c2880;border:1px solid #ffffff17;position:relative;overflow:hidden}.cta-inner:before{content:"";background:linear-gradient(var(--primary), var(--primary)) 0 0 / 1px 40px no-repeat, linear-gradient(var(--primary), var(--primary)) 0 0 / 40px 1px no-repeat, linear-gradient(var(--primary), var(--primary)) 100% 100% / 1px 40px no-repeat, linear-gradient(var(--primary), var(--primary)) 100% 100% / 40px 1px no-repeat;opacity:.55;pointer-events:none;position:absolute;inset:0}.cta-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--primary);margin-bottom:var(--space-4);font-size:10px;font-weight:600;display:block}.cta-inner h2{letter-spacing:-.03em;max-width:22ch;margin-bottom:var(--space-4);font-size:clamp(1.75rem,3.6vw,2.5rem);font-weight:700;line-height:1.12}.cta-inner p{font-size:var(--text-base);color:#848fa4;max-width:52ch;margin-bottom:var(--space-8)}.route-error{min-height:100vh;padding:var(--space-8);background:var(--bg-primary);place-items:center;display:grid}.route-error-inner{text-align:center;max-width:440px}.route-error-mark{color:var(--text-tertiary);margin-bottom:var(--space-4)}.route-error-inner h1{font-size:var(--text-2xl);letter-spacing:-.02em;margin-bottom:var(--space-3);font-weight:800}.route-error-inner p{color:var(--text-secondary);margin-bottom:var(--space-5);line-height:1.6}.route-error-digest{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-5);display:block}.route-error-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.landing-footer{padding:var(--space-16) var(--space-8) var(--space-8);color:#626d84;font-size:var(--text-sm);border-top:1px solid #ffffff12}.landing-footer-top{justify-content:space-between;gap:var(--space-10);max-width:1000px;margin:0 auto var(--space-12);flex-wrap:wrap;display:flex}.landing-footer-brand{max-width:30ch}.landing-footer-brand p{margin-top:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:#626d84}.landing-footer-cols{gap:var(--space-12);flex-wrap:wrap;display:flex}.landing-footer-col{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.landing-footer-col h3{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#525c6f;margin-bottom:var(--space-1);font-size:10px;font-weight:600}.landing-footer-col button{color:#848fa4;font-size:var(--text-sm);text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:0}.landing-footer-col button:hover{color:#fff}.landing-footer-base{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:1000px;padding-top:var(--space-6);font-size:var(--text-xs);color:#525c6f;border-top:1px solid #ffffff0d;flex-wrap:wrap;margin:0 auto;display:flex}.landing-footer-status{align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:.04em;display:inline-flex}.landing-footer-legal{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.landing-footer-legal a{color:#6c7993;text-decoration:none}.landing-footer-legal a:hover{color:#fff}@media (max-width:860px){.landing-nav{padding:0 var(--space-5)}.landing-nav-toggle{display:block}.landing-nav-links{align-items:stretch;gap:var(--space-3);padding:var(--space-5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1119f7;border-bottom:1px solid #ffffff14;flex-direction:column;display:none;position:absolute;top:68px;left:0;right:0}.landing-nav-links.open{display:flex}.landing-nav-link{text-align:left;padding:var(--space-2) 0}.landing-nav-link.active:after{display:none}.landing-nav-link.active{color:var(--primary)}.hero-section{min-height:0;padding:calc(68px + var(--space-16)) var(--space-5) var(--space-16)}.hero-title{max-width:none}.hero-actions{flex-direction:column;width:100%;max-width:320px}.hero-actions .btn{width:100%}.hero-specs{gap:var(--space-6)}.hero-preview{aspect-ratio:4/3}.hero-card-swatch,.hero-card-progress{display:none}.features-section,.how-section,.compare-section,.faq-section,.pricing-section,.cta-section{padding-left:var(--space-5);padding-right:var(--space-5)}.how-track:before,.how-step-node{display:none}.how-track{gap:var(--space-6);padding-top:0}.how-step{padding-left:var(--space-4);border-left:1px solid var(--primary-edge)}.cta-inner{padding:var(--space-10) var(--space-5)}.landing-footer-cols{gap:var(--space-8)}}.legal-page{color:#dadee7;background:#0f1119;min-height:100vh}.legal-shell{gap:var(--space-16);max-width:1120px;padding:var(--space-12) var(--space-8) var(--space-20);grid-template-columns:260px minmax(0,1fr);margin:0 auto;display:grid}.legal-aside{position:relative}.legal-aside-inner{top:var(--space-12);max-height:calc(100vh - var(--space-16));padding-right:var(--space-2);scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;position:sticky;overflow-y:auto}.legal-back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#8a94a8;margin-bottom:var(--space-8);transition:color var(--duration-fast) var(--ease-out);font-weight:600;display:inline-flex}.legal-back:hover{color:#fff}.legal-docs,.legal-toc{align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex}.legal-toc{margin-top:var(--space-8)}.legal-docs h2,.legal-toc h2{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#525c6f;margin-bottom:var(--space-3);font-size:10px;font-weight:600}.legal-doc-link{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#9099ad;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.legal-doc-link:hover{color:#fff;background:#ffffff0a}.legal-doc-link.current{background:var(--primary-faint);color:var(--primary);font-weight:600}.legal-toc-link{align-items:baseline;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);text-align:left;color:#727e97;cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:none;border-left:2px solid #0000;line-height:1.4;display:flex;position:relative}.legal-toc-link:hover{color:#dadee7}.legal-toc-link.active{color:var(--primary);border-left-color:var(--primary)}.legal-toc-n{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#4a5264;flex-shrink:0;font-size:10px}.legal-toc-link.active .legal-toc-n{color:var(--primary)}.legal-nav-toggle{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:#dadee7;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;font-weight:500;display:none}.legal-main{min-width:0;max-width:68ch}.legal-head{padding-bottom:var(--space-8);margin-bottom:var(--space-10);border-bottom:1px solid #ffffff14}.legal-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--primary);margin-bottom:var(--space-4);font-size:10px;font-weight:600}.legal-head h1{letter-spacing:-.03em;margin-bottom:var(--space-3);font-size:clamp(1.875rem,4vw,2.5rem);font-weight:700;line-height:1.1}.legal-updated{font-family:var(--font-mono);font-size:var(--text-xs);color:#5b667b}.legal-intro{margin-top:var(--space-6);font-size:var(--text-base);line-height:var(--leading-relaxed);color:#9099ad}.legal-section{scroll-margin-top:var(--space-8);margin-bottom:var(--space-12)}.legal-section h2{align-items:baseline;gap:var(--space-3);font-size:var(--text-lg);letter-spacing:-.015em;margin-bottom:var(--space-4);font-weight:650;display:flex}.legal-section-n{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--primary);font-weight:600}.legal-section p{font-size:var(--text-sm);color:#9ba4b5;line-height:1.75}.legal-section p+p{margin-top:var(--space-4)}.legal-list{margin:var(--space-4) 0 var(--space-4) 0;padding-left:var(--space-5);list-style:none}.legal-list li{font-size:var(--text-sm);color:#9ba4b5;line-height:1.75;position:relative}.legal-list li+li{margin-top:var(--space-2)}.legal-list li:before{content:"";left:calc(-1 * var(--space-4));background:var(--primary-ring);width:5px;height:1px;position:absolute;top:.7em}.legal-note{margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border-left:2px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--primary-faint);font-size:var(--text-sm);color:#bcc3d2;line-height:1.7}.legal-tldr{scroll-margin-top:var(--space-8);margin-top:var(--space-16);padding:var(--space-8);border:1px solid var(--primary-edge);border-radius:var(--radius-lg);background:#181a2599}.legal-tldr-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.legal-tldr-tag{padding:3px var(--space-2);border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-ink);font-family:var(--font-mono);letter-spacing:.08em;font-size:10px;font-weight:700}.legal-tldr-head h2{font-size:var(--text-lg);letter-spacing:-.015em;font-weight:650}.legal-tldr-lede{font-size:var(--text-base);line-height:var(--leading-relaxed);color:#ced3de;margin-bottom:var(--space-6)}.legal-tldr-list{gap:var(--space-4);list-style:none;display:grid}.legal-tldr-list li{gap:var(--space-4);padding-top:var(--space-4);font-size:var(--text-sm);border-top:1px solid #ffffff12;grid-template-columns:15ch minmax(0,1fr);line-height:1.7;display:grid}.legal-tldr-list strong{color:#e0e4eb;font-weight:600}.legal-tldr-list span{color:#9099ad}.legal-tldr-foot{margin-top:var(--space-6);padding-top:var(--space-5);font-size:var(--text-xs);color:#626d84;border-top:1px solid #ffffff12;line-height:1.7}.legal-foot{margin-top:var(--space-12);padding-top:var(--space-6);font-size:var(--text-sm);color:#6c7993;border-top:1px solid #ffffff12}.legal-foot a{color:var(--primary)}.legal-foot a:hover{text-decoration:underline}.legal-foot-links{gap:var(--space-5);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.legal-foot-links a{color:#7b879d;text-decoration:none}.legal-foot-links a:hover{color:#fff;text-decoration:none}@media (max-width:900px){.legal-shell{padding:var(--space-8) var(--space-5) var(--space-16);grid-template-columns:minmax(0,1fr);gap:0}.legal-aside-inner{max-height:none;padding:0;padding-bottom:var(--space-8);position:static;overflow:visible}.legal-aside .legal-back{margin-bottom:var(--space-5);display:flex}.legal-aside .legal-docs,.legal-aside .legal-toc{display:none}.legal-aside.open .legal-docs,.legal-aside.open .legal-toc{display:flex}.legal-aside.open .legal-docs{margin-top:var(--space-6)}.legal-main{max-width:none}.legal-nav-toggle{margin-bottom:0;display:inline-flex}.legal-tldr{padding:var(--space-6) var(--space-5)}.legal-tldr-list li{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}}.auth-page{min-height:100vh;display:flex;overflow:auto}.auth-left{padding:var(--space-8);flex:1;justify-content:center;align-items:center;display:flex}.auth-right{padding:var(--space-8);background:#11131d;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-card{width:100%;max-width:420px}.auth-title{font-size:var(--text-3xl);letter-spacing:-.02em;margin-bottom:var(--space-2);font-weight:800}.auth-subtitle{color:var(--text-secondary);margin-bottom:var(--space-8)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-form-group{gap:var(--space-2);flex-direction:column;display:flex}.auth-form-group label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.auth-divider{align-items:center;gap:var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-social-btn{justify-content:center;align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;height:44px;transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);font-weight:500;display:flex}.auth-social-btn:hover{background:var(--bg-tertiary);border-color:var(--border-focus)}.auth-back{align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);color:var(--text-secondary);font-size:var(--text-sm);display:inline-flex}.auth-back:hover{color:var(--text-primary)}.auth-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);margin-bottom:var(--space-4);background:#ef43431a;border:1px solid #ef434333}.auth-submit{width:100%;margin-top:var(--space-2)}.auth-divider{margin:var(--space-6) 0}.auth-alt{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary);text-align:center}.auth-alt a{color:var(--primary);font-weight:600}.auth-aside{text-align:center;max-width:400px}.auth-aside-mark{margin-bottom:var(--space-6);font-size:64px}.auth-aside h2{font-size:var(--text-3xl);color:#fff;letter-spacing:-.02em;margin-bottom:var(--space-3);font-weight:800}.auth-aside p{color:#9099ad;line-height:var(--leading-relaxed)}.boards-page{padding:var(--space-8);padding-top:calc(var(--toolbar-height) + var(--space-8) + var(--space-3));margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--duration-slow) var(--ease-out)}.boards-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.boards-title{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:800}.boards-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-top:4px}.boards-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.boards-tree,.boards-skeletons{gap:var(--space-5);flex-direction:column;display:flex}.board-skeleton{border-radius:var(--radius-xl);border:1px solid var(--border);background:linear-gradient(90deg, var(--bg-card) 0%, var(--bg-tertiary) 50%, var(--bg-card) 100%);background-size:200% 100%;height:88px;animation:1.4s ease-in-out infinite boardSkeleton}@keyframes boardSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.board-group{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);transition:border-color var(--duration-fast) var(--ease-out)}.board-group:hover{border-color:var(--primary)}.board-group-head{align-items:center;gap:var(--space-3);cursor:pointer;border-radius:var(--radius-md);display:flex}.board-group-head:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.board-group-text{flex:1;min-width:0}.board-group-name{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);display:flex}.board-home-pill{font-size:var(--text-xs);background:var(--primary-alpha);color:var(--primary);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.board-group-meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.board-group-actions{gap:var(--space-2);opacity:1;transition:opacity var(--duration-fast) var(--ease-out);display:flex}@media (hover:hover) and (pointer:fine){.board-group-actions{opacity:0}.board-group:hover .board-group-actions,.board-group:focus-within .board-group-actions{opacity:1}}.board-subgrid{margin-top:var(--space-4);padding-left:var(--space-8);border-left:2px dashed var(--border);gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.board-subcard{padding:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:var(--space-2);transition:border-color var(--duration-fast) var(--ease-out);display:flex}.board-subcard:hover{border-color:var(--primary)}.board-subcard:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.board-subcard-text{flex:1;min-width:0}.board-subcard-name{font-weight:600;font-size:var(--text-sm)}.board-subcard-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.boards-empty{text-align:center;padding:var(--space-16) var(--space-6);border:1px dashed var(--border);border-radius:var(--radius-xl)}.boards-empty-mark{color:var(--text-tertiary);margin-bottom:var(--space-3)}.boards-empty h2{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:700}.boards-empty p{color:var(--text-secondary);font-size:var(--text-sm);max-width:380px;margin:0 auto var(--space-5);line-height:1.6}@media (max-width:720px){.boards-header{align-items:flex-start;gap:var(--space-4);flex-direction:column}.board-group-head{flex-wrap:wrap}.board-group-actions{opacity:1;width:100%}.board-subgrid{padding-left:var(--space-4)}}.board-preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);overflow:hidden}.board-preview-card:hover{border-color:var(--primary);background:var(--bg-tertiary)}.board-preview-thumb{background:var(--canvas-bg);height:160px;position:relative;overflow:hidden}.board-preview-info{padding:var(--space-4)}.board-preview-title{font-weight:600;font-size:var(--text-base);margin-bottom:var(--space-1)}.board-preview-meta{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:var(--space-3);display:flex}.board-new-card{border:2px dashed var(--border);border-radius:var(--radius-xl);cursor:pointer;min-height:220px;transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-out);color:var(--text-tertiary);justify-content:center;align-items:center;gap:var(--space-3);background:0 0;flex-direction:column;display:flex}.board-new-card:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-alpha)}.note-editor{padding:var(--space-3);min-height:60px;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary);cursor:text;word-wrap:break-word;outline:none}.note-editor:empty:before{content:"Type a note...";color:var(--text-tertiary)}.note-editor h1{font-size:var(--text-xl);margin-bottom:var(--space-2);font-weight:700}.note-editor h2{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:700}.note-editor h3{font-size:var(--text-md);margin-bottom:var(--space-1);font-weight:600}.note-editor ul,.note-editor ol{padding-left:var(--space-5);margin:var(--space-1) 0}.note-editor code{font-family:var(--font-mono);background:var(--bg-tertiary);border-radius:var(--radius-xs);padding:1px 4px;font-size:.85em}.note-format-bar{align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;animation:fadeIn var(--duration-fast) var(--ease-out);display:flex;position:absolute;top:-44px;left:50%;transform:translate(-50%)}.image-card-preview{aspect-ratio:4/3;object-fit:cover;border-radius:0 0 var(--radius-lg) var(--radius-lg);width:100%;display:block}.image-card-caption{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);border-top:1px solid var(--border-light)}.image-upload-zone{padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-3);color:var(--text-tertiary);font-size:var(--text-sm);border:2px dashed var(--border);border-radius:var(--radius-md);min-height:120px;margin:var(--space-3);transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);flex-direction:column;display:flex}.image-upload-zone.dragover{border-color:var(--primary);background:var(--primary-alpha);color:var(--primary)}.image-upload-zone.failed{border-color:var(--error);color:var(--error);background:color-mix(in srgb, var(--error) 6%, transparent)}.upload-retry{font-size:var(--text-xs);opacity:.75;text-decoration:underline}.image-card-shell{border-radius:inherit;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.card-upload-veil{justify-content:center;align-items:center;gap:var(--space-2);background:color-mix(in srgb, var(--bg-primary) 62%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:var(--text-xs);color:var(--text-secondary);border-radius:inherit;pointer-events:none;display:flex;position:absolute;inset:0}.card-upload-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite cardUploadSpin}@keyframes cardUploadSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.card-upload-spinner{animation-duration:2.4s}}.file-card{position:relative}.file-card-body{padding:var(--space-4);align-items:center;gap:var(--space-3);display:flex}.file-card-icon{font-size:var(--text-2xl);flex-shrink:0;line-height:1}.file-card-text{flex:1;min-width:0}.file-card-name{font-weight:500;font-size:var(--text-sm)}.file-card-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.pdf-card{flex-direction:column;height:100%;min-height:0;display:flex}.pdf-card-stage{background:var(--bg-secondary);min-height:0;padding:var(--space-2);flex:1;justify-content:center;align-items:flex-start;display:flex;overflow:auto}.pdf-card-page,.pdf-reader-page{justify-content:center;width:100%;display:flex}.pdf-canvas{border-radius:var(--radius-sm);max-width:100%;box-shadow:var(--shadow-sm);background:#fff;display:block}.pdf-card-loading,.pdf-card-error{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);padding:var(--space-6);text-align:center;flex-direction:column;margin:auto;display:flex}.pdf-card-error{color:var(--error)}.pdf-card-nav{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2);border-top:1px solid var(--border-light);font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0;display:flex}.pdf-card-page-input{text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);width:3.4em;color:var(--text-primary);font-size:var(--text-xs);appearance:textfield;padding:2px 4px}.pdf-card-page-input::-webkit-outer-spin-button{appearance:none;margin:0}.pdf-card-page-input::-webkit-inner-spin-button{appearance:none;margin:0}.pdf-card-page-total{color:var(--text-tertiary)}.pdf-reader{z-index:2000;animation:fadeIn var(--duration-fast) var(--ease-out);background:#000000e6;flex-direction:column;display:flex;position:fixed;inset:0}.pdf-reader-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-primary);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.pdf-reader-name{font-size:var(--text-sm);color:var(--text-primary);min-width:0;font-weight:500}.pdf-reader-tools{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.pdf-reader-count{font-size:var(--text-xs);color:var(--text-secondary);text-align:center;font-variant-numeric:tabular-nums;min-width:4.5em}.pdf-reader-stage{min-height:0;padding:var(--space-6);flex:1;justify-content:center;align-items:flex-start;display:flex;overflow:auto}.pdf-reader-page{max-width:900px}@media (max-width:720px){.pdf-reader-stage{padding:var(--space-3)}.pdf-reader-name{display:none}.pdf-reader-bar{justify-content:center}}.link-card-preview{flex-direction:column;display:flex}.link-card-image{object-fit:cover;width:100%;height:140px}.link-card-info{padding:var(--space-3)}.link-card-domain{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-2);display:flex}.link-card-domain img{border-radius:var(--radius-xs);flex-shrink:0;width:14px;height:14px}.link-card-domain span{min-width:0}.link-card-refresh{cursor:pointer;color:inherit;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);background:0 0;border:none;margin-left:auto;padding:0;display:inline-flex}.link-card-preview:hover .link-card-refresh,.link-card-refresh:focus-visible{opacity:1}@media (hover:none){.link-card-refresh{opacity:1}}.link-card-refresh+a{color:inherit;display:inline-flex}.spin{animation:.8s linear infinite cardUploadSpin}.link-card-empty{padding:var(--space-3)}.link-card-empty-head{padding:0 0 var(--space-2) 0;border:none}.link-card-status{text-align:center;padding:var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs)}.link-card-title{font-size:var(--text-sm);margin-bottom:var(--space-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.link-card-description{font-size:var(--text-xs);color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.task-list{padding:var(--space-2) var(--space-3)}.task-item{align-items:flex-start;gap:var(--space-2);padding:var(--space-1) 0;display:flex}.task-checkbox{border-radius:var(--radius-xs);border:2px solid var(--border);cursor:pointer;width:18px;height:18px;transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);color:#0000;background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:12px;display:flex}.task-checkbox:hover{border-color:var(--primary)}.task-checkbox.checked{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.task-text{font-size:var(--text-sm);width:100%;min-width:0;color:inherit;background:0 0;border:none;outline:none;flex:1;padding:1px 0;font-family:inherit;line-height:1.4}.task-count{color:var(--text-tertiary);font-weight:400;font-size:var(--text-xs)}.task-remove{opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.task-item:hover .task-remove,.task-remove:focus-visible{opacity:.6}.task-add{text-align:left;background:0 0;border:none;width:100%;font-family:inherit}.task-text.completed{color:var(--text-tertiary);text-decoration:line-through}.task-progress{background:var(--bg-tertiary);border-radius:var(--radius-full);height:3px;margin:var(--space-2) var(--space-3) var(--space-3);overflow:hidden}.task-progress-bar{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width var(--duration-normal) var(--ease-out)}.task-add{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);display:flex}.task-add:hover{color:var(--primary)}.color-swatch-preview{cursor:pointer;width:100%;height:100px;transition:height var(--duration-fast) var(--ease-out)}.color-swatch-info{padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;display:flex}.color-swatch-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer}.color-swatch-value:hover{color:var(--primary)}.code-card-header{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.code-card-lang{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary)}.code-card-body{padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre;tab-size:2;color:var(--text-primary);max-height:300px;line-height:1.6;overflow:auto}.code-card-body code{font-family:inherit}.video-card-embed{aspect-ratio:16/9;border-radius:0 0 var(--radius-lg) var(--radius-lg);border:none;width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-slide-down{animation:slideDown var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-spring)}.settings-page{padding:var(--space-8);padding-top:calc(var(--toolbar-height) + var(--space-8) + var(--space-3));margin-left:var(--sidebar-width);max-width:700px;transition:margin-left var(--duration-slow) var(--ease-out)}.settings-section{padding:var(--space-6) 0;border-bottom:1px solid var(--border)}.settings-section-title{font-size:var(--text-lg);margin-bottom:var(--space-1);padding-left:var(--space-3);border-left:3px solid var(--primary);font-weight:700;line-height:1.3}.settings-section-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-5);padding-left:calc(var(--space-3) + 3px)}.settings-section.last{border-bottom:none}.settings-title{font-size:var(--text-2xl);letter-spacing:-.02em;margin-bottom:var(--space-1);font-weight:800}.settings-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-8)}.settings-section-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.settings-form{gap:var(--space-4);flex-direction:column;max-width:420px;display:flex}.settings-form .input:disabled{opacity:.6;cursor:not-allowed}.settings-save{align-self:flex-start}.setting-row{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-4) 0;border-top:1px solid var(--border);display:flex}.setting-row:first-of-type{border-top:none}.setting-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.setting-row-label{font-size:var(--text-sm);font-weight:600}.setting-row-hint{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-relaxed)}.setting-choices{gap:var(--space-1);background:var(--bg-tertiary);border-radius:var(--radius-md);flex-shrink:0;padding:3px;display:flex}.setting-choice{align-items:center;gap:var(--space-2);padding:6px var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);background:0 0;border:none;font-weight:500;display:inline-flex}.setting-choice:hover{color:var(--primary)}.setting-choice.active{background:var(--bg-elevated);color:var(--primary);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--primary-edge)}.accent-swatches{gap:var(--space-2);flex-shrink:0;display:flex}.accent-swatch{border-radius:var(--radius-full);background:var(--swatch);color:#fff;cursor:pointer;width:26px;height:26px;transition:transform var(--duration-fast) var(--ease-out);border:2px solid #0000;justify-content:center;align-items:center;padding:0;display:flex}.accent-swatch:hover{transform:scale(1.12)}.accent-swatch.active{box-shadow:0 0 0 2px var(--bg-primary), 0 0 0 4px var(--swatch)}.settings-plan-card{padding:var(--space-5);background:var(--primary-faint);border:1px solid var(--primary-edge);border-radius:var(--radius-lg);max-width:420px}.settings-plan-name{text-transform:capitalize;margin-bottom:var(--space-1);color:var(--primary);font-weight:700}.settings-plan-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.settings-referral{justify-content:space-between;align-items:center;gap:var(--space-6);max-width:420px;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--primary-edge);display:flex}.settings-code{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.14em;color:var(--text-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);display:inline-flex}.settings-code:hover{border-color:var(--primary);color:var(--primary)}.settings-shortcut:hover .settings-shortcut-keys{color:var(--primary)}.settings-shortcuts{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.settings-shortcut{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex}.settings-shortcut-keys{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.settings-danger{margin:var(--space-2) 0 var(--space-5);padding:var(--space-4);border:1px solid var(--error);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--error) 6%, transparent);max-width:480px}.settings-danger p{margin:0 0 var(--space-3);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.settings-danger .input{font-family:var(--font-mono);letter-spacing:.02em}.settings-danger-actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.settings-legal-links{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.settings-legal-link{padding:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:inherit;flex-direction:column;gap:2px;text-decoration:none;display:flex}.settings-legal-link:hover{border-color:var(--border)}.settings-legal-link strong{font-size:var(--text-sm);font-weight:600}.settings-legal-link span,.settings-legal-foot{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-relaxed)}.settings-legal-foot a{color:var(--text-secondary)}.settings-section-desc kbd{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border);padding:2px 6px;font-size:11px}@media (max-width:640px){.setting-row{align-items:stretch;gap:var(--space-3);flex-direction:column}.setting-choices{align-self:flex-start}}.legal-shell{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.legal-header{border-bottom:1px solid var(--border-light);padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.legal-brand{align-items:center;gap:var(--space-2);color:var(--text-primary);font-weight:650;text-decoration:none;display:inline-flex}.legal-mark{border-radius:var(--radius-sm);background:var(--primary);color:#fff;width:24px;height:24px;font-size:var(--text-xs);place-items:center;display:grid}.legal-nav{gap:var(--space-1) var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.legal-nav a{color:var(--text-tertiary);text-decoration:none}.legal-nav a:hover{color:var(--text-primary)}.legal-main{max-width:720px;padding:var(--space-8) var(--space-6) var(--space-10);margin:0 auto}.legal-eyebrow{margin:0 0 var(--space-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-weight:600}.legal-doc h1{margin:0 0 var(--space-2);font-size:var(--text-3xl);line-height:1.15}.legal-updated{margin:0 0 var(--space-6);font-size:var(--text-sm);color:var(--text-tertiary)}.legal-lede{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.65}.legal-toc{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-secondary)}.legal-toc p{margin:0 0 var(--space-2);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-weight:600}.legal-toc ol{padding-left:var(--space-5);font-size:var(--text-sm);margin:0;line-height:1.9}.legal-toc a,.legal-doc a{color:var(--primary)}.legal-section{margin-top:var(--space-8);scroll-margin-top:var(--space-6)}.legal-section h2{margin:0 0 var(--space-3);font-size:var(--text-xl);line-height:1.3}.legal-section h3{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-base);font-weight:650}.legal-section p,.legal-list li{font-size:var(--text-md);color:var(--text-secondary);line-height:1.7}.legal-section p{margin:0 0 var(--space-4)}.legal-list{margin:0 0 var(--space-4);padding-left:var(--space-5)}.legal-list li{margin-bottom:var(--space-2)}.legal-table-wrap{margin:0 0 var(--space-5);overflow-x:auto}.legal-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:1.55}.legal-table th,.legal-table td{padding:var(--space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.legal-table thead th{color:var(--text-primary);white-space:nowrap;font-weight:650}.legal-table tbody th{color:var(--text-primary);width:30%;font-weight:600}.legal-index{margin:var(--space-6) 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.legal-index a{padding:var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition-property:border-color,background-color;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);text-decoration:none;display:block}.legal-index a:hover{border-color:var(--primary);background:var(--bg-secondary)}.legal-index strong{color:var(--text-primary);font-size:var(--text-base);display:block}.legal-index span{color:var(--text-tertiary);font-size:var(--text-sm)}.legal-footer{border-top:1px solid var(--border-light);padding:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--text-tertiary)}.legal-footer p{margin:0 0 var(--space-2)}.legal-footer a{color:var(--text-secondary)}.welcome-shell{background:var(--bg-primary);min-height:100vh}.welcome-main{max-width:660px;padding:var(--space-16) var(--space-6) var(--space-20);margin:0 auto}.welcome-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:var(--space-2)}.welcome-main h1{font-size:var(--text-3xl);margin-bottom:var(--space-3);line-height:1.15}.welcome-lede{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-10)}.welcome-steps{gap:var(--space-6);margin-bottom:var(--space-10);flex-direction:column;padding:0;list-style:none;display:flex}.welcome-steps li{gap:var(--space-4);display:flex}.welcome-step-num{border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border);width:26px;height:26px;font-size:var(--text-xs);color:var(--text-secondary);flex:none;place-items:center;font-weight:600;display:grid}.welcome-steps h2{font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:600}.welcome-steps p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.welcome-note{padding:var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.welcome-note h2{font-size:var(--text-base);margin-bottom:var(--space-2);font-weight:600}.welcome-note p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.welcome-note p+p{margin-top:var(--space-3)}.welcome-actions{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.welcome-foot{font-size:var(--text-xs);color:var(--text-tertiary)}.connect-main{padding-top:var(--space-10);max-width:520px}.connect-id{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-6)}.connect-id code{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border);padding:2px 6px;font-size:11px}.connect-error{font-size:var(--text-sm);color:var(--error);margin-bottom:var(--space-4)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}@media (max-width:768px){:root,body{--sidebar-width:0px}body:not([data-sidebar=expanded]) .sidebar{transform:translate(-100%)}body[data-sidebar=expanded] .sidebar{z-index:9999;width:260px;transform:translate(0);box-shadow:0 0 50px #0009}.boards-page,.settings-page{padding:var(--space-4);padding-top:calc(var(--toolbar-height) + var(--space-4));margin-left:0!important}.toolbar{left:var(--space-2);right:var(--space-2)}.pricing-grid{grid-template-columns:1fr}}.toolbar-title{align-items:center;gap:var(--space-2);flex:0 auto;min-width:0;display:flex}.toolbar-title-icon{font-size:var(--text-lg);flex-shrink:0;line-height:1}.toolbar-title-input{border-radius:var(--radius-sm);font-weight:700;font-size:var(--text-base);color:var(--text-primary);text-overflow:ellipsis;width:180px;min-width:44px;transition:border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;outline:none;padding:4px 6px}.toolbar-title-input:hover{border-color:var(--border)}.toolbar-title-input:focus{border-color:var(--primary)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.toolbar-menu-anchor{position:relative}.toolbar-dropdown{min-width:220px;padding:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-context-menu);animation:menuIn var(--duration-fast) var(--ease-out);position:absolute;top:calc(100% + 8px);left:0}.toolbar-dropdown-scroll{max-height:360px;overflow-y:auto}.toolbar-appearance{width:264px}.toolbar-swatches{min-width:0;max-width:232px;padding:0 var(--space-2) var(--space-1);flex-wrap:wrap;gap:6px;display:flex}.toolbar-swatch{border:1px solid var(--border);cursor:pointer;width:24px;height:24px;transition:transform var(--duration-fast) var(--ease-out);border-radius:50%}.toolbar-swatch:hover{transform:scale(1.15)}.toolbar-zoom-value{min-width:52px;font-family:var(--font-mono);font-size:var(--text-xs);justify-content:center}.toolbar-placing{align-items:center;gap:var(--space-2);background:var(--primary-alpha);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--primary);white-space:nowrap;padding:4px 12px;font-weight:600;display:flex}.toolbar-placing button{color:inherit;cursor:pointer;background:0 0;border:none;font-size:12px}.save-indicator{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:6px;display:flex}.save-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.save-saving .save-dot{background:var(--warning);animation:pulseDot 1s var(--ease-out) infinite}.save-saved .save-dot{background:var(--success)}.save-error{color:var(--error)}.save-error .save-dot{background:var(--error)}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}.canvas-connections{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.connection-hitbox{pointer-events:stroke;cursor:pointer}.canvas-empty{pointer-events:none;padding:var(--space-6);place-items:center;display:grid;position:absolute;inset:0}.canvas-empty-inner{pointer-events:auto;align-items:center;gap:var(--space-3);text-align:center;max-width:460px;animation:fadeIn var(--duration-normal) var(--ease-out);flex-direction:column;display:flex}.canvas-empty-icon{color:var(--primary);opacity:.8;font-size:34px}.canvas-empty-title{font-size:var(--text-xl);color:var(--text-primary);margin:0;font-weight:700}.canvas-empty-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.canvas-empty-grid{justify-content:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.canvas-empty-chip{font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);align-items:center;gap:6px;padding:8px 14px;display:flex}.canvas-empty-chip:hover{color:var(--text-primary);border-color:var(--primary);background:var(--bg-tertiary)}.canvas-empty-chip-icon{font-size:var(--text-base);line-height:1}.palette-overlay{background:var(--bg-overlay);z-index:var(--z-modal-backdrop);animation:fadeIn var(--duration-fast) var(--ease-out);justify-content:center;align-items:flex-start;padding-top:14vh;display:flex;position:fixed;inset:0}.palette{width:min(620px, calc(100vw - var(--space-6)));background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);max-height:62vh;box-shadow:var(--shadow-xl);animation:slideDown var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.palette-search{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);display:flex}.palette-search-icon{color:var(--text-tertiary);font-size:var(--text-sm)}.palette-input{font-size:var(--text-base);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.palette-input::placeholder{color:var(--text-tertiary)}.palette-esc{border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-tertiary);font-size:10px;font-family:var(--font-mono);padding:2px 6px}.palette-list{padding:var(--space-2);overflow-y:auto}.palette-group{padding:var(--space-2) var(--space-3) 4px;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-weight:700}.palette-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:none;font-family:inherit;display:flex}.palette-item.active{background:var(--primary-alpha)}.palette-item-icon{text-align:center;flex-shrink:0;width:20px}.palette-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.palette-item-hint,.palette-item-key{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);flex-shrink:0}.palette-empty{padding:var(--space-6);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.shortcuts-modal{max-width:720px;width:min(720px, calc(100vw - var(--space-6)));max-height:80vh;padding:var(--space-5);overflow-y:auto}.shortcuts-grid{gap:var(--space-5);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.shortcuts-section-title{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 var(--space-2);font-weight:700}.shortcuts-row{justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);padding:5px 0;display:flex}.shortcuts-keys{flex-shrink:0;gap:4px;display:flex}.modal-close{color:var(--text-tertiary);cursor:pointer;font-size:var(--text-base);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px}.modal-close:hover{color:var(--text-primary);background:var(--primary-alpha)}kbd{min-width:20px;font-family:var(--font-mono);text-align:center;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);border-bottom-width:2px;padding:2px 6px;font-size:11px;line-height:1.4;display:inline-block}.toast-icon{flex-shrink:0;place-items:center;display:grid}.toast-message{flex:1}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--primary)}.board-status{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-6);color:var(--text-secondary);background:var(--bg-base,var(--bg-elevated));flex-direction:column;display:flex;position:fixed;inset:0}.board-status h2{font-size:var(--text-xl);color:var(--text-primary);margin:0}.board-status p{font-size:var(--text-sm);max-width:380px;margin:0}.board-status-mark{color:var(--text-tertiary)}.board-status-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.note-editor:empty:before{content:attr(data-placeholder);color:var(--text-tertiary);pointer-events:none}.table-card{flex-direction:column;height:100%;min-height:0;display:flex}.table-card-scroll{flex:1;min-height:0;overflow:auto}.table-card table{border-collapse:collapse;table-layout:fixed;width:100%}.table-card td{border:1px solid var(--border-light);padding:0}.table-card td input{width:100%;padding:var(--space-1) var(--space-2);font:inherit;font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:0;min-width:0}.table-card td input:focus{outline:2px solid var(--primary);outline-offset:-2px;background:var(--bg-card)}.table-card-head td{background:var(--bg-secondary)}.table-card-head td input{color:var(--text-primary);font-weight:600}.table-card-controls{gap:var(--space-1);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.shape-card{width:100%;height:100%;position:relative}.shape-card-body{pointer-events:none;position:absolute;inset:0}.shape-card-label{text-align:center;width:100%;font:inherit;font-weight:600;font-size:var(--text-base);color:var(--text-primary);padding:var(--space-2);background:0 0;border:0;position:absolute;inset:0}.shape-card-label:focus{outline:none}.shape-card-toolbar,.divider-card-toolbar{top:calc(100% + var(--space-2));align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);white-space:nowrap;z-index:var(--z-card-dragging);display:flex;position:absolute;left:50%;transform:translate(-50%)}.shape-card-toolbar input[type=color],.progress-card-inputs input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:24px;height:24px;padding:0}.shape-card-toolbar input[type=range]{width:72px}.callout-card{gap:var(--space-2);border-left:3px solid var(--callout-accent,var(--primary));background:color-mix(in srgb, var(--callout-accent,var(--primary)) 8%, transparent);border-radius:var(--radius-sm);height:100%;padding:var(--space-2) var(--space-3);flex-direction:column;display:flex}.callout-card-head{align-items:center;gap:var(--space-2);display:flex}.callout-card-emoji{font-size:var(--text-lg);line-height:1}.callout-card-tones{gap:4px;margin-left:auto;display:flex}.callout-tone{border-radius:var(--radius-full);cursor:pointer;border:2px solid #0000;width:14px;height:14px;padding:0}.callout-tone.active{border-color:var(--text-primary)}.callout-card-text{resize:none;font:inherit;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary);background:0 0;border:0;flex:1;min-height:0}.callout-card-text:focus{outline:none}.quote-card{gap:var(--space-2);height:100%;padding-left:var(--space-6);flex-direction:column;margin:0;display:flex;position:relative}.quote-card-mark{color:var(--primary);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:40px;line-height:1;position:absolute;top:-6px;left:0}.quote-card-text{resize:none;font:inherit;font-size:var(--text-md);font-style:italic;line-height:var(--leading-relaxed);color:var(--text-primary);background:0 0;border:0;flex:1;min-height:0}.quote-card-author{font:inherit;font-size:var(--text-sm);color:var(--text-secondary);background:0 0;border:0}.quote-card-text:focus,.quote-card-author:focus{outline:none}.progress-card{gap:var(--space-2);flex-direction:column;justify-content:center;height:100%;display:flex}.progress-card-head{align-items:baseline;gap:var(--space-2);display:flex}.progress-card-label{min-width:0;font:inherit;font-weight:600;font-size:var(--text-base);color:var(--text-primary);background:0 0;border:0;flex:1}.progress-card-label:focus{outline:none}.progress-card-value{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-lg);color:var(--text-primary)}.progress-card-track{border-radius:var(--radius-full);background:var(--bg-tertiary);height:10px;overflow:hidden}.progress-card-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-normal) var(--ease-out)}.progress-card-inputs{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.progress-card-inputs input[type=number]{width:64px;padding:2px var(--space-1);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font:inherit;font-size:var(--text-xs);color:var(--text-primary)}.divider-card{align-items:center;gap:var(--space-3);width:100%;height:100%;display:flex;position:relative}.divider-card-rule{border-top:2px solid var(--border);flex:1;height:0}.divider-card-label{text-align:center;font:inherit;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);background:0 0;border:0;min-width:0;font-weight:600}.divider-card-label:focus{color:var(--text-primary);outline:none}.embed-card{flex-direction:column;height:100%;min-height:0;display:flex}.embed-card-empty{justify-content:center;align-items:stretch;gap:var(--space-2);text-align:center}.embed-card-hint{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.embed-card-input{width:100%;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);font:inherit;font-size:var(--text-sm);color:var(--text-primary)}.embed-card-bar{align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);display:flex}.embed-card-domain{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-xs);color:var(--text-tertiary);flex:1;overflow:hidden}.embed-card-actions{gap:var(--space-1);display:flex}.embed-card-frame{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-secondary);flex:1;width:100%;min-height:0}.audio-card{gap:var(--space-2);flex-direction:column;justify-content:center;height:100%;display:flex}.audio-card-head{align-items:center;gap:var(--space-2);color:var(--text-secondary);display:flex}.audio-card-head input{min-width:0;font:inherit;font-weight:600;font-size:var(--text-base);color:var(--text-primary);background:0 0;border:0;flex:1}.audio-card-head input:focus{outline:none}.audio-card-player{width:100%;height:34px}.audio-card-upload{align-self:flex-start}.countdown-card{gap:var(--space-2);flex-direction:column;justify-content:center;height:100%;display:flex}.countdown-card-label{font:inherit;font-weight:600;font-size:var(--text-base);color:var(--text-primary);background:0 0;border:0}.countdown-card-label:focus{outline:none}.countdown-card-clock{gap:var(--space-3);display:flex}.countdown-card-clock.past{opacity:.55}.countdown-unit{flex-direction:column;align-items:center;line-height:1.1;display:flex}.countdown-unit strong{font-size:var(--text-2xl);font-variant-numeric:tabular-nums;color:var(--text-primary)}.countdown-unit em{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-style:normal}.countdown-card-empty{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.countdown-card-past{font-size:var(--text-xs);color:var(--error);margin:0;font-weight:600}.countdown-card-date{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);padding:2px var(--space-2);font:inherit;font-size:var(--text-xs);color:var(--text-secondary)}.canvas-card.locked{cursor:default}.card-lock-badge{border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border);width:20px;height:20px;box-shadow:var(--shadow-sm);pointer-events:none;place-items:center;font-size:10px;display:grid;position:absolute;top:-10px;left:-10px}.canvas-container.presenting{background:var(--bg-secondary)}.present-dimmed{opacity:.18;filter:saturate(.4);transition:opacity var(--duration-slow) var(--ease-out)}.present-bar{bottom:var(--space-6);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-xl);z-index:var(--z-modal);max-width:min(90vw,640px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.present-position{font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.present-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);color:var(--text-primary);flex:1;font-weight:600;overflow:hidden}.present-divider{background:var(--border);width:1px;height:20px}.search-panel{top:calc(var(--toolbar-height) + var(--space-4));right:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);width:320px;max-height:min(70vh,520px);box-shadow:var(--shadow-xl);z-index:var(--z-modal);flex-direction:column;display:flex;position:fixed;overflow:hidden}.search-panel-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-light);color:var(--text-tertiary);display:flex}.search-panel-bar input{min-width:0;font:inherit;font-size:var(--text-base);color:var(--text-primary);background:0 0;border:0;flex:1}.search-panel-bar input:focus{outline:none}.search-panel-count{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-tertiary)}.search-panel-filters{gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-light);flex-wrap:wrap;display:flex}.search-chip{padding:2px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);background:0 0}.search-chip:hover{background:var(--bg-secondary)}.search-chip.active{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.search-panel-results{min-height:0;padding:var(--space-1);flex:1;overflow-y:auto}.search-panel-empty{padding:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.search-result{align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.search-result:hover,.search-result.active{background:var(--bg-secondary)}.search-result-icon{font-size:var(--text-sm);line-height:1.4}.search-result-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-snippet{font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-snippet mark{background:color-mix(in srgb, var(--warning) 45%, transparent);color:inherit;border-radius:var(--radius-xs)}.search-result-type{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-size:10px}.inspector{top:var(--toolbar-height);gap:var(--space-3);width:268px;padding:var(--space-3);background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:var(--z-toolbar);flex-direction:column;display:flex;position:fixed;bottom:0;right:0;overflow-y:auto}.inspector-head{align-items:center;gap:var(--space-2);display:flex}.inspector-head h3{font-size:var(--text-base);color:var(--text-primary);flex:1;margin:0}.inspector-empty{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.inspector-section{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-light);flex-direction:column;display:flex}.inspector-section:first-of-type{border-top:0;padding-top:0}.inspector-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:700}.inspector-row{align-items:center;gap:var(--space-2);display:flex}.inspector-row-label{width:76px;font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0}.inspector-row-control{flex:1;min-width:0;display:flex}.inspector-row-control input,.inspector-row-control select{width:100%;min-width:0;padding:4px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font:inherit;font-size:var(--text-xs);color:var(--text-primary)}.inspector-rotate{align-items:center;gap:var(--space-2);width:100%;min-width:0;display:flex}.inspector-rotate input[type=range]{flex:1;min-width:0}.inspector-row-control .inspector-number{text-align:right;font-variant-numeric:tabular-nums;flex:0 0 56px;width:56px}.inspector-unit{font-size:var(--text-xs);color:var(--text-tertiary)}.inspector-rotate-steps{flex-wrap:wrap;gap:4px;width:100%;display:flex}.inspector-rotate-steps .btn{font-variant-numeric:tabular-nums;min-width:0;padding:2px 6px;font-size:11px}.inspector-swatches{gap:var(--space-2);grid-template-columns:repeat(6,1fr);display:grid}.inspector-swatch{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring);padding:0}.inspector-swatch:hover{transform:scale(1.12)}.inspector-swatch-none{color:var(--text-tertiary);background:var(--bg-secondary);place-items:center;font-size:11px;display:grid}.inspector-swatch-none:after{content:"⊘"}.inspector-buttons{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.inspector-danger{color:var(--error)}.inspector-danger:hover{background:color-mix(in srgb, var(--error) 12%, transparent)}.canvas-container.drop-active{outline:2px dashed var(--primary);outline-offset:-8px}.drop-overlay{background:color-mix(in srgb, var(--primary) 8%, transparent);pointer-events:none;z-index:var(--z-card-dragging);place-items:center;display:grid;position:absolute;inset:0}.drop-overlay-inner{align-items:center;gap:var(--space-1);padding:var(--space-6) var(--space-8);border-radius:var(--radius-xl);background:var(--bg-elevated);box-shadow:var(--shadow-xl);text-align:center;flex-direction:column;display:flex}.drop-overlay-inner strong{font-size:var(--text-md);color:var(--text-primary)}.drop-overlay-inner span{font-size:var(--text-sm);color:var(--text-tertiary)}.drop-overlay-icon{font-size:var(--text-2xl);color:var(--primary)}.upload-pill{bottom:var(--space-6);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--text-secondary);z-index:var(--z-toolbar);display:flex;position:absolute;left:50%;transform:translate(-50%)}.upload-pill-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.toolbar-dropdown-right{left:auto;right:0}.toolbar-more{width:300px;max-width:calc(100cqw - var(--space-4));padding:var(--space-1)}.toolbar-more-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:min(70vh,460px);padding:var(--space-1);overflow-y:auto}.toolbar-more-group+.toolbar-more-group{border-top:1px solid var(--border);margin-top:2px;padding-top:2px}.toolbar-more-back{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-bottom:1px solid var(--border);color:var(--text-secondary);font-family:inherit;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;margin-bottom:2px;font-weight:600;display:flex}.toolbar-more-back:hover{color:var(--primary)}.menu-item-chevron{color:var(--text-tertiary);flex-shrink:0;margin-left:auto}@container toolbar (max-width:1400px){.tb-label{display:none}.toolbar-btn{padding-inline:var(--space-2);gap:0}.toolbar{gap:2px}.toolbar-divider{margin:0 var(--space-1)}}@container toolbar (max-width:1280px){.tb-p3{display:none}}@container toolbar (max-width:1040px){.tb-p2{display:none}}@container toolbar (max-width:820px){.tb-p1{display:none}}@container toolbar (max-width:640px){.toolbar{padding:0 var(--space-2)}.toolbar-divider,.save-indicator .save-label{display:none}.toolbar .toolbar-menu-anchor{position:static}.toolbar .toolbar-dropdown{left:var(--space-2);right:var(--space-2);width:auto;max-width:none;top:calc(100% + 6px)}}@container toolbar (max-width:460px){.toolbar-zoom-value,.save-indicator{display:none}.toolbar-title-input{min-width:24px}}@container toolbar (min-width:1281px){.tb-overflow{display:none}}@media (max-width:720px){.inspector{width:100%}.search-panel{left:var(--space-3);right:var(--space-3);width:auto}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}