@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/material-icons.woff2) format('woff2')}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}:root{--primary:#007bff;--primary-dark:#0056b3;--primary-light:rgba(0, 123, 255, 0.1);--primary-hover:#0069d9;--secondary:#667eea;--secondary-dark:#764ba2;--accent-blue:#2196f3;--ios-blue:#007AFF;--success:#10B981;--danger:#EF4444;--warning:#F59E0B;--info:#3B82F6;--highlight-yellow:#fef3c7;--highlight-green:#d1fae5;--highlight-blue:#d3e5ef;--highlight-purple:#e8deee;--highlight-pink:#f5e0e9;--highlight-red:#fbe4e4;--highlight-gray:#e5e5e5;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--bg-primary:#ffffff;--bg-secondary:#f7f7f7;--bg-tertiary:#F3F4F6;--hover-bg:rgba(0, 0, 0, 0.05);--text-primary:#1a1a1a;--text-secondary:#666666;--text-muted:#adb5bd;--border-primary:#e0e0e0;--border-light:#f0f0f0;--border-dark:#D1D5DB;--gradient-primary:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);--gradient-hero:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);--gradient-cta:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);--gradient-spark:linear-gradient(135deg, #FFD700 0%, #FFC700 100%);--gradient-template:linear-gradient(135deg, #4A90E2 0%, #357ABD 100%);--gradient-pack:linear-gradient(135deg, #7B68EE 0%, #6A5ACD 100%);--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 25px rgba(0, 0, 0, 0.15);--shadow-xl:0 20px 40px rgba(0, 0, 0, 0.2);--spacing-none:0rem;--spacing-2xs:0.25rem;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:500;--z-mini-menu:10200;--z-mini-menu-dragging:100300;--z-modal:100000;--z-toast:100100;--z-tooltip:100200;--header-height:64px;--sidebar-width:260px;--sidebar-collapsed-width:64px;--resizer-height:12px;--resizer-border-width:1px;--resizer-color:var(--border-primary);--resizer-hover-color:var(--text-muted);--resizer-active-color:var(--text-primary);--timer-progress-active:#a0cff1;--timer-progress-inactive:#f0f0f0;--border-color:var(--border-primary);--main-bg:var(--bg-primary);--secondary-bg:var(--bg-secondary);--primary-color:var(--primary);--text-color:var(--text-primary);--text-muted-color:var(--text-muted)}body.no-transition,body.no-transition *,body.no-transition ::after,body.no-transition ::before{transition:none!important}body.dark-mode{--primary:#4db8ff;--primary-dark:#3a9bdb;--primary-light:rgba(77, 184, 255, 0.1);--primary-hover:#66c2ff;--accent-blue:#42a5f5;--ios-blue:#0A84FF;--accent-purple:#667eea;--dm-bg-main:#1e1e1e;--dm-bg-secondary:#2d2d2d;--dm-bg-tertiary:#3a3a3a;--dm-border:#3d3d3d;--dm-border-light:#4d4d4d;--dm-text:#e0e0e0;--dm-text-muted:#a0a0a0;--dm-hover:rgba(255, 255, 255, 0.1);--dm-accent:#667eea;--dm-focus-shadow:0 0 0 3px rgba(102, 126, 234, 0.3);--bg-primary:#1e1e1e;--bg-secondary:#2d2d2d;--bg-tertiary:#3a3a3a;--hover-bg:rgba(255, 255, 255, 0.1);--text-primary:#e0e0e0;--text-secondary:#aaaaaa;--text-muted:#a0a0a0;--border-primary:#3d3d3d;--border-light:#4d4d4d;--border-dark:#2d2d2d;--gray-50:#1F2937;--gray-100:#374151;--gray-200:#4B5563;--gray-300:#6B7280;--gray-400:#9CA3AF;--gray-500:#D1D5DB;--gray-600:#E5E7EB;--gray-700:#F3F4F6;--gray-800:#F9FAFB;--gray-900:#FFFFFF;--resizer-color:#3d3d3d;--resizer-hover-color:#a0a0a0;--resizer-active-color:#e0e0e0;--timer-progress-active:#4db8ff;--timer-progress-inactive:#2d2d2d}:root{--touch-target-min:32px;--mobile-padding:8px;--mobile-font-size:14px;--sparkbar-bottom:auto;--column-direction:row;--column-min-width:50px}@media (pointer:coarse){:root{--touch-target-min:44px;--mobile-padding:12px;--mobile-font-size:16px}}@media (max-width:768px) and (pointer:coarse){:root{--sparkbar-bottom:calc(70px + env(safe-area-inset-bottom));--column-direction:column;--column-min-width:100%}}:root{--loading-spin-speed:1s;--loading-dot-speed:1.4s;--loading-pulse-speed:1.5s;--loading-shimmer-speed:1.5s;--loading-dot-size:8px;--loading-spinner-size:24px;--loading-color:var(--primary, #6366F1);--loading-bg:rgba(255, 255, 255, 0.9);--loading-shimmer-bg:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dotPulse{0%,100%,80%{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideInFromRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutToRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes dotFade{0%,100%,70%{opacity:.15}35%{opacity:1}}.animate-spin{animation:spin var(--loading-spin-speed) linear infinite}.animate-pulse{animation:pulse var(--loading-pulse-speed) ease-in-out infinite}.animate-shimmer{animation:shimmer var(--loading-shimmer-speed) linear infinite;background:var(--loading-shimmer-bg);background-size:200% 100%}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-out{animation:fadeOut .3s ease-out}@media (prefers-color-scheme:dark){:root{--loading-bg:rgba(30, 30, 30, 0.9);--loading-shimmer-bg:linear-gradient(90deg, #2a2a2a 25%, #3a3a3a 50%, #2a2a2a 75%)}}.dark-mode{--loading-bg:rgba(30, 30, 30, 0.9);--loading-shimmer-bg:linear-gradient(90deg, #2a2a2a 25%, #3a3a3a 50%, #2a2a2a 75%)}@media (prefers-reduced-motion:reduce){.animate-fade-in,.animate-fade-out,.animate-pulse,.animate-shimmer,.animate-spin,.loading-dots span,.loading-pulse,.loading-skeleton,.loading-spinner,[class*=loading-]{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}body,html{height:100%;margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.7;display:flex;flex-direction:column;background-color:var(--secondary-bg);color:var(--text-color);overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted-color)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.hidden{display:none!important}main{flex-grow:1;display:flex;overflow:hidden}.column-container{display:flex;flex-direction:column;background-color:var(--main-bg);position:relative;flex:1 1 0;min-width:50px;overflow:hidden;border-right:1px solid var(--border-color)}.column-container:first-child{border-left:1px solid var(--border-color)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gray-900);z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:loading-fade-in .3s ease-out}body.loaded .loading-screen{opacity:0;transition:opacity .5s cubic-bezier(.4, 0, .2, 1);pointer-events:none}@keyframes loading-fade-in{0%{opacity:0;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}#main-content{position:relative;display:flex;flex-direction:row;align-items:stretch;gap:0}footer,header{flex-shrink:0;background-color:var(--main-bg);min-height:40px;height:60px;box-sizing:border-box;display:flex;flex-direction:column;position:relative}header{border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}footer{height:40px;border-bottom:1px solid var(--border-color);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}footer .editor-wrapper,header .editor-wrapper{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.footer-editor,.header-editor{width:100%;padding:12px 16px;outline:0;border:none;background:0 0;color:var(--text-color);font-family:inherit;font-size:inherit;line-height:1.5;overflow:hidden;white-space:pre-wrap;word-wrap:break-word}.footer-editor:empty:before,.header-editor:empty:before{content:attr(data-placeholder);color:var(--text-muted-color);opacity:.6}.board-selector{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 12px;height:100%;white-space:nowrap;position:relative}.board-selector label{color:var(--text-muted-color);font-size:.85em;font-weight:600}.header-resizer{position:absolute;bottom:0;left:0;right:0;height:var(--resizer-height);cursor:ns-resize;border-bottom:var(--resizer-border-width) solid var(--resizer-color);transition:border-color .2s ease;z-index:1000}.header-resizer:hover{border-bottom-color:var(--resizer-hover-color)}.footer-resizer{position:absolute;top:0;left:0;right:0;height:var(--resizer-height);cursor:ns-resize;border-top:var(--resizer-border-width) solid var(--resizer-color);transition:border-color .2s ease;z-index:1000}.footer-resizer:hover{border-top-color:var(--resizer-hover-color)}.header-resizer.active{border-bottom-color:var(--resizer-active-color)}.footer-resizer.active{border-top-color:var(--resizer-active-color)}body.resizing-vertical{cursor:ns-resize!important;user-select:none}.column-resizer{position:absolute;top:0;bottom:0;width:12px;margin-left:-6px;cursor:col-resize;background:0 0;transition:background-color .2s;z-index:100;left:100%}.column-resizer::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1px;height:30px;background:var(--border-color);border-radius:.5px;transition:all .2s}.column-resizer:hover{background:0 0}.column-resizer:hover::before{background:var(--text-muted-color);height:50px;width:1px}.column-resizer.active{background:0 0}.column-resizer.active::before{background:var(--text-color);height:100%;width:1px}body.resizing-horizontal{cursor:col-resize!important;user-select:none}body.resizing-horizontal *{cursor:col-resize!important}.column-footer-wrapper,.column-header-wrapper{display:none;min-height:60px;max-height:150px;width:100%;position:relative;pointer-events:auto}.column-footer-wrapper.show,.column-header-wrapper.show{display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden}.column-footer-resizer,.column-header-resizer{display:none}.column-header-wrapper.show+.column-header-resizer{display:block}.column-footer,.column-header{width:100%;padding:8px;outline:0;border:none;background:0 0;color:var(--text-color);font-size:14px;line-height:1.5;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;pointer-events:auto}.column-footer:empty:before,.column-header:empty:before{content:attr(data-placeholder);color:var(--text-muted-color);opacity:.6}body.resizing-vertical *{cursor:ns-resize!important;user-select:none}.gutter{background-color:var(--resizer-color);background-repeat:no-repeat;background-position:50%;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);transition:background-color .2s ease}.gutter.gutter-horizontal{cursor:col-resize;min-width:2px;width:2px}.gutter.gutter-horizontal:hover{background-color:var(--resizer-hover-color);transform:scaleX(2)}#boardSelect{background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-color);padding:4px 8px;border-radius:var(--radius-sm);font-size:.85em;cursor:pointer;transition:all .2s ease}#boardSelect:hover{background-color:var(--main-bg);box-shadow:var(--shadow-md)}.theme-toggle{background:0 0;border:none;color:var(--text-muted-color);cursor:pointer;font-size:18px;padding:4px;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--secondary-bg);color:var(--text-color);transform:scale(1.1)}body.dark-mode{background-color:var(--secondary-bg)}body.dark-mode .theme-toggle:hover{background:var(--secondary-bg)}.split{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.gutter.gutter-horizontal,.split{float:left;height:100%}#container{display:flex;height:100%;width:100%;overflow:hidden}.editor-content{flex-grow:1;overflow-y:auto;position:relative}.footer-content,.header-content{position:relative;flex-grow:1;overflow:hidden}.show{display:block!important}.premium-badge{font-size:.7em;background:var(--gradient-hero);color:var(--text-primary);padding:2px 6px;border-radius:var(--radius-md);margin-left:4px;vertical-align:middle;font-weight:500}.craft-card-wrapper{position:relative;width:100%;height:100vh;background:var(--gray-200);padding:16px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box}.craft-card{width:calc(100% - 0px);max-width:calc(100vw - 32px);height:calc(100vh - 32px);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:inset 0 2px 4px rgba(0,0,0,.06),inset 0 0 0 1px rgba(0,0,0,.04);overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.craft-card-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.craft-card-content .ai-chat-modal{position:absolute!important;bottom:20px!important;right:20px!important;top:auto!important;left:auto!important;max-height:calc(100% - 40px)!important}.craft-card-content .ai-chat-toggle{position:absolute!important;bottom:20px!important;right:20px!important;top:auto!important;left:auto!important}@media (max-width:768px){.craft-card-wrapper{padding:8px}.craft-card{border-radius:var(--radius-md);height:calc(100vh - 16px)}}body.dark-mode .craft-card-wrapper{background:var(--bg-primary)}body.dark-mode .craft-card{background:var(--gray-800);box-shadow:inset 0 2px 4px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.05)}.btn-primary{background:var(--gradient-primary);color:var(--text-primary);border:none;padding:12px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-premium{background:var(--gradient-hero);color:var(--text-primary);border:none;padding:16px 32px;border-radius:var(--radius-md);font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.btn-premium:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.btn-premium:hover:before{left:100%}.btn-premium:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.board-btn{padding:4px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--main-bg);color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.board-btn:hover{background:var(--primary-color);color:var(--text-primary);border-color:var(--primary-color)}.board-btn.premium{background:var(--gradient-hero);color:var(--text-primary);border:none}.control-panel-toggle{position:fixed;left:10px;top:70px;background:var(--main-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;z-index:10001;display:flex;align-items:center;gap:var(--spacing-sm);transition:all .3s ease;box-shadow:var(--shadow-sm)}.control-panel-toggle:hover{transform:translateX(2px);box-shadow:var(--shadow-md)}.control-panel-toggle svg{width:16px;height:16px}.auth-section{display:flex;align-items:center;gap:var(--spacing-md)}.user-profile{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);transition:background-color .2s ease}.user-profile:hover{background-color:rgba(0,0,0,.05)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:600;font-size:var(--font-size-base)}.user-name{font-size:var(--font-size-base);font-weight:500;color:var(--text-color)}.auth-btn{padding:var(--spacing-sm) 20px;border-radius:var(--radius-sm);font-weight:500;font-size:var(--font-size-base);cursor:pointer;transition:all .2s ease;border:none}.login-btn{background:0 0;color:var(--text-color);border:1px solid var(--border-color)}.login-btn:hover{background:var(--secondary-bg);border-color:var(--text-color)}.signup-btn{background:var(--primary-color);color:var(--text-primary)}.signup-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.plan-card{background:var(--main-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all .3s ease;position:relative;height:100%;display:flex;flex-direction:column;backdrop-filter:blur(10px)}.plan-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.plan-card.featured{border:2px solid var(--primary-color);background:linear-gradient(135deg,rgba(16,163,127,.05),rgba(16,163,127,.02));box-shadow:var(--shadow-xl)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--primary-color);color:var(--text-primary);padding:var(--spacing-xs) 16px;border-radius:var(--radius-lg);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--shadow-sm)}.plan-price{font-size:42px;font-weight:700;margin:16px 0;color:var(--primary-color);line-height:1}.plan-features{list-style:none;padding:0;margin:16px 0;text-align:left;flex-grow:1}.plan-features li{padding:var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;color:var(--text-color);border-bottom:1px solid rgba(0,0,0,.05)}.plan-features li:last-child{border-bottom:none}.plan-features .check{color:var(--primary-color);font-weight:600;font-size:14px}.plan-features .cross{color:var(--text-muted-color);font-weight:500;font-size:14px}.sync-status{display:flex;align-items:center;gap:6px;color:var(--text-secondary,#666)}.sync-status .sync-icon{font-size:18px;transition:color .3s ease}.sync-status .sync-icon.synced{color:#10b981}.sync-status .sync-icon.syncing{color:#3b82f6;animation:spin 1s linear infinite}.sync-status .sync-icon.offline{color:#9ca3af}.sync-status .sync-icon.error{color:#ef4444}.sync-status .sync-label{color:var(--text-muted,#888);font-size:12px}.participants-indicator{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid var(--border-color,rgba(0,0,0,.1))}.participant-avatars{display:flex;align-items:center}.participant-avatars .avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border:2px solid var(--bg-secondary,#fff);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-primary);font-weight:600}.participant-avatars .avatar:first-child{margin-left:0}.participant-count{color:var(--text-muted,#888);font-size:12px}.share-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--primary-color,#10a37f);color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all .2s ease}.share-btn:hover{background:var(--primary-hover,#0d8a6a);transform:scale(1.05)}.share-btn .material-icons{font-size:18px}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;transition:opacity .3s ease}.share-modal-overlay.show{display:flex;opacity:1}.share-modal{background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.2);width:90%;max-width:480px;max-height:90vh;overflow:hidden;transform:scale(.95);transition:transform .3s ease}.share-modal-overlay.show .share-modal{transform:scale(1)}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color,#e5e7eb)}.share-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary,#1f2937)}.share-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:0 0;color:var(--text-secondary,#6b7280);border-radius:8px;cursor:pointer;transition:all .2s ease}.share-modal-close:hover{background:var(--hover-bg,#f3f4f6);color:var(--text-primary,#1f2937)}.share-modal-body{padding:24px;overflow-y:auto;max-height:calc(90vh - 160px)}.share-section{margin-bottom:24px}.share-section:last-child{margin-bottom:0}.share-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:var(--text-primary,#1f2937)}.share-section-header .material-icons{font-size:20px;color:var(--text-secondary,#6b7280)}.share-link-row{display:flex;gap:8px}.share-link-input{flex:1;padding:10px 14px;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;font-size:13px;font-family:monospace;background:var(--bg-secondary,#f9fafb);color:var(--text-primary,#1f2937)}.share-copy-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--border-color,#e5e7eb);background:var(--bg-primary,#fff);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary,#6b7280)}.share-copy-btn:hover{background:var(--hover-bg,#f3f4f6);color:var(--primary-color,#10a37f)}.share-toggle-row{display:flex;align-items:center;gap:12px;padding:8px 0}.share-toggle{position:relative;width:44px;height:24px;cursor:pointer}.share-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-tertiary,#e5e7eb);border-radius:12px;transition:all .3s ease}.toggle-slider:before{content:'';position:absolute;width:20px;height:20px;left:2px;top:2px;background:var(--bg-primary);border-radius:50%;transition:all .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.2)}.share-toggle input:checked+.toggle-slider{background:var(--primary-color,#10a37f)}.share-toggle input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-label{color:var(--text-secondary,#6b7280);font-size:14px}.share-permission-select{width:100%;padding:10px 14px;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;font-size:14px;background:var(--bg-primary,#fff);color:var(--text-primary,#1f2937);cursor:pointer}.participants-list{display:flex;flex-direction:column;gap:8px}.participant-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-secondary,#f9fafb);border-radius:10px}.participant-item .participant-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.participant-item .participant-avatar .material-icons{font-size:20px}.participant-info{flex:1}.participant-name{display:block;font-weight:500;color:var(--text-primary,#1f2937);font-size:14px}.participant-role{display:block;font-size:12px;color:var(--text-muted,#9ca3af)}.share-modal-footer{padding:16px 24px;border-top:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:flex-end}.share-done-btn{padding:10px 24px;background:var(--primary-color,#10a37f);color:var(--text-primary);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.share-done-btn:hover{background:var(--primary-hover,#0d8a6a)}@media (prefers-color-scheme:dark){.share-modal{background:#1e1e1e}.share-modal-header{border-color:rgba(255,255,255,.1)}.share-link-input{background:#2a2a2a;border-color:rgba(255,255,255,.1);color:var(--text-primary)}.participant-item{background:#2a2a2a}}.dark .share-modal,[data-theme=dark] .share-modal{background:#1e1e1e}.dark .share-modal-header,[data-theme=dark] .share-modal-header{border-color:rgba(255,255,255,.1)}.dark .share-link-input,[data-theme=dark] .share-link-input{background:#2a2a2a;border-color:rgba(255,255,255,.1);color:var(--text-primary)}.dark .participant-item,[data-theme=dark] .participant-item{background:#2a2a2a}#modal.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:var(--z-modal)}#modal.modal-overlay.active{display:flex}#modal .modal-content.history-only-modal{background:var(--main-bg);border-radius:var(--radius-lg,12px);width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl,0 25px 50px -12px rgba(0,0,0,.25));overflow:hidden}#modal .command-main.history-only{display:flex;flex-direction:column;height:100%;width:100%}#modal .command-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}#modal .command-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-color)}#modal .modal-close-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--secondary-bg);color:var(--text-muted-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}#modal .modal-close-btn:hover{background:var(--hover-bg,#e0e0e0);color:var(--text-color)}#modal .modal-close-btn .material-icons{font-size:20px}#modal .command-body{flex:1;overflow-y:auto;padding:16px 20px}#modal .history-only-modal .command-body{padding:0}[data-theme=dark] #modal .modal-content.history-only-modal,body.dark-mode #modal .modal-content.history-only-modal{background:var(--main-bg)}[data-theme=dark] #modal .modal-close-btn,body.dark-mode #modal .modal-close-btn{background:var(--secondary-bg)}[data-theme=dark] #modal .modal-close-btn:hover,body.dark-mode #modal .modal-close-btn:hover{background:#444}.ProseMirror{height:100%;min-height:200px;padding:8px;outline:0;overflow-y:auto;line-height:1.6;cursor:text;position:relative;pointer-events:auto}.ProseMirror strong{font-weight:700}.ProseMirror em{font-style:italic}.ProseMirror u{text-decoration:underline}.ProseMirror s{text-decoration:line-through}.ProseMirror code{background-color:rgba(135,131,120,.15);color:#eb5757;border-radius:3px;font-size:85%;padding:.2em .4em;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace}.ProseMirror p{margin:0}.ProseMirror>p:first-child:last-child:empty::before{content:'';display:inline-block;min-height:1.6em}.ProseMirror p+p{margin-top:.5em}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{margin:.2em 0;line-height:1.2}.ProseMirror h2,.ProseMirror h3{border-bottom:1px solid var(--border-color);padding-bottom:4px}.ProseMirror blockquote{margin:.5em 0;padding:.5em 1em;background-color:rgba(0,0,0,.04);border-radius:4px;color:var(--text-secondary,#555)}body.dark-mode .ProseMirror blockquote{background-color:rgba(255,255,255,.08);color:var(--text-secondary,#bbb)}.ProseMirror pre{margin:.5em 0;padding:1em;background-color:#1e1e1e;border-radius:6px;overflow-x:auto}.ProseMirror pre code{background:0 0;color:#d4d4d4;padding:0;font-size:.9em;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace;white-space:pre}.ProseMirror table{border-collapse:collapse;margin:.5em 0;width:100%}.ProseMirror td,.ProseMirror th{border:1px solid var(--border-color,#ddd);padding:.5em .75em;text-align:left}.ProseMirror th{background-color:rgba(0,0,0,.05);font-weight:600}body.dark-mode .ProseMirror th{background-color:rgba(255,255,255,.1)}.ProseMirror hr{border:none;border-top:2px solid var(--border-color,#ddd);margin:1em 0}.ProseMirror ul[data-type=taskList]{list-style:none;padding-left:0;margin:.5em 0}.ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:.5em;margin:.25em 0}.ProseMirror ul[data-type=taskList] li>label{display:flex;align-items:flex-start;gap:.5em;cursor:pointer}.ProseMirror ul[data-type=taskList] li input[type=checkbox]{margin-top:.25em;cursor:pointer;accent-color:var(--primary-color,#5c85d6)}.ProseMirror ul[data-type=taskList] li[data-checked=true] span{text-decoration:line-through;color:var(--text-muted,#999)}.ProseMirror:focus{outline:0}.ProseMirror a{color:#5c85d6;text-decoration:underline;font-style:italic;cursor:pointer;transition:color .15s ease}.ProseMirror a:hover{color:#3d6bc7}.ProseMirror a.no-blue{color:inherit}.ProseMirror a.no-italic{font-style:normal}.ProseMirror a.no-underline{text-decoration:none}.link-preview-tooltip{position:absolute;z-index:10010;background:var(--bg-primary);border:1px solid #dadce0;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);padding:10px;font-size:13px;max-width:272px;min-width:220px;pointer-events:auto}.link-preview-tooltip .link-preview-ogp-image{width:100%;height:110px;object-fit:cover;border-radius:4px;margin-bottom:8px;background:var(--bg-secondary);border:1px solid #dadce0}.link-preview-tooltip .link-preview-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.link-preview-tooltip .link-preview-favicon{width:14px;height:14px;border-radius:2px;object-fit:contain;flex-shrink:0}.link-preview-tooltip .link-preview-title{font-weight:600;color:#202124;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1}.link-preview-tooltip .link-preview-description{color:#5f6368;font-size:10px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px}.link-preview-tooltip .link-preview-url-row{display:flex;align-items:center;gap:8px;border-top:1px solid #e8e8e8;padding-top:6px}.link-preview-tooltip .link-preview-url{color:#1a73e8;font-size:10px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.link-preview-tooltip .link-preview-url:hover{text-decoration:underline}.link-preview-tooltip .link-action-icon{width:14px;height:14px;color:#9aa0a6;cursor:pointer;flex-shrink:0;transition:color .15s;display:flex;align-items:center;justify-content:center}.link-preview-tooltip .link-action-icon svg{width:14px;height:14px}.link-preview-tooltip .link-action-icon:hover{color:#5f6368}.link-preview-tooltip .link-action-icon.remove:hover{color:#d93025}.link-preview-tooltip .link-preview-loading{color:#5f6368;font-size:11px;text-align:center;padding:6px 0}ul[data-type=taskList]{list-style:none;padding:0;margin:.5em 0}li[data-type=taskItem]{display:flex;align-items:flex-start;gap:10px;margin:8px 0;padding:4px 0;position:relative;transition:background-color .2s ease;border-radius:var(--radius-sm)}li[data-type=taskItem] label{flex-shrink:0;cursor:pointer;margin-top:2px;position:relative}li[data-type=taskItem] label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color);border-radius:var(--radius-sm);transition:all .2s ease}li[data-type=taskItem] label input[type=checkbox]:hover{transform:scale(1.1)}li[data-type=taskItem] div{flex-grow:1;line-height:1.5;transition:all .2s ease}li[data-type=taskItem][data-checked=true]>div{text-decoration:line-through;color:var(--text-muted-color);opacity:.5;transition:opacity .2s ease}li[data-type=taskItem]:hover{background-color:var(--hover-bg);padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px}.fallback-textarea,.fallback-textarea-footer,.fallback-textarea-header{width:100%;height:100%;border:none;outline:0;resize:none;font-family:inherit;font-size:14px;line-height:1.6;padding:8px;background-color:transparent;color:var(--text-color);box-sizing:border-box}.fallback-textarea-footer:focus,.fallback-textarea-header:focus,.fallback-textarea:focus{outline:0}.fallback-textarea-header{height:30px;font-size:.9em;line-height:1.2;padding:8px}.fallback-textarea-footer{height:30px;font-size:.9em;line-height:1.2;padding:8px}.fallback-textarea-footer::placeholder,.fallback-textarea-header::placeholder,.fallback-textarea::placeholder{color:var(--text-muted-color);opacity:.7;font-size:.75em}.column-editor{flex:1;min-height:200px;line-height:inherit;position:relative;z-index:5}.column-header-resizer{width:100%;height:6px;cursor:ns-resize;border-bottom:var(--resizer-border-width) solid var(--resizer-color);transition:border-color .2s ease;z-index:10;pointer-events:auto}.column-header-resizer:hover{border-bottom-color:var(--resizer-hover-color)}.column-header-resizer.active{border-bottom-color:var(--resizer-active-color)}.column-footer-resizer{width:100%;height:0;cursor:ns-resize;border-top:var(--resizer-border-width) solid var(--resizer-color);transition:border-color .2s ease;z-index:10;pointer-events:auto}.column-footer-resizer:hover{border-top-color:var(--resizer-hover-color)}.column-footer-resizer.active{border-top-color:var(--resizer-active-color)}.column-footer-area,.column-header-area{position:relative;min-height:50px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:8px;pointer-events:auto}.column-footer-area{border-bottom:none;border-top:1px solid var(--border-color)}.footer-content,.header-content{width:100%;display:flex;align-items:center;position:relative}.header-footer-color-picker{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color);cursor:pointer;opacity:.5;transition:opacity .2s;pointer-events:auto}.header-footer-color-picker:hover{opacity:1}.column-rerun-btn{display:none;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:none;background:0 0;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s,background-color .2s;align-items:center;justify-content:center;z-index:10}.column-rerun-btn .material-icons{font-size:14px;color:var(--text-tertiary,#999)}.column-header-wrapper.agent-executed .column-rerun-btn{display:flex}.column-header-wrapper.agent-executed:hover .column-rerun-btn{opacity:1}.column-rerun-btn:hover{background:var(--bg-tertiary,#f0f0f0)}.column-rerun-btn:hover .material-icons{color:var(--text-secondary,#666)}@media (hover:none){.column-header-wrapper.agent-executed .column-rerun-btn{opacity:.7}}.column-rerun-btn.rerunning .material-icons{animation:spin 1s linear infinite}.column-container:focus,.column-container:focus-within,.column-editor:focus,.column-editor:focus-within,.editor-content:focus,.editor-content:focus-within,[contenteditable=true]:focus,[contenteditable]:focus{outline:0!important;box-shadow:none!important;border-color:var(--border-color)!important}.column-container{position:relative}.char-counter{font-size:12px;color:var(--text-muted-color);user-select:none;transition:opacity .2s;background:0 0;padding:2px 6px;border-radius:var(--radius-sm);text-align:right;margin-right:20px;pointer-events:auto}.char-counter:hover{opacity:.8}.dark-mode .char-counter{background:0 0;color:var(--text-color)}.column-container.draggable{cursor:move}.column-container.dragging{opacity:.5}.column-container.drag-over{border:2px dashed var(--primary-color)}.drag-handle{position:absolute;top:5px;left:5px;width:20px;height:20px;cursor:move;opacity:.3;transition:opacity .2s;z-index:10}.drag-handle:hover{opacity:.8}.drag-handle::before{content:'⋮⋮';font-size:12px;color:var(--text-muted-color)}.timer-status{display:none}body.dark-mode #timer-display-container,body.dark-mode .timer-display-area{background:rgba(40,40,40,.95);border-color:#444}body.dark-mode #timer-display-container:hover,body.dark-mode .timer-display-area:hover{background:rgba(50,50,50,.95)}.countdown-timer{display:none}.progress-bars{display:none}.progress-bar{display:none}.ai-popup{position:absolute;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px;display:flex;gap:4px;z-index:1000;border:1px solid var(--border-primary)}.ai-popup-button{padding:6px 12px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:12px;background:var(--secondary-bg);color:var(--text-primary);transition:all .2s ease;display:flex;align-items:center;gap:4px;white-space:nowrap}.ai-popup-button:hover{background:var(--hover-bg);transform:translateY(-1px)}.ai-popup-button:active{transform:translateY(0)}.ai-popup-button.loading{opacity:.7;cursor:not-allowed}.ai-chat-panel{width:300px;height:100vh;position:fixed;right:-300px;top:0;background:var(--secondary-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;z-index:999;transition:right .3s ease}.ai-chat-panel.open{right:0}.ai-chat-messages{flex:1;overflow-y:auto;padding:16px}.ai-chat-input-area{padding:16px;border-top:1px solid var(--border-color);background:var(--main-bg)}.ai-chat-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;resize:none;height:80px}.ai-chat-buttons{display:flex;gap:8px;margin-top:12px}.ai-chat-send{padding:8px 16px;background:var(--primary-color);color:var(--text-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:background .2s ease}.ai-chat-send:hover{background:var(--primary-dark)}.ai-chat-clear{padding:8px 16px;background:var(--danger);color:var(--text-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:background .2s ease}.ai-chat-clear:hover{background:var(--danger-dark)}.dark-mode .ai-popup{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark-mode .ai-popup-button{background:var(--bg-secondary);color:var(--text-primary)}.dark-mode .ai-popup-button:hover{background:var(--bg-tertiary)}.dark-mode .ai-chat-panel{background:var(--bg-tertiary);border-left-color:var(--border-primary)}.dark-mode .ai-chat-input-area{background:var(--bg-secondary);border-top-color:var(--border-primary)}.dark-mode .ai-chat-input{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.dark-mode .ai-chat-messages{background:var(--bg-tertiary)}.column-settings-icon{position:absolute;bottom:6px;right:5px;font-size:0px;color:var(--text-muted-color);cursor:pointer;user-select:none;transition:opacity .2s,transform .2s;background:0 0;padding:0;z-index:10;pointer-events:auto}.column-settings-icon:hover{opacity:.8;transform:scale(1.1)}.dark-mode .column-settings-icon{background:0 0;color:var(--text-color)}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:14px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.column-settings-icon .material-icons{font-size:14px}.main-footer-settings-icon,.main-header-settings-icon{position:absolute;right:8px;font-size:0px;color:var(--text-muted-color);cursor:pointer;user-select:none;transition:opacity .2s,transform .2s;background:0 0;padding:0;z-index:10;pointer-events:auto}.main-header-settings-icon{bottom:16px}.main-footer-settings-icon{bottom:8px}.main-footer-settings-icon:hover,.main-header-settings-icon:hover{opacity:.8;transform:scale(1.1)}.main-footer-settings-icon .material-icons,.main-header-settings-icon .material-icons{font-size:16px}.dark-mode .main-footer-settings-icon,.dark-mode .main-header-settings-icon{background:0 0;color:var(--text-color)}.main-footer-settings-menu,.main-header-settings-menu{position:fixed;background:rgba(255,255,255,.85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md,8px);box-shadow:0 2px 10px rgba(0,0,0,.1),0 4px 20px rgba(0,0,0,.05);padding:10px;display:none;z-index:99999;width:200px;font-size:.8rem;animation:mainSettingsFadeIn .2s ease}@keyframes mainSettingsFadeIn{from{opacity:0}to{opacity:1}}.main-footer-settings-menu.show,.main-header-settings-menu.show{display:block}.main-settings-submenu-content{display:flex;flex-direction:column;width:100%;overflow:hidden}.main-settings-row{display:flex;align-items:center;padding:8px 10px;border-radius:6px;transition:background .15s}.main-settings-row:hover{background:var(--bg-secondary)}.main-settings-row .row-label{flex:1;font-size:13px;color:var(--text-primary)}.main-settings-row .row-icons{display:flex;gap:8px;align-items:center}.main-settings-row .row-icons .material-icons{font-size:18px;cursor:pointer;color:#666;opacity:.7;transition:opacity .15s,color .15s}.main-settings-row .row-icons .material-icons:hover{opacity:1;color:#1a73e8}.main-settings-row .row-icons .material-icons.active{opacity:1;color:#1a73e8}.dark-mode .main-footer-settings-menu,.dark-mode .main-header-settings-menu{background:rgba(30,30,30,.85);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px rgba(0,0,0,.3),0 2px 10px rgba(0,0,0,.2)}.dark-mode .main-settings-row:hover{background:rgba(255,255,255,.1)}.dark-mode .main-settings-row .row-label{color:var(--text-muted)}.dark-mode .main-settings-row .row-icons .material-icons{color:#aaa}.dark-mode .main-settings-row .row-icons .material-icons.active,.dark-mode .main-settings-row .row-icons .material-icons:hover{color:#8ab4f8}.column-settings-menu{position:fixed;background:rgba(255,255,255,.85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md,8px);box-shadow:0 2px 10px rgba(0,0,0,.1),0 4px 20px rgba(0,0,0,.05);padding:10px;display:none;z-index:99999;width:200px;font-size:.8rem;animation:columnSettingsFadeIn .2s ease}@keyframes columnSettingsFadeIn{from{opacity:0}to{opacity:1}}.column-settings-menu.show{display:block}.column-settings-submenu-content{display:flex;flex-direction:column;width:100%;overflow:hidden}.column-settings-row{display:flex;align-items:center;padding:8px 10px;border-radius:6px;transition:background .15s}.column-settings-row:hover{background:var(--bg-secondary)}.column-settings-row .row-label{flex:1;font-size:13px;color:var(--text-primary)}.column-settings-row .row-icons{display:flex;gap:8px;align-items:center}.column-settings-row .row-icons .material-icons{font-size:20px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:background .15s,color .15s}.column-settings-row .row-icons .material-icons:hover{background:var(--bg-secondary);color:var(--text-primary)}.column-settings-row .icon-visibility.active{color:#666}.column-settings-row .icon-visibility.hidden-state{color:#ccc}.column-settings-row .icon-palette:hover{color:#2196f3}.column-settings-row .icon-counter.active{color:#666}.column-settings-row .icon-counter.hidden-state{color:#ccc;position:relative}.column-settings-row .icon-counter.hidden-state::after{content:'';position:absolute;top:50%;left:5px;right:5px;height:1px;background:#999;transform:translateY(-50%) rotate(45deg)}.color-palette-popup{position:absolute;background:var(--bg-primary);border-radius:4px;padding:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:100000;display:none;width:272px}.color-palette-popup.show{display:block}.color-reset-row{display:flex;align-items:center;gap:8px;padding:6px 4px;margin-bottom:8px;cursor:pointer;border-radius:4px}.color-reset-row:hover{background:var(--bg-secondary)}.color-reset-row .reset-icon{width:20px;height:20px;background:linear-gradient(135deg,#fff 45%,#ccc 45%,#ccc 55%,#fff 55%);border:1px solid #ddd;border-radius:2px}.color-reset-row span{font-size:13px;color:var(--text-primary)}.color-palette-grid{display:grid;grid-template-columns:repeat(10,22px);gap:2px;margin-bottom:12px}.color-swatch{width:22px;height:22px;border-radius:50%;cursor:pointer;border:none;transition:transform .1s,box-shadow .1s;box-sizing:border-box}.color-swatch:hover{transform:scale(1.15);box-shadow:0 0 0 2px rgba(0,0,0,.2)}.color-swatch.selected{box-shadow:0 0 0 2px #1a73e8}.color-swatch.selected::after{content:'✓';display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;color:var(--text-primary);text-shadow:0 0 2px rgba(0,0,0,.5)}.color-section-title{display:flex;align-items:center;gap:8px;font-size:11px;color:#5f6368;padding:4px 0;margin-bottom:4px}.color-section-title .edit-icon{font-size:16px;color:#5f6368;cursor:pointer}.color-standard-grid{display:flex;gap:4px;margin-bottom:12px}.color-standard-grid .color-swatch{width:22px;height:22px}.color-custom-grid{display:flex;gap:4px;align-items:center}.color-custom-grid .color-swatch{width:22px;height:22px}.color-add-btn{width:22px;height:22px;border-radius:50%;border:1px dashed #ccc;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#999}.color-add-btn:hover{border-color:#666;color:#666}.color-eyedropper{font-size:18px;color:#5f6368;cursor:pointer;margin-left:auto}.color-eyedropper:hover{color:var(--text-primary)}.column-settings-separator{height:1px;background:rgba(0,0,0,.08);margin:6px 0}.column-settings-group-title{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.5px;padding:8px 10px 4px;font-weight:600}.dark-mode .column-settings-menu{background:rgba(30,30,30,.85);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px rgba(0,0,0,.3),0 2px 10px rgba(0,0,0,.2)}.dark-mode .column-settings-sub-button{color:var(--text-muted)}.dark-mode .column-settings-sub-button:hover{background:rgba(255,255,255,.1)}.dark-mode .column-settings-sub-button>.material-icons:first-child{color:#aaa}.dark-mode .column-settings-separator{background:rgba(255,255,255,.1)}.dark-mode .column-settings-group-title{color:#777}.dark-mode .column-settings-row:hover{background:rgba(255,255,255,.1)}.dark-mode .column-settings-row .row-label{color:var(--text-muted)}.dark-mode .column-settings-row .row-icons .material-icons{color:#aaa}.dark-mode .column-settings-row .row-icons .material-icons:hover{background:rgba(255,255,255,.15);color:var(--text-primary)}.dark-mode .column-settings-row .icon-visibility.hidden-state{color:#555}.dark-mode .color-palette-popup{background:rgba(30,30,30,.95);border:1px solid rgba(255,255,255,.15)}.dark-mode .color-reset-btn{background:rgba(255,255,255,.1);color:#aaa}.dark-mode .color-reset-btn:hover{background:rgba(255,255,255,.15)}.dynamic-tooltip{position:fixed;background:var(--bg-secondary);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);font-size:11px;white-space:nowrap;z-index:99999;pointer-events:none;opacity:0;transition:opacity .15s}.dynamic-tooltip.show{opacity:1}.dynamic-tooltip.multiline{white-space:pre-line;max-width:300px}.drag-handle-column{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);cursor:grab;opacity:.3;z-index:10;background:rgba(255,255,255,.9);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:4px 7px 3px 9px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--text-muted-color);user-select:none;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1px;width:14px;height:9px;transition:opacity .2s;pointer-events:auto}.drag-handle-column span{width:3px;height:3px;background:var(--text-muted-color);border-radius:50%;display:block}.drag-handle-column:active{cursor:grabbing}.column-container:hover .drag-handle-column{opacity:.6}.column-container.dragging .drag-handle-column{opacity:1}.column-container.dragging{opacity:.4!important;transform:scale(.98)!important;box-shadow:0 12px 30px rgba(0,0,0,.4)!important;border:2px dashed #999!important;transition:none!important}.column-container.drag-over-left::after{content:'';position:absolute;top:0;bottom:0;left:-3px;width:6px;background:#999;z-index:1000;animation:pulse-drag .6s infinite;box-shadow:0 0 10px rgba(0,0,0,.3)}.column-container.drag-over-right::after{content:'';position:absolute;top:0;bottom:0;right:-3px;width:6px;background:#999;z-index:1000;animation:pulse-drag .6s infinite;box-shadow:0 0 10px rgba(0,0,0,.3)}@keyframes pulse-drag{0%,100%{opacity:1;transform:scaleX(1)}50%{opacity:.6;transform:scaleX(1.2)}}.search-highlight{background-color:#ffeb3b;color:#000;border-radius:2px;padding:1px 0}.search-highlight-current{background-color:#ff9800;color:#000;border-radius:2px;padding:1px 0;font-weight:500;box-shadow:0 0 0 2px rgba(255,152,0,.3)}body.dark-mode .search-highlight{background-color:#fdd835;color:#000}body.dark-mode .search-highlight-current{background-color:#ff9800;color:#000;box-shadow:0 0 0 2px rgba(255,152,0,.5)}.ProseMirror .editor-image{max-width:100%;height:auto;display:block;margin:8px 0;border-radius:4px;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.ProseMirror .editor-image:hover{box-shadow:0 2px 8px rgba(0,0,0,.15)}.ProseMirror .editor-image.ProseMirror-selectednode{border:2px solid #999;box-sizing:border-box}.ProseMirror.drag-over{background-color:rgba(0,123,255,.05);outline:2px dashed var(--primary-color,#007bff);outline-offset:-2px}.ProseMirror .editor-image-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:image-loading-shimmer 1.5s infinite;min-height:100px;border-radius:4px}@keyframes image-loading-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}body.dark-mode .ProseMirror .editor-image:hover{box-shadow:0 2px 8px rgba(0,0,0,.4)}body.dark-mode .ProseMirror.drag-over{background-color:rgba(77,184,255,.1);outline-color:var(--primary-color,#4db8ff)}body.dark-mode .ProseMirror .editor-image-loading{background:linear-gradient(90deg,#2d2d2d 25%,#3d3d3d 50%,#2d2d2d 75%);background-size:200% 100%}body.user-logged-in .auth-only-logged-out{display:none!important}body.user-logged-in .auth-only-logged-in{display:block!important}body.user-logged-out .auth-only-logged-out,body:not(.user-logged-in) .auth-only-logged-out{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}body.user-logged-out .auth-only-logged-in,body:not(.user-logged-in) .auth-only-logged-in{display:none!important}.auth-only-logged-out .mini-menu-sub-button{width:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:16px 12px!important;margin:0!important;gap:4px!important}.auth-action-btn{background:var(--mm-bg-hover)!important;border-radius:8px!important}:root{--mm-primary:#007AFF;--mm-primary-light:rgba(0, 122, 255, 0.1);--mm-text:#333;--mm-text-muted:#999;--mm-bg:#fff;--mm-bg-hover:#f5f5f5;--mm-border:rgba(0, 0, 0, 0.1);--mm-border-active:rgba(0, 0, 0, 0.2);--mm-submenu-padding:8px;--mm-item-radius:6px}body.dark-mode{--mm-primary:#4db8ff;--mm-primary-light:rgba(77, 184, 255, 0.15);--mm-text:#e0e0e0;--mm-text-muted:#888;--mm-bg:#2d2d2d;--mm-bg-hover:#3d3d3d;--mm-border:rgba(255, 255, 255, 0.1);--mm-border-active:rgba(255, 255, 255, 0.25)}.mini-menu-button-container.highlight .mini-menu-main-button{animation:highlight-pulse 1.5s ease-in-out}@keyframes highlight-pulse{0%,100%{transform:scale(1);filter:brightness(1);background-color:rgba(255,255,255,.8)}50%{transform:scale(1.1);filter:brightness(1.2);background-color:rgba(255,223,0,.3)}}#timer-button-container.timer-running .mini-menu-main-button .material-icons{position:relative}#timer-button-container.timer-running .mini-menu-main-button .material-icons::after{content:'';position:absolute;top:-2px;right:-2px;width:3px;height:3px;background:#34c759;border-radius:50%}.voice-recording-indicator{display:none;position:absolute;top:4px;right:4px;width:3px;height:3px;background:#ff3b30;border-radius:50%}#voice-input-container.voice-recording .voice-recording-indicator{display:block}#voice-input-container.voice-preparing .voice-recording-indicator{display:block;background:#fbbf24;animation:voice-preparing-blink .5s ease-in-out infinite}@keyframes voice-preparing-blink{0%,100%{opacity:1}50%{opacity:.3}}@keyframes voice-size-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes blink{0%,50%{opacity:1}100%,51%{opacity:0}}#voice-input-btn.recording .voice-icon{animation:voice-size-pulse 1.5s ease-in-out infinite;color:#f44}#voice-input-btn.recording{background-color:rgba(255,68,68,.15)}.mini-menu-dock,.mini-menu-dock *{box-sizing:border-box}.mini-menu-action-buttons>*,.mini-menu-ai-action-group>*,.mini-menu-column-grid>*,.mini-menu-control-buttons>*,.mini-menu-language-options>*,.mini-menu-preset-chips>*,.mini-menu-share-buttons>*,.mini-menu-text-format-group>*,.mini-menu-tone-options>*{width:100%;margin:0}.mini-menu-dock{position:fixed!important;top:auto!important;bottom:20px!important;left:20px!important;display:flex!important;gap:4px;align-items:center;background:rgba(255,255,255,.9);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:5px;padding-left:21px;padding-right:5px;border-radius:10px 12px 12px 10px;box-shadow:0 2px 10px rgba(0,0,0,.1),0 4px 20px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.08);z-index:var(--z-mini-menu)!important;cursor:default;transition:none;width:auto;height:46px;visibility:visible!important}.mini-menu-drag-handle{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:14px;height:16px;cursor:grab;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:1px;padding:0 2px;opacity:.3;transition:opacity .2s;pointer-events:auto;z-index:10}.mini-menu-drag-handle:hover{opacity:.6}.mini-menu-drag-handle:active{cursor:grabbing}.mini-menu-drag-handle span{width:3px;height:3px;background:#666;border-radius:50%;display:block}.mini-menu-dock.dragging{cursor:grabbing!important;opacity:.8!important;will-change:transform;z-index:var(--z-mini-menu-dragging)!important}.mini-menu-dock.dragging *{pointer-events:none;cursor:grabbing!important}.mini-menu-dock.top-half .mini-menu-submenu{bottom:auto;top:46px}.mini-menu-button-container{position:relative;z-index:calc(var(--z-mini-menu) + 2)}.mini-menu-main-button{width:36px;height:36px;background:rgba(255,255,255,.8);border-radius:10px;cursor:pointer!important;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#333;position:relative;border:2px solid rgba(0,0,0,.06);pointer-events:auto!important;z-index:calc(var(--z-mini-menu) + 1)}.mini-menu-main-button:hover{background:#f5f5f5;color:#000}.mini-menu-main-button.keyboard-active{background:#f5f5f5;color:#000}.mini-menu-button-container:has(.mini-menu-submenu.show-sub-submenu) .mini-menu-main-button{background:#f5f5f5;color:#000}.mini-menu-main-button.active{background:#f5f5f5}.mini-menu-main-button i{font-size:var(--font-size-base)}.mini-menu-main-button .mini-menu-custom-icon{width:20px;height:20px}.mini-menu-submenu{position:absolute;bottom:46px;left:0;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-md);box-shadow:0 2px 10px rgba(0,0,0,.1),0 4px 20px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.08);padding:var(--mm-submenu-padding);display:none;z-index:calc(var(--z-mini-menu) + 3);width:auto;font-size:.8rem}.mini-menu-submenu.has-slide{padding:0}.mini-menu-submenu-ai.has-slide,.mini-menu-submenu-edit.has-slide,.mini-menu-submenu-layout.has-slide,.mini-menu-submenu-settings.has-slide,.mini-menu-submenu-share.has-slide,.mini-menu-submenu-sheet.has-slide,.mini-menu-submenu-text.has-slide,.mini-menu-submenu-timer{padding:0;overflow:hidden}.mini-menu-submenu::after{content:'';position:absolute;bottom:-10px;left:0;right:0;height:10px;background:0 0}.mini-menu-button-container.active .mini-menu-submenu{display:block!important;animation:miniMenuFadeIn .2s ease}@keyframes miniMenuFadeIn{from{opacity:0}to{opacity:1}}.mini-menu-sub-button{width:100%;padding:6px 10px;border:none;background:0 0;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);transition:all .15s;color:#333;font-size:var(--font-size-xs);white-space:nowrap;text-align:left;position:relative;overflow:visible;min-height:32px}.mini-menu-sub-button>i:first-child{width:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mini-menu-sub-button>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.mini-menu-sub-button .toggle-check{display:flex!important;align-items:center;justify-content:center;font-size:18px;color:#9ca3af;margin-left:auto;flex-shrink:0;opacity:1!important;visibility:visible!important}.mini-menu-sub-submenu-content>button,.mini-menu-submenu-content>button{width:100%}.mini-menu-sub-button:hover{background:var(--mm-bg-hover,rgba(0,0,0,.05))}.mini-menu-sub-button.has-submenu:hover{transform:none}.sub-submenu-detail .mini-menu-action-btn{width:100%;margin-top:12px}.mini-menu-preset-chips-3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.mini-menu-submenu-wrapper{display:flex;width:200%;transition:transform .3s ease}.mini-menu-submenu:has(.mini-menu-submenu-wrapper){overflow:hidden}.mini-menu-submenu-content{width:100%;flex-shrink:0}.mini-menu-submenu-wrapper .mini-menu-submenu-content{width:50%;padding:var(--mm-submenu-padding);box-sizing:border-box;background:var(--mm-submenu-bg,#fff)}.mini-menu-sub-submenu-content{width:calc(50% + 2px);padding:var(--mm-submenu-padding);flex-shrink:0;background:var(--mm-submenu-bg,#fff);box-sizing:border-box;margin-left:-2px}.mini-menu-submenu.show-sub-submenu .mini-menu-submenu-wrapper{transform:translateX(-50%)}.mini-menu-back-button{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;margin-bottom:var(--spacing-xs);cursor:pointer;transition:all .15s;display:block;text-align:left;border:none;background:0 0;width:100%;border-radius:var(--mm-item-radius)}.mini-menu-back-button:hover{color:#333;background:var(--mm-bg-hover)}.mini-menu-sub-button.has-submenu .submenu-arrow{font-size:16px;color:#999;opacity:.5;margin-left:auto;margin-right:0;flex-shrink:0;transition:transform .2s ease}.mini-menu-separator{height:1px;background:rgba(0,0,0,.08);margin:6px 0}.mini-menu-group-title{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.5px;padding:2px 10px;margin-bottom:4px}.mini-menu-back-button.highlighted,.mini-menu-column-btn.highlighted,.mini-menu-format-btn.highlighted,.mini-menu-layout-hf-btn.highlighted,.mini-menu-main-button.highlighted,.mini-menu-preset-chip.highlighted,.mini-menu-sub-button.highlighted,.mini-menu-theme-btn.highlighted{background:rgba(0,122,255,.1)!important;box-shadow:inset 0 0 0 2px #007aff!important}.mini-menu-shortcut-key{color:#999;font-size:10px;font-family:-apple-system,monospace;margin-left:auto;padding-left:8px;flex-shrink:0}.mini-menu-text-format-group{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:var(--spacing-xs);padding:0 var(--spacing-xs)}.mini-menu-format-btn{width:100%;aspect-ratio:1;border:1px solid var(--mm-border);background:var(--mm-bg);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:var(--font-size-xs);color:var(--mm-text)}.mini-menu-format-btn:hover{background:var(--mm-bg-hover);border-color:#007aff;transform:scale(1.05)}.mini-menu-format-btn.active{background:#007aff;color:#fff;border-color:#007aff}.mini-menu-premium-badge{background:linear-gradient(135deg,gold,orange);color:#fff;font-size:8px;font-weight:700;padding:1px 4px;border-radius:3px;text-transform:uppercase;margin-left:4px;flex-shrink:0}.mini-menu-sub-button.premium-feature{position:relative}.mini-menu-sub-button.premium-feature:hover{background:rgba(255,215,0,.1)}.mini-menu-template-gallery{margin-bottom:12px}.mini-menu-template-categories{display:flex;gap:4px;margin-bottom:12px;background:var(--bg-tertiary);padding:2px;border-radius:6px}.mini-menu-category-tab{flex:1;padding:6px;border:none;background:0 0;font-size:10px;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s;color:var(--text-secondary)}.mini-menu-category-tab:hover{background:rgba(0,0,0,.05)}.mini-menu-category-tab.active{background:var(--mm-bg);color:#007aff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.mini-menu-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs);max-height:200px;overflow-y:auto;padding:0 var(--spacing-xs)}.mini-menu-template-card{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border:1px solid var(--border-primary);border-radius:6px;background:var(--mm-bg);cursor:pointer;transition:all .15s;text-align:center;gap:6px}.mini-menu-template-card:hover{border-color:#007aff;background:#f0f9ff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,122,255,.1)}.mini-menu-timer-display{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:12px;text-align:center}.mini-menu-timer-digits{font-size:var(--font-size-xl);font-weight:600;font-family:'SF Mono',Monaco,monospace;color:var(--text-primary);letter-spacing:1px}.mini-menu-control-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);margin-bottom:12px;padding:0 var(--spacing-xs)}.mini-menu-control-btn{width:100%;aspect-ratio:1;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:var(--font-size-base)}.mini-menu-control-btn.start{background:#4b5563;color:#fff}.mini-menu-control-btn.start:hover:not(:disabled){background:#374151;transform:scale(1.05)}.mini-menu-control-btn:disabled{opacity:.5;cursor:not-allowed}.mini-menu-text-input{width:100%;padding:6px 10px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);background:var(--mm-bg);color:var(--mm-text)}.mini-menu-action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.mini-menu-action-btn{width:100%;padding:var(--spacing-xs);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}.mini-menu-action-btn.primary{background:#007aff;color:#fff}.mini-menu-action-btn.primary:hover{background:#0051d5}.mini-menu-action-btn.secondary{background:var(--bg-tertiary);color:var(--mm-text)}.mini-menu-action-btn.secondary:hover{background:var(--border-primary)}.mini-menu-search-input{width:100%;padding:var(--spacing-xs) 12px;border:1px solid var(--border-primary);border-radius:6px;font-size:var(--font-size-xs);background:var(--mm-bg);color:var(--mm-text);transition:all .15s}.mini-menu-search-input:focus{outline:0;border-color:#007aff;box-shadow:0 0 0 3px rgba(0,122,255,.1)}.mini-menu-checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--font-size-xs);color:var(--mm-text);margin-bottom:6px}.mini-menu-checkbox-label input[type=checkbox]{width:14px;height:14px;cursor:pointer}.mini-menu-setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.mini-menu-setting-row label{font-size:var(--font-size-xs);color:var(--mm-text);flex-shrink:0;margin-right:var(--spacing-xs)}.mini-menu-number-input{width:50px;padding:4px var(--spacing-xs);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-align:center;background:var(--mm-bg);color:var(--mm-text)}.mini-menu-column-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs);margin-bottom:12px;padding:0 var(--spacing-xs)}.mini-menu-column-buttons .mini-menu-column-btn{width:100%;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border:1px solid var(--border-primary);border-radius:6px;background:var(--mm-bg);cursor:pointer;transition:all .15s;text-align:left}.mini-menu-column-buttons .mini-menu-column-btn:hover{border-color:#007aff;background:#f0f9ff}.mini-menu-column-buttons .mini-menu-column-btn.active{border-color:#007aff;background:#e0f2fe}@media (pointer:coarse){.mini-menu-main-button{min-width:var(--touch-target-min,44px);min-height:var(--touch-target-min,44px)}.mini-menu-sub-button{min-height:var(--touch-target-min,44px)}.mini-menu-main-button::after,.mini-menu-main-button::before{display:none!important}}@media (max-width:768px) and (pointer:coarse){.mini-menu-dock{position:fixed!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;height:auto!important;padding:8px 0!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;border-radius:0!important;border-top:1px solid var(--mm-border)!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;background:var(--mm-bg)!important;z-index:999999!important}.mini-menu-drag-handle{display:none!important}.mini-menu-submenu{position:fixed!important;bottom:calc(60px + env(safe-area-inset-bottom))!important;left:50%!important;transform:translateX(-50%)!important;max-width:calc(100vw - 32px)!important;width:320px!important;border-radius:16px!important;box-shadow:0 -4px 20px rgba(0,0,0,.15)!important}.mini-menu-button-container.active .mini-menu-submenu{display:block!important;animation:miniMenuMobileSlideUp .25s ease-out}@keyframes miniMenuMobileSlideUp{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.mini-menu-sub-submenu{position:fixed!important;bottom:calc(60px + env(safe-area-inset-bottom))!important;left:50%!important;transform:translateX(-50%)!important;max-width:calc(100vw - 32px)!important;width:320px!important;border-radius:16px!important}}@media (max-width:768px) and (pointer:coarse){body.keyboard-visible .mini-menu-dock{bottom:var(--keyboard-height,0)!important;transition:bottom .15s ease-out}body.keyboard-visible .mini-menu-submenu{bottom:calc(60px + var(--keyboard-height,0))!important;transition:bottom .15s ease-out}}.mini-menu-main-button::before{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-5px);padding:6px 12px;background:rgba(0,0,0,.9);color:#fff;font-size:var(--font-size-xs);font-weight:500;white-space:nowrap;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:calc(var(--z-mini-menu) + 4)}.mini-menu-main-button::after{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-1px);width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:rgba(0,0,0,.9) transparent transparent transparent;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:calc(var(--z-mini-menu) + 4)}.mini-menu-main-button:hover::before{opacity:1;transform:translateX(-50%) translateY(-10px)}.mini-menu-main-button:hover::after{opacity:1;transform:translateX(-50%) translateY(-6px)}.mini-menu-dock.top-half .mini-menu-main-button::before{bottom:auto;top:100%;transform:translateX(-50%) translateY(5px)}.mini-menu-dock.top-half .mini-menu-main-button::after{bottom:auto;top:100%;transform:translateX(-50%) translateY(1px);border-width:0 4px 4px 4px;border-color:transparent transparent rgba(0,0,0,.9) transparent}.mini-menu-dock.top-half .mini-menu-main-button:hover::before{transform:translateX(-50%) translateY(10px)}.mini-menu-dock.top-half .mini-menu-main-button:hover::after{transform:translateX(-50%) translateY(6px)}.mini-menu-button-container.active .mini-menu-main-button::after,.mini-menu-button-container.active .mini-menu-main-button::before{display:none}.mini-menu-dock :focus{outline:0}body.dark-mode .mini-menu-dock{background:rgba(30,30,30,.9);border:1px solid rgba(255,255,255,.1)}body.dark-mode .mini-menu-main-button{background:rgba(45,45,45,.8);border:2px solid rgba(255,255,255,.1);color:#e0e0e0}body.dark-mode .mini-menu-main-button:hover{background:#3c3c3c;color:#fff}body.dark-mode .mini-menu-main-button.keyboard-active{background:#3c3c3c;color:#fff}body.dark-mode .mini-menu-button-container:has(.mini-menu-submenu.show-sub-submenu) .mini-menu-main-button{background:#3c3c3c;color:#fff}body.dark-mode .mini-menu-submenu{background:rgba(30,30,30,.95);border:1px solid rgba(255,255,255,.1)}body.dark-mode .mini-menu-sub-button{color:#e0e0e0}body.dark-mode .mini-menu-sub-button:hover{background:rgba(255,255,255,.05)}body.dark-mode .mini-menu-separator{background:rgba(255,255,255,.1)}body.dark-mode .mini-menu-group-title,body.dark-mode .mini-menu-shortcut-key{color:#666}body.dark-mode .mini-menu-drag-handle span{background:#999}.mini-menu-column-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:var(--spacing-xs)}.mini-menu-column-btn{width:100%;aspect-ratio:1;border:1px solid var(--mm-border);background:var(--mm-bg);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:var(--font-size-sm);font-weight:600;color:var(--mm-text)}.mini-menu-column-btn:hover{background:var(--mm-bg-hover);border-color:var(--mm-primary);transform:scale(1.05)}.mini-menu-column-btn.active{background:var(--mm-bg-hover);color:var(--mm-text);border-color:var(--mm-border)}.mini-menu-layout-grid{display:flex;flex-direction:column;gap:6px}.mini-menu-layout-hf-btn{width:100%;padding:5px 10px;border:1px solid var(--mm-border);background:var(--mm-bg-hover);color:var(--mm-text);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:11px;font-weight:600}.mini-menu-layout-hf-btn:hover{opacity:.9}.mini-menu-layout-hf-btn.inactive{background:var(--mm-bg);color:var(--mm-text-muted)}.mini-menu-layout-option-btn{width:100%;padding:5px 10px;border:1px solid var(--mm-border);background:var(--mm-bg);color:var(--mm-text-muted);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s;font-size:11px;font-weight:600;margin-top:6px}.mini-menu-layout-option-btn .material-icons{font-size:14px}.mini-menu-layout-option-btn:hover{background:var(--mm-bg-hover);color:var(--mm-text)}.mini-menu-layout-option-btn.active{background:var(--mm-primary);color:#fff;border-color:var(--mm-primary)}.mini-menu-layout-option-btn.active .material-icons{color:#fff}.mini-menu-column-btn{position:relative}.mini-menu-column-btn .col-num{font-size:var(--font-size-sm);font-weight:600}.mini-menu-column-btn .col-footer-toggle,.mini-menu-column-btn .col-header-toggle,.mini-menu-column-btn .col-sync-toggle{position:absolute;font-size:10px;font-weight:700;width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:0 0;color:var(--mm-text-muted);transition:all .15s}.mini-menu-column-btn .col-header-toggle{top:0;right:0}.mini-menu-column-btn .col-footer-toggle{bottom:1px;right:0}.mini-menu-column-btn .col-sync-toggle{top:50%;right:0;transform:translateY(-50%);font-size:9px;width:16px;height:16px;border-radius:2px;background:0 0}.mini-menu-column-btn .col-sync-toggle .material-icons{font-size:12px}.mini-menu-column-btn .col-sync-toggle[data-sync-group="A"]{color:#3b82f6}.mini-menu-column-btn .col-sync-toggle[data-sync-group="B"]{color:#22c55e}.mini-menu-column-btn .col-sync-toggle[data-sync-group="C"]{color:#ef4444}.mini-menu-column-btn .col-sync-toggle[data-sync-group="D"]{color:#a855f7}.mini-menu-column-btn .col-footer-toggle:hover,.mini-menu-column-btn .col-header-toggle:hover{color:var(--mm-primary)}.mini-menu-column-btn .col-footer-toggle.active,.mini-menu-column-btn .col-header-toggle.active{color:var(--mm-primary);font-weight:700}.mini-menu-column-btn.has-header::before{content:'';position:absolute;left:0;right:0;top:14px;height:1px;background:var(--mm-border)}.mini-menu-column-btn.has-footer::after{content:'';position:absolute;left:0;right:0;bottom:14px;height:1px;background:var(--mm-border)}.mini-menu-layout-grid .mini-menu-column-grid{padding:0}.mini-menu-column-btn.premium{position:relative;overflow:hidden}.mini-menu-column-btn.premium::after{content:'★';position:absolute;top:2px;right:2px;font-size:10px;color:gold}.mini-menu-preset-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:12px;padding:0 var(--spacing-xs)}.mini-menu-preset-chip{padding:var(--spacing-xs) 12px;border:1px solid var(--mm-border);background:var(--mm-bg);border-radius:20px;cursor:pointer;font-size:var(--font-size-xs);font-weight:500;text-align:center;transition:all .15s;color:var(--mm-text)}.mini-menu-preset-chip:hover{background:var(--mm-bg-hover);border-color:#007aff;transform:scale(1.02)}.mini-menu-preset-chip.active{background:#007aff;color:#fff;border-color:#007aff}.mini-menu-upgrade-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-md);color:var(--text-primary);max-width:400px;width:90%;box-shadow:0 20px 40px rgba(0,0,0,.15);z-index:calc(var(--z-modal) + 1)}.mini-menu-upgrade-modal h3{margin:0 0 var(--spacing-sm) 0;font-size:20px;color:#111}.mini-menu-upgrade-modal p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:#666;line-height:1.6}.mini-menu-upgrade-features{list-style:none;padding:0;margin:0 0 20px 0}.mini-menu-upgrade-features li{padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:#333;display:flex;align-items:center;gap:var(--spacing-xs)}.mini-menu-upgrade-features li::before{content:'✨';font-size:var(--font-size-base)}.mini-menu-upgrade-price{text-align:center;margin:20px 0;font-size:var(--font-size-xl);font-weight:700;color:#007aff}.mini-menu-upgrade-buttons{display:flex;gap:12px}.mini-menu-upgrade-btn{flex:1;padding:12px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s}.mini-menu-upgrade-btn.primary{background:#007aff;color:#fff}.mini-menu-upgrade-btn.primary:hover{background:#0051d5;transform:translateY(-1px)}.mini-menu-upgrade-btn.secondary{background:#f3f4f6;color:#666}.mini-menu-upgrade-btn.secondary:hover{background:#e5e7eb}.mini-menu-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:var(--z-modal)}.mini-menu-share-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:12px;padding:0 var(--spacing-xs)}.mini-menu-ai-action-group{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;padding:0 var(--spacing-xs)}.mini-menu-tone-options{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:0 var(--spacing-xs)}.mini-menu-language-options{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:0 var(--spacing-xs)}.mini-menu-help-buttons{display:grid;grid-template-columns:1fr;gap:var(--spacing-xs);padding:0 var(--spacing-xs)}.mini-menu-ai-action-group button,.mini-menu-language-options button,.mini-menu-share-buttons button,.mini-menu-tone-options button{width:100%;padding:var(--spacing-xs) 12px;border:1px solid var(--mm-border);background:var(--mm-bg);border-radius:6px;cursor:pointer;font-size:var(--font-size-xs);text-align:center;transition:all .15s;color:var(--mm-text)}.mini-menu-ai-action-group button:hover,.mini-menu-language-options button:hover,.mini-menu-share-buttons button:hover,.mini-menu-tone-options button:hover{background:var(--mm-bg-hover);border-color:#007aff;transform:translateY(-1px)}.mini-menu-submenu.has-slide{overflow:hidden}.mini-menu-back-button{width:100%;padding:6px 10px;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s;color:#999;font-size:10px;text-transform:uppercase;letter-spacing:.5px;text-align:left;margin-bottom:var(--spacing-xs)}.mini-menu-back-button:hover{color:#666;background:rgba(0,0,0,.05)}.sub-submenu-detail{display:none}.mini-menu-setting-group{margin-bottom:12px}.mini-menu-radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:#333;margin-bottom:6px;padding:4px 8px;border-radius:4px;transition:all .15s}.mini-menu-radio-label:hover{background:rgba(0,0,0,.05)}.mini-menu-radio-label input[type=radio]{width:14px;height:14px;cursor:pointer}.mini-menu-checkbox-label.small{font-size:11px;margin-bottom:4px}.mini-menu-input-group{display:flex;align-items:center;gap:4px}.mini-menu-unit{font-size:11px;color:#666;margin-left:2px}.mini-menu-help-menu{display:grid;grid-template-columns:1fr;gap:var(--spacing-xs)}body:not(.user-logged-in) .auth-only-logged-in{display:none!important}body.user-logged-in .auth-only-logged-out{display:none!important}.mini-menu-help-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e5e7eb;border-radius:6px;background:var(--mm-bg,#fff);cursor:pointer;transition:all .15s;text-align:left;width:100%}.mini-menu-help-item:hover{border-color:#007aff;background:#f0f9ff}.mini-menu-help-content{display:flex;flex-direction:column;gap:2px}.mini-menu-help-title{font-size:var(--font-size-xs);font-weight:500;color:#111}.mini-menu-help-desc{font-size:10px;color:#6b7280}.mini-menu-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-primary);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);z-index:calc(var(--z-modal) + 1);min-width:400px;max-width:90vw;max-height:90vh;overflow:auto;color:var(--text-primary)}.mini-menu-modal-header{padding:12px var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.mini-menu-modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.mini-menu-modal-close{background:0 0;border:none;font-size:var(--font-size-xl);cursor:pointer;color:#6b7280;padding:4px;line-height:1;transition:color .2s}.mini-menu-modal-close:hover{color:#111827}.mini-menu-modal-content{padding:var(--spacing-md)}.mini-menu-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mini-menu-form label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs);display:block}.mini-menu-form input[type=email],.mini-menu-form input[type=number],.mini-menu-form input[type=password],.mini-menu-form input[type=text],.mini-menu-form input[type=url]{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:var(--font-size-sm);font-family:inherit;background:var(--bg-primary);transition:all .2s;box-sizing:border-box}.mini-menu-form input[type=email]:focus,.mini-menu-form input[type=number]:focus,.mini-menu-form input[type=password]:focus,.mini-menu-form input[type=text]:focus,.mini-menu-form input[type=url]:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.mini-menu-form textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:var(--font-size-sm);font-family:inherit;background:var(--bg-primary);transition:all .2s;resize:vertical;min-height:80px;box-sizing:border-box}.mini-menu-form textarea:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.mini-menu-form select{width:100%;padding:10px 12px;border:1px solid var(--border-primary);border-radius:6px;font-size:var(--font-size-sm);font-family:inherit;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s;box-sizing:border-box}.mini-menu-form select:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.mini-menu-form input[type=range]{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:0;-webkit-appearance:none}.mini-menu-form input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer;transition:background .2s}.mini-menu-form input[type=range]::-webkit-slider-thumb:hover{background:#2563eb}.mini-menu-form input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;transition:background .2s}.mini-menu-form input[type=range]::-moz-range-thumb:hover{background:#2563eb}.mini-menu-font-samples{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#f9fafb;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px}.mini-menu-font-samples>div{padding:var(--spacing-xs);background:var(--mm-bg,#fff);border-radius:var(--radius-sm);border:1px solid #e5e7eb}.mini-menu-buttons{display:flex;gap:var(--spacing-xs);justify-content:flex-end;margin-top:var(--spacing-sm)}.mini-menu-btn{padding:10px 20px;border-radius:6px;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s;border:none}.mini-menu-btn.primary{background:#3b82f6;color:#fff}.mini-menu-btn.primary:hover{background:#2563eb}.mini-menu-btn.secondary{background:#f3f4f6;color:#374151}.mini-menu-btn.secondary:hover{background:#e5e7eb}.mini-menu-timer-inputs{display:flex;gap:12px;align-items:center}.mini-menu-timer-inputs input{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:var(--font-size-sm)}.mini-menu-language-item{padding:12px var(--spacing-sm);cursor:pointer;border-radius:var(--mm-item-radius);transition:background .2s;display:flex;align-items:center;gap:var(--spacing-xs)}.mini-menu-language-item:hover{background:#f3f4f6}.mini-menu-language-item.active{background:#e0e7ff;color:#3b82f6;font-weight:500}.mini-menu-thanks{text-align:center;padding:40px 20px}.mini-menu-thanks-icon{font-size:64px;margin-bottom:20px}.mini-menu-thanks h3{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:12px}.mini-menu-thanks p{font-size:var(--font-size-sm);color:#6b7280;line-height:1.6;margin-bottom:var(--spacing-md)}.mini-menu-plan-badge{width:100%!important;background:#555!important;color:#fff!important;border-radius:var(--radius-md)!important;padding:12px var(--spacing-sm)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:var(--spacing-xs)!important;pointer-events:none!important}.mini-menu-plan-badge .material-icons{font-size:20px!important}.shortcut-key{margin-left:auto;font-size:11px;opacity:.6;font-family:monospace}.mini-menu-sub-button.ai-highlight{background:rgba(16,163,127,.15)}.mini-menu-row{display:grid;grid-template-columns:1fr 1fr;gap:0}.mini-menu-row .mini-menu-sub-button{border-right:1px solid rgba(255,255,255,.1)}.mini-menu-row .mini-menu-sub-button:last-child{border-right:none}.mini-menu-theme-row{display:flex;gap:4px;padding:4px 8px}.mini-menu-theme-row .mini-menu-theme-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:0 0;cursor:pointer;transition:all .2s;font-size:11px;color:var(--text-secondary,#666)}.mini-menu-theme-row .mini-menu-theme-btn .material-icons{font-size:20px}.mini-menu-theme-row .mini-menu-theme-btn:hover{background:var(--mm-bg-hover,rgba(0,0,0,.05))}.mini-menu-theme-row .mini-menu-theme-btn.active{background:var(--mm-bg-hover,rgba(0,0,0,.05));color:var(--text-primary,#333);border-color:var(--mm-border-active,rgba(0,0,0,.2))}body.dark-mode .mini-menu-theme-row .mini-menu-theme-btn{border-color:rgba(255,255,255,.15);color:#aaa}body.dark-mode .mini-menu-theme-row .mini-menu-theme-btn:hover{background:var(--mm-bg-hover,rgba(255,255,255,.1))}body.dark-mode .mini-menu-theme-row .mini-menu-theme-btn.active{background:var(--mm-bg-hover,rgba(255,255,255,.1));color:var(--dm-text,#e0e0e0);border-color:var(--mm-border-active,rgba(255,255,255,.25))}.mini-menu-full-width{grid-column:1/-1}.mini-menu-sub-button.feedback-button{background-color:transparent;border-radius:var(--radius-md);padding:12px 10px;margin-top:var(--spacing-xs)}body.dark-mode .mini-menu-sub-button.feedback-button{background-color:transparent}.mini-menu-toast{position:fixed;top:20px;right:20px;padding:12px var(--spacing-sm);border-radius:var(--radius-md);background-color:#f5f5f5;color:#333;font-size:var(--font-size-sm);opacity:0;transform:translateX(100%);transition:all .3s ease;z-index:var(--z-toast);max-width:300px;display:flex;align-items:center;gap:var(--spacing-xs);box-shadow:0 2px 8px rgba(0,0,0,.15)}.mini-menu-toast.show{opacity:1;transform:translateX(0)}.mini-menu-toast .toast-icon{font-size:20px;flex-shrink:0}.mini-menu-toast .toast-message{flex:1}.mini-menu-toast.success .toast-icon{color:#4caf50}.mini-menu-toast.error .toast-icon{color:#f44336}.mini-menu-toast.warning .toast-icon{color:#ff9800}.mini-menu-toast.info .toast-icon{color:#2196f3}.timer-custom-input-inline{display:flex;align-items:center;gap:6px;padding:var(--spacing-xs) 12px;background:0 0;border-top:0 solid #eee;font-size:var(--font-size-xs)}.timer-custom-input-inline .material-icons{font-size:18px;color:var(--mm-text,#333)}.timer-custom-input-inline span:not(.material-icons){font-size:10px;color:#666}.timer-custom-input-inline input{width:50px;padding:4px 6px;border:1px solid #ddd;border-radius:3px;font-size:var(--font-size-xs);text-align:center}.timer-custom-input-inline input:focus{outline:0;border-color:#1a73e8}.timer-custom-input-inline .timer-inline-start-button{margin-left:auto;width:36px;height:28px;padding:0;background:0 0;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.timer-custom-input-inline .timer-inline-start-button:hover{background:#f5f5f5;border-color:#bbb}.timer-inline-start-button .play-icon{width:0;height:0;border-left:8px solid #666;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}.timer-inline-start-button:hover .play-icon{border-left-color:#333}.timer-inline-start-button .stop-icon{width:10px;height:10px;background:#666;border-radius:1px}.timer-inline-start-button:hover .stop-icon{background:#333}#timer-history-list{display:flex;flex-direction:column}#timer-history-list:empty{display:none}.mini-menu-group-title:has(+ #timer-history-list:empty){display:none}#timer-history-list:empty+.mini-menu-separator{display:none}.timer-history-item{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:background .2s;font-size:11px;color:#555}.timer-history-item:hover{background:#f5f5f5}.timer-history-item .material-icons{font-size:var(--font-size-base);margin-right:var(--spacing-xs);color:#999}.mini-menu-section-title{font-size:10px;text-transform:uppercase;color:var(--mm-text-muted);margin:12px 0 var(--spacing-xs) 0;letter-spacing:.5px;padding:0 var(--spacing-sm)}.mini-menu-collaboration-section{display:flex;flex-direction:column;gap:4px;padding:0 var(--spacing-xs)}.mini-menu-action-item,.mini-menu-info-item,.mini-menu-toggle-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:6px;background:var(--mm-bg);transition:background .2s;font-size:var(--font-size-xs)}.mini-menu-action-item{cursor:pointer}.mini-menu-action-item:hover{background:var(--mm-bg-hover)}.mini-menu-action-item .material-icons,.mini-menu-info-item .material-icons,.mini-menu-toggle-item .material-icons{font-size:18px;color:var(--mm-text-muted)}.mini-menu-switch{position:relative;display:inline-block;width:36px;height:20px;margin-left:auto}.mini-menu-switch input{opacity:0;width:0;height:0}.mini-menu-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:20px}.mini-menu-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.mini-menu-switch input:checked+.mini-menu-slider{background-color:var(--mm-primary)}.mini-menu-switch input:checked+.mini-menu-slider:before{transform:translateX(16px)}.mini-menu-badge{margin-left:auto;background:var(--mm-primary-light);color:var(--mm-primary);padding:2px var(--spacing-xs);border-radius:var(--radius-lg);font-size:11px;font-weight:500}.find-replace-inline{padding:12px}.find-replace-inline .find-replace-field{margin-bottom:8px}.find-replace-inline input{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--mm-border);border-radius:6px;font-size:13px;background:var(--mm-bg);color:var(--mm-text);transition:border-color .15s ease}.find-replace-inline input::placeholder{color:var(--mm-text-muted)}.find-replace-inline input:focus{outline:0;border-color:var(--mm-primary)}.find-replace-status{text-align:center;font-size:12px;color:var(--mm-text-muted);margin:8px 0}.find-replace-actions{display:flex;gap:6px;flex-wrap:wrap}.find-replace-actions .fr-btn{flex:1;min-width:40px;padding:8px;border:1px solid var(--mm-border);border-radius:6px;background:var(--mm-bg);color:var(--mm-text);cursor:pointer;font-size:12px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.find-replace-actions .fr-btn:hover{background:var(--mm-bg-hover);border-color:var(--mm-primary)}.find-replace-actions .fr-btn .material-icons{font-size:18px}.find-replace-actions .fr-btn-text{min-width:60px}.voice-input-active{background:rgba(239,68,68,.3)!important;border-color:rgba(239,68,68,.6)!important}.voice-input-active .material-icons{color:#ef4444!important}.profile-edit-panel{padding:12px}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-avatar-preview{width:80px;height:80px;border-radius:50%;background-color:rgba(255,255,255,.1);background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.2);margin-bottom:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;position:relative}.profile-avatar-preview:hover{border-color:var(--accent-color,#007bff);transform:scale(1.05)}.profile-avatar-preview::before{content:'📷';font-size:24px;opacity:.5}.profile-avatar-preview[data-has-image=true]::before{display:none}.profile-avatar-preview:hover::after{content:'変更';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;white-space:nowrap}.profile-avatar-upload-btn{font-size:12px;padding:6px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:16px;color:var(--text-color);cursor:pointer;transition:all .2s ease}.profile-avatar-upload-btn:hover{background:rgba(255,255,255,.15);border-color:var(--accent-color,#007bff)}.profile-form-group{margin-bottom:14px}.profile-form-group label{display:block;font-size:12px;color:rgba(255,255,255,.7);margin-bottom:6px}.profile-form-group input[type=text],.profile-form-group textarea{width:100%;padding:10px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--text-color);font-size:14px;transition:all .2s ease}.profile-form-group input[type=text]:focus,.profile-form-group textarea:focus{outline:0;border-color:var(--accent-color,#007bff);background:rgba(255,255,255,.12)}.profile-form-group textarea{min-height:80px;resize:vertical;font-family:inherit}.profile-bio-footer{display:flex;justify-content:flex-end;margin-top:4px}.profile-bio-counter{font-size:11px;color:rgba(255,255,255,.5)}.profile-bio-counter.over-limit{color:var(--danger-color,#ef4444)}.profile-save-button{width:100%;padding:12px;background:var(--accent-color,#007bff);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.profile-save-button:hover:not(:disabled){background:var(--accent-hover-color,#0056b3);transform:translateY(-1px)}.profile-save-button:disabled{opacity:.6;cursor:not-allowed}.usage-display-panel{padding:12px}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.usage-plan-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.usage-plan-badge.plan-free{background:rgba(156,163,175,.2);color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.usage-plan-badge.plan-premium,.usage-plan-badge.plan-pro{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.2));color:#fbbf24;border:1px solid rgba(251,191,36,.4)}.usage-plan-badge.plan-business,.usage-plan-badge.plan-enterprise{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(168,85,247,.2));color:#a78bfa;border:1px solid rgba(139,92,246,.4)}.usage-refresh-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.usage-refresh-btn:hover{background:rgba(255,255,255,.15);transform:rotate(90deg)}.usage-refresh-btn .material-icons{font-size:18px}.usage-items{display:flex;flex-direction:column;gap:14px}.usage-item{background:rgba(255,255,255,.04);border-radius:10px;padding:12px}.usage-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.usage-item-label{font-size:13px;color:rgba(255,255,255,.8);display:flex;align-items:center;gap:6px}.usage-item-label .material-icons{font-size:16px;opacity:.7}.usage-item-values{font-size:12px;color:rgba(255,255,255,.6)}.usage-current{font-weight:600;color:var(--text-color)}.usage-bar{height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}.usage-bar-fill{height:100%;border-radius:3px;transition:width .3s ease,background .3s ease;min-width:2px}.usage-bar-fill.status-normal{background:linear-gradient(90deg,#22c55e,#4ade80)}.usage-bar-fill.status-warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.usage-bar-fill.status-error{background:linear-gradient(90deg,#ef4444,#f87171)}.usage-footer{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.usage-reset-time{font-size:11px;color:rgba(255,255,255,.5);text-align:center}.usage-upgrade-link{display:block;text-align:center;margin-top:12px;padding:10px;background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.15));border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#fbbf24;font-size:13px;text-decoration:none;transition:all .2s ease}.usage-upgrade-link:hover{background:linear-gradient(135deg,rgba(251,191,36,.25),rgba(245,158,11,.25));transform:translateY(-1px)}.user-profile-section{display:flex;align-items:center;gap:12px;padding:12px;margin:12px 0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(10px);transition:all .2s ease}.user-profile-section:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}.user-avatar{position:relative;width:48px;height:48px;flex-shrink:0;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);transition:all .2s ease}.user-avatar:hover{border-color:rgba(255,255,255,.3);transform:scale(1.05)}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,rgba(99,102,241,.3),rgba(168,85,247,.3));color:rgba(255,255,255,.9);font-size:20px;font-weight:600}.avatar-placeholder::before{content:'👤'}.user-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.user-name{color:rgba(255,255,255,.95);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{align-self:flex-start;padding:4px 12px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:rgba(239,68,68,.25);border-color:rgba(239,68,68,.4);color:#fecaca;transform:translateY(-1px)}.logout-btn:active{transform:translateY(0)}#search-container{position:absolute;left:0;top:0;width:0;height:100%;overflow:visible}#search-container #search-submenu{position:absolute;bottom:100%;left:0;width:320px;padding:0;overflow:hidden;margin-bottom:8px}.search-close-icon{background:0 0;border:none;font-size:18px;color:#666;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;transition:all .15s}.search-close-icon:hover{background:rgba(0,0,0,.08);color:#333}.search-field-group{padding:8px 12px}.search-field-label{display:block;font-size:12px;color:#666;margin-bottom:6px}.search-input-wrapper{display:flex;align-items:center;border:1px solid var(--border-primary);border-radius:4px;background:var(--mm-bg);overflow:hidden}.search-input-wrapper:focus-within{border-color:#1a73e8;box-shadow:0 0 0 2px rgba(26,115,232,.1)}.search-input-wrapper .search-input-field{flex:1;padding:8px 10px;border:none;font-size:13px;background:0 0;min-width:0}.search-input-wrapper .search-input-field:focus{outline:0;box-shadow:none}.search-count{font-size:11px;color:#888;padding:0 6px;white-space:nowrap}.search-nav-btn{display:flex;align-items:center;justify-content:center;width:20px;height:100%;border:none;background:0 0;color:#888;cursor:pointer;flex-shrink:0;padding:0}.search-nav-btn:hover{color:#333}.search-nav-btn:active{color:#000}.search-nav-btn .material-icons{font-size:16px}.search-replace-wrapper{display:flex;align-items:center;gap:8px}.search-replace-wrapper .search-input-field{flex:8;padding:8px 10px;border:1px solid var(--border-primary);border-radius:4px;font-size:13px;background:var(--mm-bg);color:var(--mm-text);min-width:0;box-sizing:border-box;height:34px}.search-replace-wrapper .search-input-field:focus{outline:0;border-color:#1a73e8;box-shadow:0 0 0 2px rgba(26,115,232,.1)}.search-replace-btn{flex:2;padding:7px 12px;border:1px solid #1a73e8;border-radius:4px;background:#1a73e8;box-sizing:border-box;height:34px;font-size:12px;color:#fff;cursor:pointer;transition:all .15s;white-space:nowrap;min-width:fit-content}.search-replace-btn:hover{background:#1557b0;border-color:#1557b0}.search-replace-btn:active{background:#104a96}.search-input-row{display:flex;align-items:center;gap:8px}.search-input-field{flex:1;padding:8px 10px;border:1px solid var(--border-primary);border-radius:4px;font-size:13px;background:var(--mm-bg);color:var(--mm-text)}.search-input-field:focus{outline:0;border-color:#1a73e8;box-shadow:0 0 0 2px rgba(26,115,232,.1)}.search-checkbox-label{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:13px;color:#333;cursor:pointer}.search-checkbox-label:first-of-type{padding-top:8px}.search-checkbox-label:last-of-type{padding-bottom:10px}.search-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.search-button-row{display:flex;gap:6px;padding:8px 12px;flex-wrap:wrap}.search-action-btn{flex:1;min-width:60px;padding:6px 10px;border:1px solid #ddd;border-radius:8px;background:var(--mm-bg,#fff);font-size:12px;color:var(--mm-text,#333);cursor:pointer;transition:all .15s}.search-action-btn:hover{background:#f5f5f5;border-color:#ccc}.search-action-btn:active{background:#eee}.search-action-btn.primary{background:#1a73e8;border-color:#1a73e8;color:#fff}.search-action-btn.primary:hover{background:#1557b0;border-color:#1557b0}.search-action-btn.primary:active{background:#104a96}.search-close-btn:hover{background:#ffebee;border-color:#ef5350;color:#c62828}body.dark-mode .timer-custom-input-inline{background:0 0;border-top-color:#444}body.dark-mode .timer-custom-input-inline .material-icons{color:#e0e0e0}body.dark-mode .timer-custom-input-inline span:not(.material-icons){color:#aaa}body.dark-mode .timer-custom-input-inline input{background:#3d3d3d;border-color:#555;color:#e0e0e0}body.dark-mode .timer-custom-input-inline input:focus{border-color:#4db8ff}body.dark-mode .timer-custom-input-inline .timer-inline-start-button{border-color:#555}body.dark-mode .timer-custom-input-inline .timer-inline-start-button:hover{background:#3d3d3d;border-color:#666}body.dark-mode .timer-inline-start-button .play-icon{border-left-color:#aaa}body.dark-mode .timer-inline-start-button:hover .play-icon{border-left-color:#e0e0e0}body.dark-mode .timer-inline-start-button .stop-icon{background:#aaa}body.dark-mode .timer-inline-start-button:hover .stop-icon{background:#e0e0e0}body.dark-mode .timer-custom-input-inline .timer-inline-start-button:hover .play-icon{border-left-color:#66c2ff}body.dark-mode .timer-history-item{color:#ccc}body.dark-mode .timer-history-item:hover{background:#3d3d3d}body.dark-mode .mini-menu-sub-button .toggle-check{color:#666}body.dark-mode .search-action-btn{background:#3d3d3d;border-color:#555;color:#e0e0e0}body.dark-mode .search-action-btn:hover{background:#4d4d4d;border-color:#666}body.dark-mode .search-action-btn:active{background:#555}body.dark-mode .search-close-btn:hover{background:rgba(239,83,80,.2);border-color:#ef5350;color:#ef5350}body.dark-mode .mini-menu-sub-button:hover{background:rgba(255,255,255,.08)}body.dark-mode .mini-menu-sub-submenu-content,body.dark-mode .mini-menu-submenu-content{background:#1e1e1e!important}body.dark-mode .mini-menu-group-title{color:var(--mm-text-muted);border-bottom-color:var(--mm-border)}body.dark-mode .mini-menu-separator{background:var(--mm-border)}.account-ai-settings{padding:0}.ai-settings-description{color:var(--mm-text-muted,#666);font-size:13px;margin-bottom:16px;line-height:1.5}.account-ai-settings .mini-menu-setting-item{margin-bottom:16px}.account-ai-settings .mini-menu-setting-item label{display:block;font-weight:500;color:var(--mm-text,#333);margin-bottom:6px;font-size:14px}.ai-settings-textarea{width:100%;padding:10px 12px;border:1px solid var(--mm-border,#e0e0e0);border-radius:6px;background:var(--mm-bg,#fff);color:var(--mm-text,#333);font-size:14px;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s,box-shadow .2s}.ai-settings-textarea:focus{outline:0;border-color:var(--mm-primary,#007aff);box-shadow:0 0 0 3px rgba(0,122,255,.15)}.ai-settings-textarea::placeholder{color:var(--mm-text-muted,#999)}.ai-settings-char-count{display:block;text-align:right;color:var(--mm-text-muted,#999);font-size:12px;margin-top:4px}.ai-settings-select{width:100%;padding:10px 12px;border:1px solid var(--mm-border,#e0e0e0);border-radius:6px;background:var(--mm-bg,#fff);color:var(--mm-text,#333);font-size:14px;cursor:pointer;transition:border-color .2s,box-shadow .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.ai-settings-select:focus{outline:0;border-color:var(--mm-primary,#007aff);box-shadow:0 0 0 3px rgba(0,122,255,.15)}.account-ai-settings .mini-menu-setting-item label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.account-ai-settings input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--mm-primary,#007AFF)}body.dark-mode .ai-settings-description{color:var(--mm-text-muted,#888)}body.dark-mode .ai-settings-select,body.dark-mode .ai-settings-textarea{background:var(--mm-bg-secondary,#2d2d2d);border-color:var(--mm-border,#444);color:var(--mm-text,#e0e0e0)}body.dark-mode .ai-settings-select:focus,body.dark-mode .ai-settings-textarea:focus{border-color:var(--mm-primary,#5ac8fa);box-shadow:0 0 0 3px rgba(90,200,250,.2)}body.dark-mode .ai-settings-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23888'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}.sub-submenu-detail{padding:12px;display:none}.sub-submenu-detail h4{margin:0 0 12px 0;font-size:14px;color:var(--text-primary);font-weight:600}.mini-menu-template-gallery{width:100%}.mini-menu-template-categories{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid #e0e0e0;padding-bottom:8px}.mini-menu-category-tab{padding:4px 8px;font-size:11px;background:0 0;border:none;color:#666;cursor:pointer;transition:all .2s;border-radius:4px}.mini-menu-category-tab:hover{background:#f0f0f0}.mini-menu-category-tab.active{background:#007aff;color:var(--text-primary)}.mini-menu-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:200px;overflow-y:auto}.mini-menu-template-category{display:none}.mini-menu-template-category.active{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mini-menu-template-card{padding:12px;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.mini-menu-template-card:hover{background:var(--bg-primary);border-color:#007aff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,122,255,.15)}.mini-menu-template-icon{font-size:24px;color:#666;margin-bottom:8px}.mini-menu-template-card:hover .mini-menu-template-icon{color:#007aff}.mini-menu-template-name{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.mini-menu-template-desc{font-size:11px;color:#999}.mini-menu-sheet-list{max-height:200px;overflow-y:auto}.mini-menu-sheet-item{display:flex;align-items:center;gap:12px;padding:10px;background:#f8f8f8;border-radius:6px;cursor:pointer;transition:all .2s;margin-bottom:6px}.mini-menu-sheet-item:hover{background:var(--bg-primary);box-shadow:0 2px 8px rgba(0,0,0,.08)}.mini-menu-sheet-item i{font-size:16px;color:#666}.mini-menu-sheet-item span{flex:1;font-size:13px;color:var(--text-primary)}.mini-menu-sheet-date{font-size:11px;color:#999}.mini-menu-font-list{display:flex;flex-direction:column;gap:4px}.mini-menu-font-option{padding:10px;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s;text-align:left;font-size:14px}.mini-menu-font-option:hover{background:var(--bg-primary);border-color:#007aff}.mini-menu-font-option.active{background:#007aff;color:var(--text-primary);border-color:#007aff}body.dark-mode .mini-menu-template-categories{border-bottom-color:var(--border-primary,#404040)}body.dark-mode .mini-menu-category-tab{color:var(--text-secondary,#a0a0a0)}body.dark-mode .mini-menu-category-tab:hover{background:var(--hover-bg,rgba(255,255,255,.1))}body.dark-mode .mini-menu-category-tab.active{background:var(--primary,#007aff);color:#fff}body.dark-mode .mini-menu-template-card{background:var(--bg-tertiary,#3d3d3d);border-color:var(--border-primary,#404040)}body.dark-mode .mini-menu-template-card:hover{background:var(--bg-secondary,#2d2d2d);border-color:var(--primary,#007aff)}body.dark-mode .mini-menu-template-icon{color:var(--text-secondary,#a0a0a0)}body.dark-mode .mini-menu-template-card:hover .mini-menu-template-icon{color:var(--primary,#007aff)}body.dark-mode .mini-menu-template-desc{color:var(--text-muted,grey)}body.dark-mode .mini-menu-sheet-item{background:var(--bg-tertiary,#3d3d3d)}body.dark-mode .mini-menu-sheet-item:hover{background:var(--hover-bg,rgba(255,255,255,.1))}body.dark-mode .mini-menu-sheet-item i{color:var(--text-secondary,#a0a0a0)}body.dark-mode .mini-menu-sheet-date{color:var(--text-muted,grey)}body.dark-mode .mini-menu-font-option{background:var(--bg-tertiary,#3d3d3d);border-color:var(--border-primary,#404040);color:var(--text-primary,#e0e0e0)}body.dark-mode .mini-menu-font-option:hover{background:var(--hover-bg,rgba(255,255,255,.1));border-color:var(--primary,#007aff)}body.dark-mode .mini-menu-font-option.active{background:var(--primary,#007aff);color:#fff;border-color:var(--primary,#007aff)}#purchased-sparks-list .purchased-sparks-loading{text-align:center;padding:20px;opacity:.5}#purchased-sparks-list .purchased-sparks-loading .material-icons{font-size:40px}#purchased-sparks-list .purchased-sparks-loading p{margin-top:10px}#purchased-sparks-list .purchased-sparks-empty{text-align:center;padding:30px 20px;opacity:.5}#purchased-sparks-list .purchased-sparks-empty .material-icons{font-size:48px}#purchased-sparks-list .purchased-sparks-empty .empty-title{margin-top:15px;font-size:14px}#purchased-sparks-list .purchased-sparks-empty .empty-subtitle{margin-top:8px;font-size:12px;opacity:.7}#purchased-sparks-list .purchased-sparks-error{text-align:center;padding:20px;opacity:.6}#purchased-sparks-list .purchased-sparks-error .material-icons{font-size:40px;color:var(--color-danger,#f44336)}#purchased-sparks-list .purchased-sparks-error p{margin-top:10px}#purchased-sparks-list .purchased-spark-card{padding:12px;border-radius:8px;background:rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);margin-bottom:8px}#purchased-sparks-list .purchased-spark-card:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}#purchased-sparks-list .purchased-spark-card-inner{display:flex;align-items:center;gap:10px}#purchased-sparks-list .spark-icon{font-size:24px}#purchased-sparks-list .spark-info{flex:1;min-width:0}#purchased-sparks-list .spark-name{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#purchased-sparks-list .spark-description{font-size:12px;opacity:.6;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#purchased-sparks-list .spark-arrow{font-size:18px;opacity:.3}body.dark-mode #purchased-sparks-list .purchased-spark-card{background:var(--bg-tertiary,rgba(255,255,255,.05));border-color:var(--border-primary,rgba(255,255,255,.1))}body.dark-mode #purchased-sparks-list .purchased-spark-card:hover{background:var(--hover-bg,rgba(255,255,255,.1));border-color:var(--primary,#007aff)}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;opacity:0;transition:opacity .1s ease-in}.fonts-loaded .material-icons{opacity:1}.mini-menu-main-button .material-icons{font-size:20px;line-height:1;display:block}.mini-menu-sub-button .material-icons{font-size:18px;width:18px;height:18px;line-height:1;display:inline-block;vertical-align:middle;margin-right:8px}.mini-menu-format-btn .material-icons{font-size:16px;line-height:1}.mini-menu-template-icon .material-icons{font-size:24px;line-height:1}.mini-menu-sheet-item .material-icons{font-size:16px;line-height:1}.mini-menu-back-button .material-icons{font-size:16px;margin-right:6px;vertical-align:middle}.material-icons[style*=width]{width:auto!important}.mini-menu-sub-button.has-submenu{position:relative}.sidebar-category .material-icons[style*="font-size: 14px"]{opacity:.6}:root{--sheet-panel-width:280px;--sheet-card-radius:12px;--sheet-transition-fast:0.15s ease;--sheet-transition-normal:0.25s linear;--sheet-transition-slow:0.3s ease-out}body{--sheet-panel-offset:0px}body.sheet-panel-open{--sheet-panel-offset:var(--sheet-panel-width)}body.sheet-modal-open .ai-chat-modal{z-index:1!important;opacity:.3;pointer-events:none;transition:opacity .2s ease}body.sheet-modal-open .mini-menu-dock{opacity:.3;pointer-events:none;transition:opacity .2s ease}.ai-chat-modal,.mini-menu-dock{transition:opacity .2s ease}body.sheet-panel-open .craft-card-wrapper{padding-left:calc(var(--sheet-panel-width) + 32px);transition:padding-left var(--sheet-transition-normal),padding-right .25s linear}.craft-card-wrapper{transition:padding-left var(--sheet-transition-normal),padding-right .25s linear}body.sheet-panel-open .craft-card{width:100%}.sheet-panel{position:fixed;top:16px;left:16px;height:calc(100vh - 32px);bottom:auto;width:var(--sheet-panel-width);background:0 0;border:none;transform:translateX(calc(-100% - 40px));transition:transform .3s linear;z-index:1000;display:flex;flex-direction:column;gap:8px;overflow:visible;box-sizing:border-box}.sheet-panel.open{transform:translateX(0)}.sheet-info-card{padding:16px;background:var(--main-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);flex-shrink:0;box-sizing:border-box}.my-drive-card{flex:1;min-height:0;background:var(--main-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.account-info-card{padding:12px 16px;background:var(--main-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);flex-shrink:0;box-sizing:border-box}.account-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.account-info-title{font-size:13px;font-weight:600;color:var(--text-color);margin:0;display:flex;align-items:center;gap:6px}.account-info-title .material-icons{font-size:16px;color:var(--text-muted-color)}.account-info-content{display:flex;flex-direction:column;gap:6px}.account-info-row{display:flex;align-items:center;justify-content:space-between;font-size:11px}.account-info-label{color:var(--text-muted-color);flex-shrink:0}.account-info-value{color:var(--text-color);font-weight:500;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.account-usage-row{flex-direction:column;align-items:stretch;gap:4px}.account-usage-row .account-info-label{margin-bottom:2px}.account-usage-bar-wrapper{display:flex;align-items:center;gap:8px}.account-usage-bar{flex:1;height:4px;background:var(--hover-bg,rgba(0,0,0,.08));border-radius:2px;overflow:hidden}.account-usage-bar-fill{height:100%;background:var(--accent-color,#3b82f6);border-radius:2px;transition:width .3s ease}.account-usage-bar-fill.status-warning{background:#f59e0b}.account-usage-bar-fill.status-error{background:#ef4444}.account-usage-text{font-size:10px;color:var(--text-muted-color);white-space:nowrap;min-width:45px;text-align:right}.account-info-actions{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.account-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:0 0;border:1px solid var(--border-color);border-radius:var(--radius-md,8px);color:var(--text-color);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.account-action-btn:hover{background:var(--hover-bg,rgba(0,0,0,.05));border-color:var(--accent-color,#3b82f6)}.account-action-btn .material-icons{font-size:16px;color:var(--accent-color,#3b82f6)}body.dark-mode .account-info-card{background:var(--main-bg);border-color:var(--border-color)}body.dark-mode .account-usage-bar{background:rgba(255,255,255,.1)}.sheet-info-header{display:flex;align-items:center;justify-content:space-between}.sheet-info-title{font-size:14px;font-weight:600;color:var(--text-color);margin:0;display:flex;align-items:center;gap:8px}.sheet-info-title .material-icons{font-size:18px;color:var(--text-muted-color)}.sheet-info-meta{margin-top:8px;font-size:12px;color:var(--text-muted-color)}.sheet-info-date{opacity:.8}.sheet-info-collab{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);flex-wrap:wrap}.sheet-info-collab .sync-status{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted-color)}.sheet-info-collab .sync-icon{font-size:14px}.sheet-info-collab .sync-icon.synced{color:var(--success-color,#10b981)}.sheet-info-collab .sync-icon.syncing{color:var(--primary-color);animation:spin 1s linear infinite}.sheet-info-collab .sync-icon.error{color:var(--danger-color,#ef4444)}.sheet-info-collab .sync-label{font-size:11px}.sheet-info-collab .participants-indicator{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted-color)}.sheet-info-collab .participant-avatars{display:flex;margin-right:2px}.sheet-info-collab .participant-avatar{width:20px;height:20px;border-radius:50%;border:2px solid var(--card-bg);margin-left:-6px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:500}.sheet-info-collab .participant-avatar:first-child{margin-left:0}.sheet-info-collab .participant-count{font-size:11px}.sheet-info-collab .share-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:4px;background:var(--primary-color);color:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:auto}.sheet-info-collab .share-btn:hover{background:var(--primary-hover-color,#2563eb)}.sheet-info-collab .share-btn .material-icons{font-size:14px}.my-drive-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 0;position:relative;z-index:200}.my-drive-title{font-size:12px;font-weight:600;color:var(--text-muted-color);margin:0;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}.my-drive-title .material-icons{font-size:16px;color:var(--text-muted-color)}.my-drive-card .sheet-panel-list{flex:1;min-height:0;overflow-y:auto}.my-drive-card .sheet-panel-actions,.my-drive-card .sheet-panel-date-bar,.my-drive-card .sheet-panel-tag-bar{padding-left:16px;padding-right:16px}.my-drive-card .sheet-panel-actions{margin-top:8px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.sheet-panel-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;flex-shrink:0;overflow:visible;box-sizing:border-box}.sheet-panel-title-row{display:flex;align-items:center;justify-content:space-between}.sheet-panel-title{font-size:14px;font-weight:600;color:var(--text-color);margin:0;display:flex;align-items:center;gap:8px}.sheet-panel-title .material-icons{font-size:18px;color:var(--text-muted-color)}.sheet-panel-current-name{cursor:pointer;padding:2px 6px;border-radius:4px;transition:all var(--sheet-transition-fast);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-panel-current-name:hover{background:var(--hover-bg,rgba(0,0,0,.05))}.sheet-grid-item,.sheet-list-item{cursor:pointer}.sheet-panel-close{background:0 0;border:none;padding:6px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-muted-color);transition:all var(--sheet-transition-fast)}.sheet-panel-close:hover{background:var(--hover-bg,rgba(0,0,0,.05));color:var(--text-color)}.sheet-panel-close .material-icons{font-size:18px}.sheet-panel-search-row{display:flex;align-items:center;gap:6px;padding:12px 15px 8px;position:relative;z-index:150}.sheet-panel-search-row .sheet-panel-search{flex:1;position:relative}.sheet-panel-search input{width:100%;height:32px;padding:0 52px 0 32px;border:1px solid var(--border-color);border-radius:6px;background:var(--main-bg);color:var(--text-color);font-size:13px;outline:0;transition:border-color var(--sheet-transition-fast),box-shadow var(--sheet-transition-fast);box-sizing:border-box}.sheet-panel-search input:focus{border-color:var(--accent-color,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.sheet-panel-search input::placeholder{color:var(--text-muted-color)}.sheet-panel-search .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--text-muted-color);pointer-events:none}.sheet-panel-search-clear{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;border:none;background:0 0;color:var(--text-muted-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--sheet-transition-fast)}.sheet-panel-search-clear:hover{color:var(--text-color)}.sheet-panel-search-clear .material-icons{font-size:16px}.sheet-panel-sort-btn{width:32px;height:32px;padding:0;border:1px solid var(--border-color);border-radius:6px;background:var(--main-bg);color:var(--text-muted-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--sheet-transition-fast);flex-shrink:0}.sheet-panel-sort-btn:hover{border-color:var(--primary-color,#007aff);color:var(--text-color)}.sheet-panel-sort-btn .material-icons{font-size:20px}.sheet-panel-filter-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;border:none;background:0 0;color:var(--text-muted-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--sheet-transition-fast)}.sheet-panel-filter-btn:hover{color:var(--text-color)}.sheet-panel-filter-btn .material-icons{font-size:18px}.sheet-panel-filter-btn .filter-badge{position:absolute;top:1px;right:2px;width:4px;height:4px;background:var(--primary-color,#007aff);border-radius:50%}.sheet-panel-filter-btn.active{color:var(--primary-color,#007aff)}.sheet-filter-panel{margin:0 16px 8px;background:var(--bg-secondary,#f8f9fa);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}body.dark-mode .sheet-filter-panel{background:var(--bg-tertiary,#2d2d2d)}.filter-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:12px;font-weight:600;color:var(--text-muted-color);border-bottom:1px solid var(--border-color)}.filter-header-right{display:flex;align-items:center;gap:8px}.filter-match-count{font-size:11px;font-weight:500;color:var(--text-muted-color)}.filter-clear-btn{padding:4px 10px;border:none;border-radius:4px;background:var(--hover-bg,rgba(0,0,0,.05));color:var(--text-muted-color);font-size:11px;cursor:pointer;transition:all var(--sheet-transition-fast)}.filter-clear-btn:hover{background:rgba(0,0,0,.1);color:var(--text-color)}body.dark-mode .filter-clear-btn{background:rgba(255,255,255,.08)}body.dark-mode .filter-clear-btn:hover{background:rgba(255,255,255,.15)}.filter-panel-content{padding:12px}.filter-section{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.filter-section:last-child{margin-bottom:0}.filter-section-label{font-size:11px;font-weight:600;color:var(--text-muted-color);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;margin-bottom:0}.filter-options{display:flex;gap:4px;flex-wrap:nowrap}.filter-option{flex:0 0 auto;padding:4px 8px;border:1px solid var(--border-color);border-radius:5px;background:var(--main-bg);color:var(--text-color);font-size:10px;cursor:pointer;transition:all var(--sheet-transition-fast);text-align:center;white-space:nowrap}.filter-option:hover{border-color:var(--primary-color,#007aff)}.filter-option.active{background:var(--primary-color,#007aff);border-color:var(--primary-color,#007aff);color:#fff}.filter-date-input-wrapper{position:relative}.filter-date-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--text-muted-color);pointer-events:none}.filter-date-input-wrapper .sheet-date-range{width:100%;padding:8px 32px 8px 30px;border:1px solid var(--border-color);border-radius:6px;background:var(--main-bg);color:var(--text-color);font-size:12px;cursor:pointer;box-sizing:border-box}.filter-date-input-wrapper .sheet-date-range::placeholder{color:var(--text-muted-color)}.filter-date-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:0 0;border:none;padding:4px;cursor:pointer;color:var(--text-muted-color);display:flex;align-items:center;border-radius:4px;opacity:.6}.filter-date-clear:hover{color:var(--text-color);opacity:1}.filter-date-clear .material-icons{font-size:16px}.filter-tags-list{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.filter-tags-list::-webkit-scrollbar{display:none}.filter-tag{padding:4px 10px;border:1px solid var(--border-color);border-radius:12px;background:var(--main-bg);color:var(--text-color);font-size:11px;cursor:pointer;transition:all var(--sheet-transition-fast);flex-shrink:0;white-space:nowrap}.filter-tag:hover{border-color:var(--primary-color,#007aff)}.filter-tag.active{background:var(--primary-color,#007aff);border-color:var(--primary-color,#007aff);color:#fff}.filter-tags-empty{font-size:10px;color:var(--text-muted-color)}.filter-section:has(.filter-date-input-wrapper){flex-wrap:wrap}.filter-section .filter-date-input-wrapper{margin-top:8px;width:100%}.filter-section:has(.filter-tags-list){flex-wrap:nowrap}.filter-section:has(.filter-tags-list) .filter-tags-list{flex:1;min-width:0}.sheet-panel-actions{display:flex;align-items:center;justify-content:space-between}.sheet-panel-view-toggle{display:flex;background:var(--hover-bg,rgba(0,0,0,.03));border-radius:6px;padding:2px}.sheet-panel-view-toggle button{background:0 0;border:none;padding:6px 10px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted-color);transition:all var(--sheet-transition-fast)}.sheet-panel-view-toggle button:hover{color:var(--text-color)}.sheet-panel-view-toggle button.active{background:var(--main-bg);color:var(--text-color);box-shadow:0 1px 3px rgba(0,0,0,.1)}.sheet-panel-view-toggle .material-icons{font-size:18px}.sheet-panel-new-btn{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--main-bg);color:var(--text-color);font-size:12px;cursor:pointer;outline:0;transition:border-color var(--sheet-transition-fast),box-shadow var(--sheet-transition-fast);display:flex;align-items:center;gap:4px}.sheet-panel-new-btn:hover{border-color:var(--primary-color,#007aff)}.sheet-panel-new-btn .material-icons{font-size:16px;color:var(--text-muted-color)}.sheet-panel-new-btn .dropdown-arrow{font-size:18px;margin-left:2px;color:var(--text-muted-color)}.sheet-panel-owner-wrapper{position:relative;z-index:100}.sheet-panel-owner-btn{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--main-bg);color:var(--text-color);font-size:12px;cursor:pointer;outline:0;transition:border-color var(--sheet-transition-fast),box-shadow var(--sheet-transition-fast);display:flex;align-items:center;gap:4px}.sheet-panel-owner-btn:hover{border-color:var(--primary-color,#007aff)}.sheet-panel-owner-btn .dropdown-arrow{font-size:18px;margin-left:2px;color:var(--text-muted-color)}.sheet-panel-owner-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:160px;z-index:1000;padding:4px;white-space:nowrap}.owner-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border:none;background:0 0;cursor:pointer;font-size:13px;color:var(--text-primary,#1f2937);border-radius:6px;transition:background .15s}.owner-menu-item:hover{background:var(--hover-bg,#f3f4f6)}.owner-menu-item .check-icon{font-size:16px;color:var(--primary-color,#007aff);opacity:0}.owner-menu-item.active .check-icon{opacity:1}.sheet-panel-new-wrapper{position:relative;z-index:100}.sheet-panel-new-menu{position:fixed;background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:200px;z-index:100001;padding:9px;white-space:nowrap}.new-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 7px;border:none;background:0 0;cursor:pointer;font-size:13px;color:var(--text-primary,#1f2937);border-radius:6px;transition:background .15s}.new-menu-item:hover{background:var(--hover-bg,#f3f4f6)}.new-menu-item .material-icons{font-size:18px;color:var(--text-secondary,#6b7280)}.sheet-folder-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:10000}.sheet-folder-modal{background:var(--bg-primary,#fff);border-radius:14px;padding:24px;min-width:300px;max-width:90vw;box-shadow:0 10px 40px rgba(0,0,0,.2)}.sheet-folder-modal-title{font-size:17px;font-weight:600;margin:0 0 16px 0;color:var(--text-primary,#1f2937);text-align:center}.sheet-folder-modal-input{width:100%;padding:12px 14px;font-size:15px;border:1px solid var(--border-color,#d1d5db);border-radius:10px;outline:0;box-sizing:border-box;background:var(--bg-secondary,#f9fafb);color:var(--text-primary,#1f2937)}.sheet-folder-modal-input:focus{border-color:var(--accent-color,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.sheet-folder-modal-input::placeholder{color:var(--text-tertiary,#9ca3af)}.sheet-folder-modal-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.sheet-folder-modal-btn{padding:8px 16px;font-size:15px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .15s;background:0 0}.sheet-folder-modal-btn.cancel{color:var(--accent-color,#3b82f6)}.sheet-folder-modal-btn.cancel:hover{background:rgba(59,130,246,.1)}.sheet-folder-modal-btn.create{color:var(--accent-color,#3b82f6)}.sheet-folder-modal-btn.create:hover{background:rgba(59,130,246,.1)}body.dark-mode .sheet-folder-modal{background:var(--gray-800,#1f2937)}body.dark-mode .sheet-folder-modal-title{color:var(--text-primary,#e0e0e0)}body.dark-mode .sheet-folder-modal-input{background:var(--gray-700,#374151);border-color:var(--gray-600,#4b5563);color:var(--text-primary,#e0e0e0)}body.dark-mode .sheet-folder-modal-input::placeholder{color:var(--gray-400,#9ca3af)}body.dark-mode .sheet-folder-modal-btn.cancel,body.dark-mode .sheet-folder-modal-btn.create{color:var(--accent-blue,#60a5fa)}body.dark-mode .sheet-folder-modal-btn.cancel:hover,body.dark-mode .sheet-folder-modal-btn.create:hover{background:rgba(96,165,250,.15)}body.dark-mode .sheet-panel-new-menu{background:#1e1e1e;border-color:#3d3d3d}body.dark-mode .new-menu-item{color:#e0e0e0}body.dark-mode .new-menu-item:hover{background:rgba(255,255,255,.1)}body.dark-mode .new-menu-item .material-icons{color:#a0a0a0}body.dark-mode .sheet-panel-new-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:var(--text-color)}body.dark-mode .sheet-panel-new-btn:hover{border-color:var(--primary-color,#007aff)}body.dark-mode .sheet-panel-new-btn .material-icons{color:var(--text-muted-color)}.sheet-panel-empty-trash-btn .material-icons{color:var(--text-muted-color)}.sheet-panel-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;position:relative;z-index:1}.sheet-panel-list::-webkit-scrollbar{width:6px}.sheet-panel-list::-webkit-scrollbar-track{background:0 0}.sheet-panel-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sheet-panel-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted-color)}.sheet-list-view{display:flex;flex-direction:column;gap:4px}.sheet-list-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background:0 0;border:none;border-radius:4px;cursor:pointer;transition:background var(--sheet-transition-fast);text-align:left;width:100%;box-sizing:border-box;max-width:100%;overflow:hidden}.sheet-list-item:hover{background:var(--hover-bg,rgba(255,255,255,.05))}.sheet-list-item.active{background:rgba(59,130,246,.15)}.sheet-list-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sheet-list-icon .material-icons{font-size:16px;color:var(--text-muted-color)}.sheet-list-icon[style] .material-icons{color:inherit}.sheet-list-item.active .sheet-list-icon .material-icons{color:var(--accent-color,#3b82f6)}.sheet-list-item.active .sheet-list-icon[style] .material-icons{color:inherit}.sheet-list-info{flex:1;min-width:0;overflow:hidden}.sheet-list-name{font-size:13px;font-weight:400;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-list-meta{display:none}.sheet-list-more{background:0 0;border:none;padding:2px;cursor:pointer;border-radius:4px;color:var(--text-muted-color);opacity:0;transition:all var(--sheet-transition-fast)}.sheet-list-item:hover .sheet-list-more{opacity:1}.sheet-list-more:hover{color:var(--text-color)}.sheet-list-more .material-icons{font-size:16px}.sheet-grid-view{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sheet-grid-item{background:var(--main-bg);border:1px solid var(--border-color);border-radius:10px;padding:0;cursor:pointer;transition:all var(--sheet-transition-fast);overflow:hidden;text-align:left}.sheet-grid-item:hover{border-color:var(--accent-color,#3b82f6);box-shadow:0 2px 8px rgba(0,0,0,.08)}.sheet-grid-item.active{border-color:var(--accent-color,#3b82f6);box-shadow:0 0 0 2px rgba(59,130,246,.2)}.sheet-grid-preview{height:60px;background:var(--hover-bg,rgba(0,0,0,.02));border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;position:relative}.sheet-grid-preview .material-icons{font-size:24px;color:var(--text-muted-color);opacity:.5}.sheet-grid-content{padding:10px}.sheet-grid-name{font-size:12px;font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.sheet-grid-meta{font-size:10px;color:var(--text-muted-color)}.sheet-grid-more{position:absolute;top:6px;right:6px;background:var(--main-bg);border:none;padding:4px;cursor:pointer;border-radius:4px;color:var(--text-muted-color);opacity:0;transition:all var(--sheet-transition-fast);box-shadow:0 1px 3px rgba(0,0,0,.1)}.sheet-grid-item:hover .sheet-grid-more{opacity:1}.sheet-grid-more:hover{background:var(--hover-bg,#f3f4f6);color:var(--text-color)}.sheet-grid-more .material-icons{font-size:16px}.sheet-grid-view.hidden,.sheet-list-view.hidden{display:none}.sheet-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-muted-color)}.sheet-panel-empty .material-icons{font-size:48px;margin-bottom:12px;opacity:.3}.sheet-panel-empty p{font-size:13px;margin:0}.sheet-panel-empty .trash-auto-delete-notice{font-size:11px;color:var(--text-muted-color);opacity:.7;margin-top:8px}.sheet-context-menu{position:fixed;background:var(--main-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);padding:4px;min-width:200px;max-width:260px;z-index:10001;opacity:0;visibility:hidden;transform:scale(.95);transition:all var(--sheet-transition-fast);box-sizing:border-box;overflow:visible}.sheet-context-menu.active{opacity:1;visibility:visible;transform:scale(1)}.sheet-context-menu-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border:none;background:0 0;width:100%;max-width:100%;text-align:left;cursor:pointer;border-radius:6px;font-size:13px;color:var(--text-color);white-space:nowrap;box-sizing:border-box;transition:background var(--sheet-transition-fast)}.sheet-context-menu-item>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.sheet-context-menu-item.keyboard-highlight,.sheet-context-menu-item:hover{background:var(--hover-bg,rgba(0,0,0,.05))}body.dark-mode .sheet-context-menu-item.keyboard-highlight,body.dark-mode .sheet-context-menu-item:hover{background:var(--hover-bg,rgba(255,255,255,.1))}.keyboard-highlight{background:var(--hover-bg,rgba(0,0,0,.08))!important;outline:2px solid var(--accent-color,#3B82F6);outline-offset:-2px}body.dark-mode .keyboard-highlight{background:var(--hover-bg,rgba(255,255,255,.15))!important}.sheet-context-menu-item .material-icons{font-size:18px;color:var(--text-muted-color)}.sheet-context-menu-item.danger{color:#ef4444}.sheet-context-menu-item.danger .material-icons{color:#ef4444}.sheet-context-menu-divider{height:1px;background:var(--border-color);margin:4px 0}.sheet-panel-footer{padding:12px 16px;border-top:1px solid var(--border-color);font-size:11px;color:var(--text-muted-color);text-align:center}@keyframes boardCardFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sheet-grid-item,.sheet-list-item{animation:boardCardFadeIn .2s ease forwards}.sheet-grid-item:first-child,.sheet-list-item:first-child{animation-delay:20ms}.sheet-grid-item:nth-child(2),.sheet-list-item:nth-child(2){animation-delay:40ms}.sheet-grid-item:nth-child(3),.sheet-list-item:nth-child(3){animation-delay:60ms}.sheet-grid-item:nth-child(4),.sheet-list-item:nth-child(4){animation-delay:80ms}.sheet-grid-item:nth-child(5),.sheet-list-item:nth-child(5){animation-delay:.1s}@media (max-width:768px){:root{--sheet-panel-width:260px}.sheet-grid-view{grid-template-columns:1fr}}@media (max-width:480px){:root{--sheet-panel-width:100%}.sheet-panel{top:0;left:0;bottom:0;border-radius:0;border:none;border-right:1px solid var(--border-color)}body.sheet-panel-open #app{margin-left:0;transform:translateX(80%)}}.sheet-list-settings{background:0 0;border:none;padding:4px;cursor:pointer;border-radius:4px;color:var(--text-muted-color);opacity:0;transition:all var(--sheet-transition-fast)}.sheet-list-item:hover .sheet-list-settings{opacity:1}.sheet-list-settings:hover{background:var(--hover-bg,rgba(0,0,0,.1));color:var(--text-color)}.sheet-list-settings .material-icons{font-size:16px}.sheet-grid-settings{position:absolute;top:6px;right:32px;background:var(--main-bg);border:none;padding:4px;cursor:pointer;border-radius:4px;color:var(--text-muted-color);opacity:0;transition:all var(--sheet-transition-fast);box-shadow:0 1px 3px rgba(0,0,0,.1)}.sheet-grid-item:hover .sheet-grid-settings{opacity:1}.sheet-grid-settings:hover{background:var(--hover-bg,#f3f4f6);color:var(--text-color)}.sheet-grid-settings .material-icons{font-size:14px}.sheet-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);z-index:10002;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--sheet-transition-fast)}.sheet-modal-overlay.active{opacity:1;visibility:visible}.sheet-modal{background:var(--main-bg);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.2);width:90%;max-width:400px;transform:scale(.95);transition:transform var(--sheet-transition-fast);overflow:hidden}.sheet-modal-overlay.active .sheet-modal{transform:scale(1)}.sheet-modal-share{max-width:460px}.sheet-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.sheet-modal-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-color)}.sheet-modal-close{background:0 0;border:none;padding:4px;cursor:pointer;border-radius:6px;color:var(--text-muted-color);transition:all var(--sheet-transition-fast)}.sheet-modal-close:hover{background:var(--hover-bg,rgba(0,0,0,.05));color:var(--text-color)}.sheet-modal-close .material-icons{font-size:20px}.sheet-modal-body{padding:20px}.sheet-modal-input{width:100%;padding:12px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--main-bg);color:var(--text-color);font-size:14px;outline:0;transition:border-color var(--sheet-transition-fast),box-shadow var(--sheet-transition-fast);box-sizing:border-box}.sheet-modal-input:focus{border-color:var(--accent-color,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.sheet-modal-message{margin:0 0 8px 0;font-size:14px;color:var(--text-color)}.sheet-modal-warning{margin:0;font-size:13px;color:var(--text-muted-color)}.sheet-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border-color);background:var(--hover-bg,rgba(0,0,0,.02))}.sheet-modal-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--sheet-transition-fast)}.sheet-modal-btn.secondary{background:var(--hover-bg,rgba(0,0,0,.05));color:var(--text-color)}.sheet-modal-btn.secondary:hover{background:var(--border-color)}.sheet-modal-btn.primary{background:var(--accent-color,#3b82f6);color:#fff}.sheet-modal-btn.primary:hover{background:var(--accent-hover,#2563eb)}.sheet-modal-btn.danger{background:#ef4444;color:#fff}.sheet-modal-btn.danger:hover{background:#dc2626}.sheet-share-sheet-name{display:flex;align-items:center;gap:10px;padding:12px;background:var(--hover-bg,rgba(0,0,0,.03));border-radius:8px;margin-bottom:20px}.sheet-share-sheet-name .material-icons{font-size:20px;color:var(--text-muted-color)}.sheet-share-sheet-name span:last-child{font-size:14px;font-weight:500;color:var(--text-color)}.sheet-share-section{margin-bottom:20px}.sheet-share-section:last-child{margin-bottom:0}.sheet-share-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.sheet-share-options{display:flex;flex-direction:column;gap:8px}.sheet-share-option{display:flex;cursor:pointer}.sheet-share-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.sheet-share-option-content{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--main-bg);border:2px solid var(--border-color);border-radius:8px;width:100%;transition:all var(--sheet-transition-fast)}.sheet-share-option input[type=radio]:checked+.sheet-share-option-content{border-color:var(--accent-color,#3b82f6);background:rgba(59,130,246,.05)}.sheet-share-option:hover .sheet-share-option-content{border-color:var(--accent-color,#3b82f6)}.sheet-share-option-content .material-icons{font-size:20px;color:var(--text-muted-color);flex-shrink:0;margin-top:2px}.sheet-share-option input[type=radio]:checked+.sheet-share-option-content .material-icons{color:var(--accent-color,#3b82f6)}.sheet-share-option-content span:last-child{display:flex;flex-direction:column;gap:2px}.sheet-share-option-content strong{font-size:14px;font-weight:500;color:var(--text-color)}.sheet-share-option-content small{font-size:12px;color:var(--text-muted-color)}.sheet-share-link-row{display:flex;gap:8px}.sheet-share-link-input{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--hover-bg,rgba(0,0,0,.02));color:var(--text-color);font-size:13px;font-family:monospace}.sheet-share-copy-btn{padding:10px 14px;background:var(--hover-bg,rgba(0,0,0,.05));border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all var(--sheet-transition-fast)}.sheet-share-copy-btn:hover{background:var(--border-color)}.sheet-share-copy-btn .material-icons{font-size:18px;color:var(--text-muted-color)}body.dark-mode .sheet-modal-overlay{background:rgba(0,0,0,.6)}body.dark-mode .sheet-modal{background:var(--gray-800);box-shadow:0 20px 60px rgba(0,0,0,.4)}body.dark-mode .sheet-share-option-content{background:var(--gray-800)}body.dark-mode .sheet-share-option input[type=radio]:checked+.sheet-share-option-content{background:rgba(59,130,246,.1)}body.dark-mode .sheet-share-link-input{background:var(--gray-700)}body.dark-mode .sheet-share-copy-btn{background:var(--gray-700)}body.dark-mode .sheet-modal-footer{background:var(--gray-900)}body.dark-mode .sheet-modal-btn.secondary{background:var(--gray-700)}body.dark-mode .sheet-modal-btn.secondary:hover{background:var(--gray-600)}.sheet-panel-footer{display:flex;align-items:center;justify-content:space-between}.sheet-panel-trash-btn{display:flex;align-items:center;gap:2px;padding:6px 10px;background:0 0;border:none;border-radius:6px;cursor:pointer;color:var(--text-muted-color);transition:all var(--sheet-transition-fast);position:relative}.sheet-panel-trash-btn:hover{background:var(--hover-bg,rgba(0,0,0,.05));color:var(--text-color)}.sheet-panel-trash-btn .material-icons{font-size:18px}.sheet-panel-trash-btn .trash-count{color:var(--text-muted,#888);font-size:12px;font-weight:500;display:inline-flex;align-items:center}.sheet-panel-trash-btn.has-items .material-icons{color:var(--text-color)}.footer-usage-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:11px}.footer-usage-indicator:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.footer-usage-indicator .usage-icon{font-size:14px;color:var(--accent-color,#2196f3)}.usage-mini-bar{width:40px;height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.usage-mini-bar-fill{height:100%;border-radius:2px;transition:width .3s ease,background .3s ease;min-width:2px}.usage-mini-bar-fill.status-normal{background:linear-gradient(90deg,#22c55e,#4ade80)}.usage-mini-bar-fill.status-warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.usage-mini-bar-fill.status-error{background:linear-gradient(90deg,#ef4444,#f87171)}.usage-mini-text{color:var(--text-muted-color);font-weight:500;white-space:nowrap}.footer-usage-indicator.usage-limit-reached{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.footer-usage-indicator.usage-limit-reached .usage-icon{color:#ef4444}.footer-usage-indicator.usage-limit-reached .usage-mini-text{color:#ef4444}.sheet-panel.trash-mode .sheet-panel-title .material-icons{color:var(--accent-color,#ef4444)}.sheet-trash-header-container{padding:0 16px 8px;flex-shrink:0}.sheet-trash-header{padding:12px;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.1);border-radius:8px;display:flex;flex-direction:column;gap:10px}.sheet-trash-notice{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;color:var(--text-muted-color)}.sheet-trash-notice .material-icons{font-size:16px;color:#f59e0b}.sheet-trash-empty-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:0 0;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:12px;font-weight:500;cursor:pointer;transition:all var(--sheet-transition-fast)}.sheet-trash-empty-btn:hover{background:rgba(239,68,68,.1);border-color:#ef4444}.sheet-trash-empty-btn .material-icons{font-size:16px}.sheet-trash-item .sheet-list-icon.trashed{opacity:.5}.sheet-trash-item .sheet-list-icon.trashed .material-icons{color:var(--text-muted-color)}.sheet-trash-item .trash-meta{display:flex;align-items:center;gap:4px;color:#f59e0b}.sheet-trash-item .trash-meta .material-icons{font-size:12px}.sheet-trash-item:hover{background:var(--hover-bg,rgba(0,0,0,.03))}body.dark-mode .sheet-trash-header{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.15)}body.dark-mode .sheet-trash-empty-btn{border-color:rgba(239,68,68,.4)}body.dark-mode .sheet-trash-empty-btn:hover{background:rgba(239,68,68,.15)}.sheet-panel-sort-wrapper{position:relative;z-index:100}.sheet-panel-sort-btn{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--main-bg);color:var(--text-color);font-size:12px;cursor:pointer;outline:0;transition:border-color var(--sheet-transition-fast),box-shadow var(--sheet-transition-fast);display:flex;align-items:center;gap:4px}.sheet-panel-sort-btn:hover{border-color:var(--primary-color,#007aff)}.sheet-panel-sort-btn .dropdown-arrow{font-size:18px;margin-left:2px;color:var(--text-muted-color)}.sheet-panel-sort-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:140px;z-index:1000;padding:4px}.sort-menu-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border:none;background:0 0;cursor:pointer;font-size:13px;color:var(--text-primary,#1f2937);border-radius:6px;transition:background .15s}.sort-menu-item>*{pointer-events:none}.sort-menu-item:hover{background:var(--hover-bg,#f3f4f6)}.sort-menu-item .sort-icon{font-size:16px;color:var(--accent-color,#3b82f6);opacity:0;transition:opacity .15s,transform .15s}.sort-menu-item.active .sort-icon{opacity:1}body.dark-mode .sheet-panel-sort-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}body.dark-mode .sheet-panel-sort-btn:hover{border-color:var(--primary-color,#007aff)}body.dark-mode .sheet-panel-sort-menu{background:#1e1e1e;border-color:#3d3d3d}body.dark-mode .sort-menu-item{color:#e0e0e0}body.dark-mode .sort-menu-item:hover{background:rgba(255,255,255,.1)}.sheet-pin-icon{font-size:14px!important;color:var(--primary-color,#007aff);margin-right:4px;vertical-align:middle}.sheet-grid-pin-icon{position:absolute;top:8px;left:8px;font-size:16px!important;color:var(--primary-color,#007aff);background:rgba(255,255,255,.9);border-radius:4px;padding:2px;z-index:2}body.dark-mode .sheet-grid-pin-icon{background:rgba(0,0,0,.6)}.sheet-list-item.pinned{background:0 0}.sheet-list-item.pinned:hover{background:var(--hover-bg,rgba(255,255,255,.05))}.sheet-grid-item.pinned .sheet-grid-preview{border:2px solid var(--primary-color,#007aff)}body.dark-mode .sheet-list-item.pinned{background:0 0}body.dark-mode .sheet-list-item.pinned:hover{background:var(--hover-bg,rgba(255,255,255,.05))}body.dark-mode .sheet-list-icon .material-icons{color:var(--text-muted-color,#a0a0a0)}body.dark-mode .sheet-list-item.active .sheet-list-icon .material-icons{color:var(--accent-color,#3b82f6)}.sheet-list-name{display:flex;align-items:center}.sheet-panel-date-filter{padding:6px 8px;background:0 0;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;color:var(--text-muted-color);transition:all var(--sheet-transition-fast);display:flex;align-items:center;justify-content:center}.sheet-panel-date-filter:hover{border-color:var(--primary-color,#007aff);color:var(--primary-color,#007aff)}.sheet-panel-date-filter.active{border-color:var(--primary-color,#007aff);color:var(--primary-color,#007aff)}.sheet-panel-date-filter .material-icons{font-size:18px}.sheet-panel-date-bar{display:flex;align-items:center;gap:6px;padding:8px 0;border-top:1px solid var(--border-color);margin-top:12px;max-width:100%;box-sizing:border-box}.sheet-date-inputs{display:flex;align-items:center;gap:6px;flex:1;min-width:0;max-width:100%}.sheet-date-range{flex:1;min-width:0;padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--main-bg);color:var(--text-color);font-size:12px;outline:0;transition:border-color var(--sheet-transition-fast);box-sizing:border-box;cursor:pointer}.sheet-date-range:focus{border-color:var(--primary-color,#007aff)}.sheet-date-range::placeholder{color:var(--text-muted-color)}.sheet-date-end:focus,.sheet-date-start:focus{border-color:var(--primary-color,#007aff)}.sheet-date-separator{color:var(--text-muted-color);font-size:12px}.sheet-date-clear{padding:6px;background:0 0;border:none;border-radius:4px;cursor:pointer;color:var(--text-muted-color);transition:all var(--sheet-transition-fast);display:flex;align-items:center;justify-content:center}.sheet-date-clear:hover{background:var(--hover-bg,rgba(0,0,0,.05));color:var(--text-color)}.sheet-date-clear .material-icons{font-size:16px}body.dark-mode .sheet-panel-date-filter{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}body.dark-mode .sheet-panel-date-filter:hover{border-color:var(--primary-color,#007aff)}body.dark-mode .sheet-date-range{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}body.dark-mode .sheet-date-range:focus{border-color:var(--primary-color,#007aff)}.sheet-list-meta{display:none!important}.sheet-list-updated{color:var(--text-muted-color)}.sheet-section{margin-bottom:8px}.sheet-section:last-child{margin-bottom:0}.sheet-section-header{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:0 -12px;cursor:pointer;color:var(--text-muted-color);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;transition:all var(--sheet-transition-fast);user-select:none}.sheet-section-header:hover{background:var(--hover-bg,rgba(0,0,0,.03));color:var(--text-color)}.sheet-section-header .material-icons:first-child{font-size:16px}.sheet-section-count{background:var(--border-color);padding:2px 6px;border-radius:10px;font-size:10px;color:var(--text-muted-color)}.sheet-section-toggle{margin-left:auto;font-size:18px!important;opacity:.5;transition:transform var(--sheet-transition-fast)}.sheet-section.collapsed .sheet-section-toggle{transform:rotate(-90deg)}.sheet-section-content{overflow:hidden;transition:max-height var(--sheet-transition-normal)}.sheet-section-content.sheet-folder-container{overflow:visible;padding:2px;margin:-2px}.sheet-section.collapsed .sheet-section-content{max-height:0!important}.sheet-section-header[data-section=shared] .material-icons:first-child{color:#22c55e}.sheet-section-header[data-section=recent] .material-icons:first-child{color:#f59e0b}.sheet-section-header[data-section=all] .material-icons:first-child{color:var(--primary-color,#007aff)}.sheet-list-item.compact{padding:4px 8px}.sheet-list-item.compact .sheet-list-icon{width:16px;height:16px}.sheet-list-item.compact .sheet-list-icon .material-icons{font-size:16px}.sheet-list-item.compact .sheet-list-name{font-size:13px}.sheet-section-all .sheet-section-header{cursor:default}.sheet-section-all .sheet-section-toggle{display:none}.sheet-section:not(:last-child)::after{content:'';display:block;height:1px;background:var(--border-color);margin:8px 0;opacity:.5}body.dark-mode .sheet-section-header:hover{background:rgba(255,255,255,.05)}body.dark-mode .sheet-section-count{background:rgba(255,255,255,.1)}.sheet-inline-edit{width:100%;padding:4px 8px;font-size:inherit;font-family:inherit;border:none;border-radius:4px;background:0 0;color:var(--text-color,#333);outline:0;box-sizing:border-box}.sheet-grid-name:has(.sheet-inline-edit),.sheet-list-name:has(.sheet-inline-edit),.sheet-panel-current-name:has(.sheet-inline-edit){user-select:none}body.dark-mode .sheet-inline-edit{background:0 0;color:var(--dark-text-primary,#f5f5f5)}.sheet-panel-current-name{cursor:pointer;padding:2px 4px;border-radius:4px}.sheet-list-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.sheet-tag-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;background:rgba(59,130,246,.1);color:var(--accent-color,#3b82f6);border-radius:10px;font-size:10px;font-weight:500;max-width:80px;cursor:pointer;transition:all var(--sheet-transition-fast);position:relative}.sheet-tag-badge .tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50px}.sheet-tag-badge .tag-remove-btn{font-size:12px;width:14px;height:14px;line-height:14px;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;color:var(--accent-color,#3b82f6);background:rgba(59,130,246,.15);transition:all .15s ease;flex-shrink:0}.sheet-tag-badge:hover .tag-remove-btn{display:inline-flex}.sheet-tag-badge .tag-remove-btn:hover{background:rgba(239,68,68,.2);color:#ef4444}.sheet-tag-badge:hover{background:rgba(59,130,246,.2)}.sheet-tag-more{display:inline-flex;align-items:center;padding:2px 6px;background:var(--hover-bg,rgba(0,0,0,.05));color:var(--text-muted-color);border-radius:10px;font-size:10px;font-weight:500}body.dark-mode .sheet-tag-badge{background:rgba(59,130,246,.2)}body.dark-mode .sheet-tag-badge:hover{background:rgba(59,130,246,.3)}body.dark-mode .sheet-tag-badge .tag-remove-btn{background:rgba(59,130,246,.25)}body.dark-mode .sheet-tag-badge .tag-remove-btn:hover{background:rgba(239,68,68,.3);color:#f87171}body.dark-mode .sheet-tag-more{background:rgba(255,255,255,.1)}@media (max-width:768px){.modal-content{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;border-radius:0!important;flex-direction:column!important}.command-sidebar{width:100%!important;height:auto!important;border-right:none!important;border-bottom:1px solid var(--border-color)}.sidebar-section{display:none}.sidebar-account{display:none}.command-main{height:100%}.auth-btn{padding:6px var(--spacing-sm);font-size:13px}.plans-grid{grid-template-columns:1fr!important}}@keyframes aiPopupShow{0%{transform:scale(.8) translateY(-10px);opacity:0}60%{transform:scale(1.05) translateY(2px)}100%{transform:scale(1) translateY(0);opacity:1}}@keyframes aiChatShow{0%{transform:translateY(100px) scale(.9);opacity:0}60%{transform:translateY(-10px) scale(1.02);opacity:.8}100%{transform:translateY(0) scale(1);opacity:1}}@keyframes aiChatHide{0%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(50px) scale(.95);opacity:0}}@keyframes aiProcessing{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes aiTextHighlight{0%{background:0 0}50%{background:rgba(0,123,255,.1)}100%{background:0 0}}.ai-processing{animation:aiProcessing 1s linear infinite}.ai-text-highlight{animation:aiTextHighlight .5s ease-in-out}@keyframes aiToastShow{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes aiToastHide{0%{transform:translateX(0);opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes aiGlowPulse{0%,100%{box-shadow:0 0 5px rgba(0,123,255,.3);transform:scale(1)}50%{box-shadow:0 0 20px rgba(0,123,255,.6),0 0 30px rgba(0,123,255,.4);transform:scale(1.02)}}@keyframes aiMatrix{0%{opacity:0;transform:translateY(-20px) rotateX(90deg)}25%{opacity:.3;transform:translateY(-10px) rotateX(45deg)}50%{opacity:.7;transform:translateY(-5px) rotateX(15deg)}100%{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes aiWaveform{0%,100%{transform:scaleY(1)}25%{transform:scaleY(1.5)}50%{transform:scaleY(.8)}75%{transform:scaleY(1.3)}}@keyframes aiHologram{0%{opacity:0;transform:scale(.3) rotateY(180deg);filter:hue-rotate(0deg)}30%{opacity:.7;transform:scale(.8) rotateY(90deg);filter:hue-rotate(90deg)}60%{opacity:.9;transform:scale(1.1) rotateY(30deg);filter:hue-rotate(180deg)}100%{opacity:1;transform:scale(1) rotateY(0);filter:hue-rotate(270deg)}}@keyframes aiQuantumFlicker{0%,100%{opacity:1;transform:scale(1) rotate(0);filter:brightness(1)}10%{opacity:.8;transform:scale(1.02) rotate(1deg);filter:brightness(1.2)}20%{opacity:.9;transform:scale(.98) rotate(-1deg);filter:brightness(.9)}30%{opacity:1;transform:scale(1.01) rotate(.5deg);filter:brightness(1.1)}40%{opacity:.85;transform:scale(.99) rotate(-.5deg);filter:brightness(1)}50%{opacity:1;transform:scale(1) rotate(0);filter:brightness(1)}}@keyframes aiNeonScan{0%{background-position:-100% 0}100%{background-position:100% 0}}@keyframes aiDataStream{0%{transform:translateX(-100%);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(100%);opacity:0}}.ai-glow-pulse{animation:aiGlowPulse 2s ease-in-out infinite}.ai-matrix{animation:aiMatrix .8s ease-out}.ai-waveform{animation:aiWaveform 1.5s ease-in-out infinite}.ai-hologram{animation:aiHologram 1.2s ease-in-out}.ai-quantum-flicker{animation:aiQuantumFlicker 3s ease-in-out infinite}.ai-neon-scan{background:linear-gradient(90deg,transparent,rgba(0,255,255,.4),transparent);background-size:200% 100%;animation:aiNeonScan 2s linear infinite}.ai-data-stream::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(0,212,255,.6),transparent);animation:aiDataStream 1.5s linear infinite}@media (max-width:600px){.board-selector{top:5px;left:5px;padding:6px 10px;gap:var(--spacing-xs)}.board-selector label{font-size:var(--font-size-xs)}.board-selector select{font-size:var(--font-size-xs);padding:3px 6px}.board-btn{font-size:11px;padding:3px 6px}}@media (max-width:768px){.countdown-timer{right:10px;top:10px;padding:10px 15px;gap:10px}.timer-display{font-size:var(--font-size-base)}.progress-bars{height:16px}.progress-bar{width:2px}}@media (pointer:coarse){.inline-toolbar button{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.mini-menu-main-btn,.mini-menu-sub-button{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.sheet-item{min-height:var(--touch-target-min);padding:var(--mobile-padding)}.column-resizer{width:24px;margin-left:-12px}.footer-resizer,.header-resizer{height:24px}.clickable,[role=button],a,button{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:var(--mobile-font-size)}}@media (max-width:768px) and (pointer:coarse){#main-content{flex-direction:var(--column-direction)!important}.column-container{flex:none!important;width:var(--column-min-width)!important;min-height:200px;border-right:none!important;border-bottom:1px solid var(--border-color)}.column-container:last-child{border-bottom:none}.column-resizer{display:none}.sheet-panel{width:100vw!important;max-width:100vw!important}.mini-menu-dock{bottom:10px!important;left:50%!important;transform:translateX(-50%)!important}.mini-menu-drag-handle{display:none}.ProseMirror{font-size:16px;line-height:1.7;padding:16px}#globalHeader{min-height:56px;padding:8px 12px}#globalFooter{min-height:48px;padding:8px 12px}.btn,a.btn,button{padding:12px 16px;font-size:16px}.modal-content{padding:16px}.card,.panel{padding:16px;margin:12px 0}li{padding:12px 8px}}@media (max-width:768px){body{position:fixed;width:100%;height:100%;overflow:hidden}#app-container{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.ProseMirror{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mini-menu-dock{position:fixed;bottom:env(safe-area-inset-bottom,10px)}.countdown-timer{position:fixed;top:env(safe-area-inset-top,10px)}}@supports (padding:env(safe-area-inset-bottom)){@media (max-width:768px){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#globalHeader{padding-top:calc(8px + env(safe-area-inset-top))}#globalFooter{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.mini-menu-dock{bottom:calc(10px + env(safe-area-inset-bottom))}}}