.settings-modal{min-width:380px}.settings-row{display:flex;flex-direction:column;gap:6px}.settings-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.settings-file-row{display:flex;align-items:center;gap:10px}.settings-path{flex:1;font-size:14px;color:var(--text-secondary);background:var(--bg-input-solid);padding:8px 12px;border-radius:8px;border:1px solid var(--border-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.settings-physics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-physics-field{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--text-muted)}.settings-physics-field input{background:var(--bg-input-solid);border:1px solid var(--border-tertiary);border-radius:6px;color:var(--text-primary);padding:6px 8px;font-size:13px;font-family:inherit;width:100%;transition:border-color .15s}.settings-physics-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg-light)}.settings-save-btn{background:var(--accent-gradient)!important;border-color:var(--accent)!important;color:#fff!important;font-weight:600!important}.settings-save-btn:hover{background:var(--accent-gradient-hover)!important;box-shadow:0 4px 12px var(--accent-glow-strong)!important}.backup-modal{min-width:380px;max-height:70vh;display:flex;flex-direction:column}.backup-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:50vh}.backup-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-input-solid);border:1px solid var(--border-tertiary);border-radius:8px;transition:border-color .15s}.backup-row:hover{border-color:var(--border-secondary)}.backup-date{font-size:13px;color:var(--text-secondary)}.backup-restore-btn{background:var(--accent-bg)!important;border-color:var(--accent-border)!important;color:var(--accent)!important;font-size:12px!important;padding:4px 12px!important;border-radius:6px!important;transition:all .15s!important}.backup-restore-btn:hover{background:var(--accent-bg-light)!important}.backup-actions{display:flex;justify-content:flex-end;margin-top:8px}.backup-loading,.backup-empty{color:var(--text-muted);font-size:14px;padding:16px 0;text-align:center}.hotkey-legend{position:fixed;bottom:16px;left:16px;background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-secondary);border-radius:10px;padding:10px 14px;display:grid;grid-template-columns:auto auto auto;gap:5px 16px;z-index:100;opacity:.6;transition:opacity .3s ease;animation:legend-enter .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #0000004d}@keyframes legend-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:.6;transform:translateY(0)}}.hotkey-legend:hover{opacity:1}.legend-row{display:flex;align-items:center;gap:8px}.legend-keys{display:flex;align-items:center;gap:3px}.legend-desc{font-size:11px;color:var(--text-muted);white-space:nowrap}.legend-hint{font-style:italic;color:var(--text-faint)}.arrow-keys kbd{font-size:8px;min-width:20px;height:20px;padding:0}.legend-plus{font-size:10px;color:var(--text-dim);margin:0 1px}.queue-bar{margin-bottom:12px;display:flex;flex-direction:column;gap:8px;animation:queue-enter .3s cubic-bezier(.16,1,.3,1)}@keyframes queue-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.queue-bar.queue-focused{margin-bottom:16px}.queue-label{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;flex-shrink:0}.queue-items{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.queue-item{padding:8px 12px;background:var(--queue-bg);border:1.5px solid var(--queue-border);border-radius:8px;cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.queue-item:hover{border-color:var(--node-border-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.queue-item.queue-selected{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow-strong),0 4px 12px #0003}.queue-item.queue-temp{border-style:dashed;border-color:var(--accent-border)}.queue-item.checked{opacity:.4}.queue-item.checked .queue-item-title{text-decoration:line-through;text-decoration-color:var(--node-border-hover)}.queue-item.compact{min-width:100px;max-width:200px}.queue-item.expanded{width:200px;min-width:200px;aspect-ratio:3 / 2;padding:14px 16px;border-radius:10px;display:flex;flex-direction:column;gap:6px}.queue-item.expanded.queue-selected{box-shadow:0 0 20px var(--accent-glow-strong),0 8px 24px #0000004d;transform:translateY(-3px)}.queue-item.expanded.queue-editing{box-shadow:0 0 24px var(--accent-border);aspect-ratio:auto;min-height:133px}.queue-item-title{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.queue-item.expanded .queue-item-title{font-size:14px;font-weight:600;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.queue-item-check{font-size:11px;color:var(--success);margin-right:2px}.queue-item-body{font-size:12px;color:var(--text-muted);line-height:1.4;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:pre-wrap}.queue-item-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:auto}.queue-item-input{font-size:13px;background:transparent;border:none;outline:none;color:var(--text-primary);width:100%;font-family:inherit;resize:none;overflow:hidden;line-height:1.4;flex:1;min-height:80px}.queue-item.ejecting{opacity:.8;transition:none}@media(min-width:1200px){.queue-item.expanded{width:220px;min-width:220px}}@media(max-width:800px){.queue-item.expanded{width:170px;min-width:170px}}@media(max-width:600px){.queue-item.expanded{width:150px;min-width:150px}}.emoji-picker{position:absolute;z-index:1000;background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-secondary);border-radius:10px;box-shadow:0 8px 24px #0006;width:240px;max-height:260px;overflow:hidden;animation:emoji-enter .2s cubic-bezier(.16,1,.3,1)}@keyframes emoji-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-list{max-height:260px;overflow-y:auto}.emoji-picker-item{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;color:var(--text-primary);transition:background .1s}.emoji-picker-item:hover,.emoji-picker-item.selected{background:var(--bg-hover)}.emoji-picker-emoji{font-size:1.2em;flex-shrink:0}.emoji-picker-code{font-size:.85em;color:var(--text-muted)}.web-settings-overlay{position:fixed;inset:0;background:var(--bg-overlay-light);z-index:200;display:flex;justify-content:center;align-items:flex-start;padding-top:80px;animation:ws-fade-in .15s ease}@keyframes ws-fade-in{0%{opacity:0}to{opacity:1}}.web-settings-panel{background:var(--bg-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-secondary);border-radius:12px;padding:0;min-width:440px;max-width:520px;width:100%;box-shadow:0 16px 48px #0006;animation:ws-slide-in .2s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes ws-slide-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.web-settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-tertiary)}.web-settings-title{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:.3px}.web-settings-close-hint{font-size:11px;color:var(--text-faint);letter-spacing:.5px}.web-settings-close-hint kbd{background:var(--bg-input-solid);border:1px solid var(--border-secondary);border-radius:4px;padding:1px 6px;font-size:11px;color:var(--kbd-text);font-family:inherit}.web-settings-tabs{display:flex;border-bottom:1px solid var(--border-faint)}.web-settings-tab{flex:1;padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;letter-spacing:.3px}.web-settings-tab:hover{color:var(--text-secondary);background:var(--bg-hover-light)}.web-settings-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.web-settings-body{padding:20px;min-height:120px}.web-settings-section{display:flex;flex-direction:column;gap:16px}.web-settings-row{display:flex;flex-direction:column;gap:6px}.web-settings-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.web-settings-value{font-size:14px;color:var(--text-secondary);background:var(--bg-input-solid);padding:10px 14px;border-radius:8px;border:1px solid var(--border-tertiary);display:flex;align-items:center;justify-content:space-between}.web-settings-value .current-tag{font-size:10px;color:var(--accent);background:var(--accent-bg-light);border:1px solid var(--accent-border-light);border-radius:4px;padding:2px 8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.web-settings-hint{font-size:12px;color:var(--text-faint);font-style:italic}.scheme-list{display:flex;flex-direction:column;gap:12px}.scheme-card{border:1px solid var(--border-secondary);border-radius:8px;padding:12px 14px;cursor:pointer;transition:border-color .2s,background .2s}.scheme-card:hover{border-color:var(--accent-border-light, rgba(233, 69, 96, .4))}.scheme-card.selected{border-color:var(--accent);background:var(--accent-bg-light, rgba(233, 69, 96, .06))}.scheme-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.scheme-radio{color:var(--accent);font-size:16px}.scheme-name{font-weight:600;font-size:14px;color:var(--text-primary)}.scheme-desc{font-size:12px;color:var(--text-muted);margin:0 0 8px}.scheme-keymap{width:100%;border-collapse:collapse;font-size:11px}.scheme-keymap td{padding:2px 6px}.keymap-action{color:var(--text-muted);white-space:nowrap}.keymap-keys{color:var(--text-secondary);font-family:monospace;text-align:right}.scheme-note{margin-top:12px;padding:10px 12px;background:var(--accent-bg-light, rgba(233, 69, 96, .06));border:1px solid var(--accent-border-light, rgba(233, 69, 96, .2));border-radius:6px;font-size:12px;color:var(--text-muted);line-height:1.5}.scheme-note kbd{background:var(--bg-input-solid);border:1px solid var(--border-secondary);border-radius:3px;padding:1px 5px;font-size:11px;color:var(--text-primary)}.theme-options{display:flex;flex-direction:column;gap:8px}.theme-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1.5px solid var(--border-tertiary);background:var(--bg-input-solid);cursor:pointer;transition:all .15s ease}.theme-option:hover{border-color:var(--border-secondary);background:var(--bg-hover-light)}.theme-option.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-bg-light)}.theme-preview{display:flex;gap:4px;align-items:center;flex-shrink:0}.theme-preview-dot{width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(128,128,128,.3)}.theme-option-info{display:flex;flex-direction:column;gap:2px;flex:1}.theme-option-name{font-size:14px;font-weight:600;color:var(--text-primary)}.theme-option-desc{font-size:11px;color:var(--text-muted)}.theme-option-active-tag{font-size:10px;color:var(--accent);background:var(--accent-bg-light);border:1px solid var(--accent-border-light);border-radius:4px;padding:2px 8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;flex-shrink:0}.web-settings-physics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.web-settings-physics-field{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--text-muted)}.web-settings-physics-field input{background:var(--bg-input-solid);border:1px solid var(--border-tertiary);border-radius:6px;color:var(--text-primary);padding:6px 8px;font-size:13px;font-family:inherit;width:100%;transition:border-color .15s}.web-settings-physics-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg-light)}.web-settings-file-row{display:flex;align-items:center;gap:10px}.web-settings-path{flex:1;font-size:14px;color:var(--text-secondary);background:var(--bg-input-solid);padding:8px 12px;border-radius:8px;border:1px solid var(--border-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-settings-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:16px;border-top:1px solid var(--border-faint)}.web-settings-save-btn{background:var(--accent-gradient)!important;border-color:var(--accent)!important;color:#fff!important;font-weight:600!important}.web-settings-save-btn:hover{background:var(--accent-gradient-hover)!important;box-shadow:0 4px 12px var(--accent-glow-strong)!important}:root,[data-theme=dark]{--bg-primary: #0d0d1a;--bg-secondary: rgba(22, 33, 62, .6);--bg-secondary-solid: #16213e;--bg-tertiary: #1a1a2e;--bg-input: rgba(26, 26, 46, .6);--bg-input-solid: rgba(13, 13, 26, .5);--bg-overlay: rgba(0, 0, 0, .7);--bg-overlay-light: rgba(0, 0, 0, .5);--bg-panel: rgba(22, 33, 62, .95);--bg-hover: rgba(15, 52, 96, .5);--bg-hover-light: rgba(15, 52, 96, .15);--bg-code: rgba(15, 52, 96, .6);--bg-code-block: rgba(15, 52, 96, .4);--bg-dot-grid: rgba(255, 255, 255, .015);--border-primary: #0f3460;--border-secondary: rgba(15, 52, 96, .6);--border-tertiary: rgba(15, 52, 96, .4);--border-subtle: rgba(15, 52, 96, .25);--border-faint: rgba(15, 52, 96, .3);--text-primary: #e0e0e0;--text-secondary: #8892a4;--text-muted: #667;--text-faint: #556;--text-dim: #445;--text-ghost: #3a3a5a;--text-dark: #2a2a3a;--text-strong: #fff;--accent: #e94560;--accent-hover: #ff5577;--accent-bg: rgba(233, 69, 96, .15);--accent-bg-light: rgba(233, 69, 96, .1);--accent-bg-faint: rgba(233, 69, 96, .05);--accent-border: rgba(233, 69, 96, .3);--accent-border-light: rgba(233, 69, 96, .2);--accent-glow: rgba(233, 69, 96, .12);--accent-glow-strong: rgba(233, 69, 96, .2);--accent-gradient: linear-gradient(135deg, #e94560, #d63851);--accent-gradient-hover: linear-gradient(135deg, #ff5577, #e94560);--accent-gradient-text: linear-gradient(135deg, #e94560, #ff6b81);--success: #4ade80;--link: #5b9bd5;--link-hover: #7bb8e8;--link-underline: rgba(91, 155, 213, .3);--link-underline-hover: rgba(123, 184, 232, .6);--node-bg: rgba(22, 33, 62, .6);--node-bg-hover: rgba(22, 33, 62, .8);--node-bg-selected: rgba(26, 26, 62, .8);--node-bg-editing: rgba(26, 26, 62, .9);--node-border: rgba(15, 52, 96, .6);--node-border-hover: rgba(233, 69, 96, .4);--child-bg: rgba(22, 33, 62, .4);--child-border: rgba(15, 52, 96, .4);--parent-bg: rgba(22, 33, 62, .3);--parent-border: rgba(15, 52, 96, .3);--queue-bg: rgba(22, 33, 62, .6);--queue-border: rgba(15, 52, 96, .5);--badge-bg: rgba(15, 52, 96, .5);--badge-text: #6b8bb8;--badge-border: rgba(15, 52, 96, .4);--kbd-bg-start: rgba(42, 42, 74, .8);--kbd-bg-end: rgba(26, 26, 58, .8);--kbd-border: rgba(58, 58, 90, .6);--kbd-border-bottom: rgba(42, 42, 58, .8);--kbd-shadow: rgba(0, 0, 0, .3);--kbd-highlight: rgba(255, 255, 255, .04);--kbd-text: #8892a4;--mode-visual-bg: rgba(15, 52, 96, .6);--mode-visual-text: #6b8bb8;--mode-visual-border: rgba(15, 52, 96, .8);--line-color: #e94560;--md-hr: #333;--deadline-default-bg: rgba(15, 52, 96, .5);--deadline-default-text: #6b8bb8;--deadline-default-border: rgba(15, 52, 96, .4);--cal-cell-hover: rgba(26, 42, 78, .6);--scrollbar-width: none;--login-glow: rgba(233, 69, 96, .06);--login-radial-edge: #0d0d1a}[data-theme=midnight]{--bg-primary: #0a0e1a;--bg-secondary: rgba(16, 24, 48, .7);--bg-secondary-solid: #101830;--bg-tertiary: #121a30;--bg-input: rgba(14, 18, 36, .7);--bg-input-solid: rgba(8, 10, 22, .6);--bg-overlay: rgba(0, 0, 0, .75);--bg-overlay-light: rgba(0, 0, 0, .55);--bg-panel: rgba(16, 24, 48, .97);--bg-hover: rgba(30, 50, 100, .5);--bg-hover-light: rgba(30, 50, 100, .15);--bg-code: rgba(20, 40, 80, .6);--bg-code-block: rgba(20, 40, 80, .4);--bg-dot-grid: rgba(100, 140, 255, .012);--border-primary: #1a3060;--border-secondary: rgba(30, 60, 120, .6);--border-tertiary: rgba(30, 60, 120, .4);--border-subtle: rgba(30, 60, 120, .25);--border-faint: rgba(30, 60, 120, .3);--text-primary: #d4dae8;--text-secondary: #7e8ba8;--text-muted: #586888;--text-faint: #4a5a78;--text-dim: #3a4a68;--text-ghost: #2a3a58;--text-dark: #1e2a48;--text-strong: #eef2ff;--accent: #6366f1;--accent-hover: #818cf8;--accent-bg: rgba(99, 102, 241, .15);--accent-bg-light: rgba(99, 102, 241, .1);--accent-bg-faint: rgba(99, 102, 241, .05);--accent-border: rgba(99, 102, 241, .3);--accent-border-light: rgba(99, 102, 241, .2);--accent-glow: rgba(99, 102, 241, .12);--accent-glow-strong: rgba(99, 102, 241, .2);--accent-gradient: linear-gradient(135deg, #6366f1, #4f46e5);--accent-gradient-hover: linear-gradient(135deg, #818cf8, #6366f1);--accent-gradient-text: linear-gradient(135deg, #6366f1, #a5b4fc);--success: #34d399;--link: #60a5fa;--link-hover: #93c5fd;--link-underline: rgba(96, 165, 250, .3);--link-underline-hover: rgba(147, 197, 253, .6);--node-bg: rgba(16, 24, 48, .7);--node-bg-hover: rgba(20, 30, 60, .85);--node-bg-selected: rgba(20, 26, 60, .85);--node-bg-editing: rgba(20, 26, 60, .95);--node-border: rgba(30, 60, 120, .6);--node-border-hover: rgba(99, 102, 241, .4);--child-bg: rgba(16, 24, 48, .5);--child-border: rgba(30, 60, 120, .4);--parent-bg: rgba(16, 24, 48, .35);--parent-border: rgba(30, 60, 120, .3);--queue-bg: rgba(16, 24, 48, .7);--queue-border: rgba(30, 60, 120, .5);--badge-bg: rgba(30, 60, 120, .5);--badge-text: #6b8bd8;--badge-border: rgba(30, 60, 120, .4);--kbd-bg-start: rgba(30, 40, 70, .8);--kbd-bg-end: rgba(18, 26, 50, .8);--kbd-border: rgba(50, 60, 100, .6);--kbd-border-bottom: rgba(35, 45, 70, .8);--kbd-shadow: rgba(0, 0, 0, .35);--kbd-highlight: rgba(150, 180, 255, .04);--kbd-text: #7e8ba8;--mode-visual-bg: rgba(30, 60, 120, .6);--mode-visual-text: #6b8bd8;--mode-visual-border: rgba(30, 60, 120, .8);--line-color: #6366f1;--md-hr: #2a3a58;--deadline-default-bg: rgba(30, 60, 120, .5);--deadline-default-text: #6b8bd8;--deadline-default-border: rgba(30, 60, 120, .4);--cal-cell-hover: rgba(30, 50, 100, .6);--login-glow: rgba(99, 102, 241, .06);--login-radial-edge: #0a0e1a}[data-theme=light]{--bg-primary: #f8f9fc;--bg-secondary: rgba(235, 238, 248, .8);--bg-secondary-solid: #ebeef8;--bg-tertiary: #f0f2f8;--bg-input: rgba(240, 242, 250, .9);--bg-input-solid: rgba(245, 246, 252, .9);--bg-overlay: rgba(0, 0, 0, .3);--bg-overlay-light: rgba(0, 0, 0, .15);--bg-panel: rgba(255, 255, 255, .97);--bg-hover: rgba(100, 120, 180, .1);--bg-hover-light: rgba(100, 120, 180, .06);--bg-code: rgba(100, 120, 180, .1);--bg-code-block: rgba(100, 120, 180, .07);--bg-dot-grid: rgba(0, 0, 0, .02);--border-primary: #d0d5e2;--border-secondary: rgba(180, 190, 215, .6);--border-tertiary: rgba(180, 190, 215, .4);--border-subtle: rgba(180, 190, 215, .3);--border-faint: rgba(180, 190, 215, .25);--text-primary: #1a1d2e;--text-secondary: #5a6278;--text-muted: #7a8298;--text-faint: #9098ae;--text-dim: #a0a8be;--text-ghost: #b8bece;--text-dark: #c8cede;--text-strong: #000;--accent: #e03050;--accent-hover: #c8283f;--accent-bg: rgba(224, 48, 80, .1);--accent-bg-light: rgba(224, 48, 80, .06);--accent-bg-faint: rgba(224, 48, 80, .03);--accent-border: rgba(224, 48, 80, .25);--accent-border-light: rgba(224, 48, 80, .15);--accent-glow: rgba(224, 48, 80, .08);--accent-glow-strong: rgba(224, 48, 80, .12);--accent-gradient: linear-gradient(135deg, #e03050, #c42840);--accent-gradient-hover: linear-gradient(135deg, #c42840, #b02038);--accent-gradient-text: linear-gradient(135deg, #e03050, #f05070);--success: #16a34a;--link: #2563eb;--link-hover: #1d4ed8;--link-underline: rgba(37, 99, 235, .25);--link-underline-hover: rgba(29, 78, 216, .4);--node-bg: rgba(255, 255, 255, .8);--node-bg-hover: rgba(255, 255, 255, .95);--node-bg-selected: rgba(255, 255, 255, 1);--node-bg-editing: rgba(255, 255, 255, 1);--node-border: rgba(180, 190, 215, .5);--node-border-hover: rgba(224, 48, 80, .35);--child-bg: rgba(240, 242, 250, .7);--child-border: rgba(180, 190, 215, .35);--parent-bg: rgba(240, 242, 250, .5);--parent-border: rgba(180, 190, 215, .3);--queue-bg: rgba(255, 255, 255, .8);--queue-border: rgba(180, 190, 215, .5);--badge-bg: rgba(100, 120, 180, .1);--badge-text: #4a5a88;--badge-border: rgba(180, 190, 215, .4);--kbd-bg-start: rgba(240, 242, 250, .9);--kbd-bg-end: rgba(230, 232, 244, .9);--kbd-border: rgba(190, 198, 218, .7);--kbd-border-bottom: rgba(180, 188, 208, .8);--kbd-shadow: rgba(0, 0, 0, .06);--kbd-highlight: rgba(255, 255, 255, .8);--kbd-text: #5a6278;--mode-visual-bg: rgba(100, 120, 180, .12);--mode-visual-text: #4a5a88;--mode-visual-border: rgba(100, 120, 180, .25);--line-color: #e03050;--md-hr: #d0d5e2;--deadline-default-bg: rgba(100, 120, 180, .1);--deadline-default-text: #4a5a88;--deadline-default-border: rgba(180, 190, 215, .4);--cal-cell-hover: rgba(100, 120, 180, .12);--login-glow: rgba(224, 48, 80, .04);--login-radial-edge: #f8f9fc}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{display:none}*{scrollbar-width:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}.app{height:100%;display:flex;flex-direction:column;padding:20px;animation:app-enter .5s cubic-bezier(.16,1,.3,1);position:relative}.app:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--bg-dot-grid) 1px,transparent 0);background-size:32px 32px;pointer-events:none;z-index:-1}@keyframes app-enter{0%{opacity:0}to{opacity:1}}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.load-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;letter-spacing:.2px}.load-btn:hover{background:var(--border-primary);color:var(--text-primary);border-color:var(--border-primary);transform:translateY(-1px)}.load-btn:active{transform:translateY(0)}.save-dot{width:6px;height:6px;border-radius:50%;background:var(--success);display:inline-block;margin-right:6px;animation:save-dot-pulse 2s ease-in-out infinite}@keyframes save-dot-pulse{0%,to{opacity:.5}50%{opacity:1}}.mode-indicator{font-size:11px;padding:4px 12px;border-radius:6px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.mode-indicator.visual{background:var(--mode-visual-bg);color:var(--mode-visual-text);box-shadow:0 0 0 1px var(--mode-visual-border)}.mode-indicator.edit{background:var(--accent-bg);color:var(--accent);box-shadow:0 0 0 1px var(--accent-border),0 0 12px var(--accent-bg-light);animation:mode-edit-pulse 2s ease-in-out infinite}@keyframes mode-edit-pulse{0%,to{box-shadow:0 0 0 1px var(--accent-border),0 0 12px var(--accent-bg-light)}50%{box-shadow:0 0 0 1px var(--node-border-hover),0 0 20px var(--accent-bg)}}.breadcrumb{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-faint);flex-wrap:wrap;animation:breadcrumb-enter .3s ease}@keyframes breadcrumb-enter{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.breadcrumb-item{color:var(--text-faint);transition:color .2s;padding:2px 6px;border-radius:4px;cursor:pointer;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-item:hover{color:var(--text-secondary);background:var(--bg-hover)}.breadcrumb-item.current{color:var(--accent);font-weight:500;cursor:default}.breadcrumb-item.current:hover{background:none}.breadcrumb-separator{color:var(--text-dark);font-size:10px;-webkit-user-select:none;user-select:none}.columns-viewport{flex:1;overflow:hidden;position:relative}.columns{display:flex;align-items:flex-start;height:100%;will-change:transform;transform:translate(0)}.column-spacer{width:460px;min-width:460px}.node-list{width:400px;min-width:400px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding:4px;max-height:100%}.node-box{width:100%;padding:14px 18px;background:var(--node-bg);border:1.5px solid var(--node-border);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s cubic-bezier(.16,1,.3,1);animation:node-enter .3s cubic-bezier(.16,1,.3,1) backwards;position:relative}.node-box:nth-child(1){animation-delay:.02s}.node-box:nth-child(2){animation-delay:.04s}.node-box:nth-child(3){animation-delay:.06s}.node-box:nth-child(4){animation-delay:.08s}.node-box:nth-child(5){animation-delay:.1s}.node-box:nth-child(6){animation-delay:.12s}.node-box:nth-child(7){animation-delay:.14s}.node-box:nth-child(8){animation-delay:.16s}.node-box:nth-child(9){animation-delay:.18s}.node-box:nth-child(10){animation-delay:.2s}@keyframes node-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.node-box:hover{border-color:var(--node-border-hover);background:var(--node-bg-hover)}.node-box.selected{border-color:var(--accent);background:var(--node-bg-selected);box-shadow:0 0 20px var(--accent-glow),inset 0 0 0 1px var(--accent-bg-faint);border-left:3px solid var(--accent);animation:node-enter .3s cubic-bezier(.16,1,.3,1) backwards,selected-glow 3s ease-in-out infinite}@keyframes selected-glow{0%,to{box-shadow:0 0 20px var(--accent-glow),inset 0 0 0 1px var(--accent-bg-faint)}50%{box-shadow:0 0 28px var(--accent-glow-strong),inset 0 0 0 1px var(--accent-bg-light)}}.node-box.editing{border-color:var(--accent);border-left:3px solid var(--accent);background:var(--node-bg-editing);box-shadow:0 0 24px var(--accent-glow-strong),inset 0 0 0 1px var(--accent-bg-light);position:relative}.edit-icon{position:absolute;top:-6px;left:-6px;width:18px;height:18px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;box-shadow:0 2px 8px var(--node-border-hover);animation:edit-icon-pop .3s cubic-bezier(.16,1,.3,1)}@keyframes edit-icon-pop{0%{transform:scale(0)}to{transform:scale(1)}}.node-box.checked{opacity:.4;transition:opacity .3s ease}.node-box.checked .node-text{text-decoration:line-through;text-decoration-color:var(--node-border-hover)}.node-check{color:var(--success);font-size:12px;font-weight:600}.node-text{font-size:15px;white-space:pre-wrap;word-break:break-word;line-height:1.5;letter-spacing:.1px}.node-link{color:var(--link);text-decoration:underline;text-decoration-color:var(--link-underline);cursor:pointer;transition:all .15s}.node-link:hover{color:var(--link-hover);text-decoration-color:var(--link-underline-hover)}.node-markdown{white-space:normal;display:block}.node-markdown p{margin:0 0 .5em}.node-markdown p:last-child{margin-bottom:0}.node-markdown h1,.node-markdown h2,.node-markdown h3{margin:0 0 .3em;color:var(--accent)}.node-markdown h1{font-size:1.3em}.node-markdown h2{font-size:1.15em}.node-markdown h3{font-size:1.05em}.node-markdown code{background:var(--bg-code);padding:2px 6px;border-radius:4px;font-size:.88em}.node-markdown pre{background:var(--bg-code-block);padding:10px 12px;border-radius:6px;overflow-x:auto;margin:.3em 0;border:1px solid var(--border-secondary)}.node-markdown pre code{background:none;padding:0}.node-markdown strong{color:var(--text-strong)}.node-markdown em{color:var(--text-secondary)}.node-markdown a{color:var(--link);text-decoration:underline}.node-markdown ul,.node-markdown ol{margin:.3em 0;padding-left:1.5em}.node-markdown blockquote{border-left:3px solid var(--accent);padding-left:10px;margin:.3em 0;color:var(--text-secondary)}.node-markdown hr{border:none;border-top:1px solid var(--md-hr);margin:.5em 0;width:100%}.markdown-badge{font-size:9px;font-weight:700;background:var(--accent-bg);color:var(--accent);padding:1px 5px;border-radius:4px;letter-spacing:.5px;border:1px solid var(--accent-border-light)}.node-text-input{font-size:15px;background:transparent;border:none;outline:none;color:var(--text-primary);width:100%;font-family:inherit;resize:none;overflow:hidden;line-height:1.5;letter-spacing:.1px}.node-meta{display:flex;align-items:center;gap:6px;color:var(--text-faint);font-size:13px;flex-shrink:0}.child-count{background:var(--badge-bg);padding:2px 8px;border-radius:10px;font-size:11px;color:var(--badge-text);font-weight:500}.child-count s{opacity:.5;text-decoration:line-through}.lines-svg{width:60px;min-width:60px;height:100%;overflow:visible}.lines-svg path{transition:d .2s ease}.child-list{width:400px;min-width:400px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding:4px;max-height:100%}.child-box{width:100%;padding:10px 14px;background:var(--child-bg);border:1px solid var(--child-border);border-radius:8px;display:flex;align-items:center;justify-content:space-between;opacity:.65;cursor:pointer;transition:all .2s ease;animation:child-enter .3s cubic-bezier(.16,1,.3,1) backwards}.child-box:nth-child(1){animation-delay:.02s}.child-box:nth-child(2){animation-delay:.04s}.child-box:nth-child(3){animation-delay:.06s}.child-box:nth-child(4){animation-delay:.08s}.child-box:nth-child(5){animation-delay:.1s}@keyframes child-enter{0%{opacity:0;transform:translate(8px)}to{opacity:.65;transform:translate(0)}}.child-box:hover{border-color:var(--node-border-hover);opacity:.85;transform:translate(2px)}.child-box.checked{opacity:.3}.child-box.checked .node-text{text-decoration:line-through}.child-box .node-text{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.parent-list{width:400px;min-width:400px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding:4px;max-height:100%}.parent-box{width:100%;padding:10px 14px;background:var(--parent-bg);border:1px solid var(--parent-border);border-radius:8px;display:flex;align-items:center;justify-content:space-between;opacity:.45;cursor:pointer;transition:all .2s ease}.parent-box:hover{border-color:var(--accent-border);opacity:.65;transform:translate(-2px)}.parent-box.highlighted{border-color:var(--node-border-hover);opacity:.7}.parent-box.checked{opacity:.25}.parent-box.checked .node-text{text-decoration:line-through}.parent-box .node-text{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-ghost);font-size:14px;gap:12px;animation:empty-fade .6s cubic-bezier(.16,1,.3,1)}.empty-state kbd{vertical-align:1px}.empty-state-icon{font-size:32px;opacity:.3;animation:empty-float 4s ease-in-out infinite}@keyframes empty-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;font-family:inherit;font-size:10px;color:var(--kbd-text);background:linear-gradient(180deg,var(--kbd-bg-start) 0%,var(--kbd-bg-end) 100%);border:1px solid var(--kbd-border);border-bottom:2px solid var(--kbd-border-bottom);border-radius:4px;box-shadow:0 1px 3px var(--kbd-shadow),inset 0 1px 0 var(--kbd-highlight)}.toast{position:fixed;top:20px;right:20px;background:var(--bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);padding:10px 20px;border-radius:10px;font-size:13px;font-weight:500;z-index:300;animation:toast-in .35s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #0000004d;border:1px solid var(--border-secondary)}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-check{display:inline-block;margin-right:6px;color:var(--success);animation:toast-check-pop .4s cubic-bezier(.16,1,.3,1)}@keyframes toast-check-pop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.3) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;animation:overlay-in .2s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-secondary);border-radius:14px;padding:24px 28px;min-width:300px;display:flex;flex-direction:column;gap:12px;animation:modal-in .3s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 60px #00000080}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.modal-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--text-secondary);transition:all .15s ease}.modal-option:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-btn{font-size:18px;padding:6px 12px;line-height:1}.deadline-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--deadline-default-bg);color:var(--deadline-default-text);letter-spacing:.3px;white-space:nowrap;border:1px solid var(--deadline-default-border)}.deadline-badge.today{background:#e9456033;color:#e94560;border-color:#e945604d}.deadline-badge.soon{background:#c4783e33;color:#e8a860;border-color:#c4783e4d}.deadline-badge.overdue{background:#8b20354d;color:#ff8a9e;border-color:#8b203566;animation:overdue-pulse 2s ease-in-out infinite}@keyframes overdue-pulse{0%,to{opacity:1}50%{opacity:.6}}.priority-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase;border:1px solid transparent}.priority-badge.low{background:#1a4a3a66;color:#4ade80;border-color:#4ade8026}.priority-badge.medium{background:#4a3a1a66;color:#fbbf24;border-color:#fbbf2426}.priority-badge.high{background:#4a2a1a66;color:#fb923c;border-color:#fb923c26}.priority-badge.urgent{background:#4a1a2a66;color:#f87171;border-color:#f8717126}.cal-header-panel{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cal-month{font-size:13px;font-weight:600;color:var(--text-primary)}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.cal-weekday{text-align:center;font-size:10px;font-weight:600;color:var(--text-faint);padding:2px 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-cell{text-align:center;font-size:12px;padding:5px 2px;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:all .15s ease}.cal-cell:hover:not(.empty){background:var(--cal-cell-hover);color:var(--text-secondary)}.cal-cell.empty{cursor:default}.cal-cell.cursor{background:var(--accent);color:#fff;font-weight:700;box-shadow:0 0 12px var(--accent-border)}.cal-cell.today:not(.cursor){color:var(--accent);font-weight:700}.cal-cell.deadline:not(.cursor){background:var(--badge-bg);color:var(--link-hover);font-weight:600}.metadata-panel{position:fixed;right:0;top:0;bottom:0;width:320px;background:var(--bg-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border-secondary);padding:20px;z-index:100;overflow-y:auto;display:flex;flex-direction:column;gap:16px;animation:panel-slide .3s cubic-bezier(.16,1,.3,1);box-shadow:-8px 0 30px #0006}@keyframes panel-slide{0%{transform:translate(100%);opacity:.5}to{transform:translate(0);opacity:1}}.meta-panel-header{display:flex;flex-direction:column;gap:4px}.meta-panel-title{font-size:16px;font-weight:600;color:var(--accent)}.meta-panel-hint{font-size:10px;color:var(--text-faint)}.meta-panel-hint kbd{font-size:9px;min-width:16px;height:16px;padding:0 3px}.meta-panel-node-preview{font-size:13px;color:var(--text-secondary);padding:10px 12px;background:var(--bg-input-solid);border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid var(--border-tertiary)}.meta-field{padding:12px;border-radius:10px;border:1px solid var(--border-tertiary);background:var(--bg-input-solid);transition:border-color .2s,box-shadow .2s}.meta-field.active{border-color:var(--node-border-hover);box-shadow:0 0 12px var(--accent-bg-light)}.meta-field-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.meta-field-value{font-size:12px;color:var(--link-hover);text-transform:none;letter-spacing:0}.meta-field-actions{margin-top:8px;font-size:10px;color:var(--text-dim);text-align:right}.meta-field-actions kbd{font-size:9px;min-width:16px;height:16px;padding:0 3px}.priority-list{display:flex;flex-direction:column;gap:3px}.priority-option{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.priority-option:hover{background:var(--cal-cell-hover);color:var(--text-secondary)}.priority-option.cursor{background:var(--bg-hover);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--accent)}.priority-option.current{color:var(--text-primary);font-weight:600}.priority-dot{width:8px;height:8px;border-radius:50%}.priority-dot.none{background:#444}.priority-dot.low{background:#4ade80}.priority-dot.medium{background:#fbbf24}.priority-dot.high{background:#fb923c}.priority-dot.urgent{background:#f87171}.priority-value{font-size:10px;font-weight:700;text-transform:none;letter-spacing:0;padding:1px 5px;border-radius:3px}.priority-value.low{background:#1a4a3a66;color:#4ade80}.priority-value.medium{background:#4a3a1a66;color:#fbbf24}.priority-value.high{background:#4a2a1a66;color:#fb923c}.priority-value.urgent{background:#4a1a2a66;color:#f87171}.time-picker{display:flex;flex-direction:column;gap:2px}.time-option{padding:6px 10px;border-radius:6px;font-size:13px;color:var(--text-faint);cursor:pointer;text-align:center;transition:all .15s ease;font-variant-numeric:tabular-nums}.time-option:hover{background:var(--cal-cell-hover);color:var(--text-secondary)}.time-option.cursor{background:var(--bg-hover);color:var(--text-primary);font-weight:600;box-shadow:inset 2px 0 0 var(--accent)}.time-option.current{color:var(--link-hover);font-weight:600}.auth-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-muted);font-size:18px;background:var(--bg-tertiary)}.auth-loading:after{content:"";display:inline-block;width:20px;height:20px;border:2px solid var(--md-hr);border-top-color:var(--accent);border-radius:50%;margin-left:12px;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary);position:relative;overflow:hidden}.login-bg{position:absolute;inset:0;overflow:hidden;opacity:.7;pointer-events:none}.login-bg-node{position:absolute;background:var(--bg-secondary-solid);border:1px solid var(--border-primary);border-radius:8px;padding:10px 16px;font-size:13px;color:var(--text-primary);white-space:nowrap;animation:bg-float 20s ease-in-out infinite}.login-bg-node:nth-child(1){left:5%;top:15%;animation-delay:0s;animation-duration:22s}.login-bg-node:nth-child(2){left:15%;top:35%;animation-delay:-3s;animation-duration:18s}.login-bg-node:nth-child(3){left:8%;top:60%;animation-delay:-7s;animation-duration:25s}.login-bg-node:nth-child(4){right:10%;top:20%;animation-delay:-2s;animation-duration:20s}.login-bg-node:nth-child(5){right:5%;top:45%;animation-delay:-5s;animation-duration:23s}.login-bg-node:nth-child(6){right:15%;top:70%;animation-delay:-9s;animation-duration:19s}.login-bg-node:nth-child(7){left:25%;top:80%;animation-delay:-4s;animation-duration:21s}.login-bg-node:nth-child(8){right:25%;top:10%;animation-delay:-6s;animation-duration:24s}.login-bg-node:nth-child(9){left:35%;top:12%;animation-delay:-8s;animation-duration:17s}.login-bg-node:nth-child(10){right:35%;top:85%;animation-delay:-1s;animation-duration:26s}.login-bg-node.selected{border-color:var(--accent);box-shadow:0 0 12px var(--accent-border)}.login-bg-line{position:absolute;width:60px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);transform-origin:left center;animation:bg-line-pulse 3s ease-in-out infinite}.login-bg-line:nth-child(11){left:12%;top:25%;transform:rotate(30deg);animation-delay:0s}.login-bg-line:nth-child(12){right:12%;top:33%;transform:rotate(-20deg);animation-delay:-1s}.login-bg-line:nth-child(13){left:20%;top:50%;transform:rotate(15deg);animation-delay:-2s}.login-bg-line:nth-child(14){right:18%;top:58%;transform:rotate(-35deg);animation-delay:-.5s}@keyframes bg-float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-20px) translate(12px)}50%{transform:translateY(10px) translate(-16px)}75%{transform:translateY(-12px) translate(20px)}}@keyframes bg-line-pulse{0%,to{opacity:.3}50%{opacity:.8}}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,transparent 0%,var(--login-radial-edge) 90%);z-index:1;pointer-events:none}.login-page:after{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,var(--login-glow) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;animation:ambient-glow 8s ease-in-out infinite}@keyframes ambient-glow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.login-card{background:var(--bg-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-secondary);border-radius:16px;padding:48px 40px;width:400px;text-align:center;position:relative;z-index:2;animation:card-enter .6s cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 1px var(--accent-bg-faint),0 20px 60px #00000080,0 0 40px var(--accent-bg-faint)}@keyframes card-enter{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-title{font-size:36px;font-weight:800;margin-bottom:6px;letter-spacing:-.5px;background:var(--accent-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:var(--text-secondary);font-size:15px;margin-bottom:8px;line-height:1.5}.login-tagline{color:var(--text-faint);font-size:12px;margin-bottom:36px;letter-spacing:.5px}.login-tagline kbd{font-size:9px;min-width:16px;height:16px;padding:0 4px;margin:0 1px;vertical-align:1px}.login-features{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:32px}.login-feature-pill{font-size:11px;color:var(--text-secondary);background:var(--bg-hover);border:1px solid var(--border-secondary);padding:4px 10px;border-radius:20px;letter-spacing:.3px;animation:pill-enter .4s cubic-bezier(.16,1,.3,1) backwards}.login-feature-pill:nth-child(1){animation-delay:.3s}.login-feature-pill:nth-child(2){animation-delay:.4s}.login-feature-pill:nth-child(3){animation-delay:.5s}.login-feature-pill:nth-child(4){animation-delay:.6s}.login-feature-pill:nth-child(5){animation-delay:.7s}@keyframes pill-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.email-form{display:flex;flex-direction:column;gap:10px;margin-bottom:0}.email-input{padding:14px 18px;border-radius:10px;border:1px solid var(--border-secondary);background:var(--bg-input);color:var(--text-primary);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}.email-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg-light)}.email-input::placeholder{color:var(--text-dim)}.login-buttons{display:flex;flex-direction:column;gap:10px}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:10px;border:1px solid var(--border-secondary);background:var(--bg-input);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-bg-light),transparent);opacity:0;transition:opacity .2s}.login-btn:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-bg)}.login-btn:hover:not(:disabled):before{opacity:1}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn.email{background:var(--accent-gradient);border-color:var(--accent);color:#fff;font-weight:600}.login-btn.email:hover:not(:disabled){background:var(--accent-gradient-hover);box-shadow:0 4px 20px var(--accent-border)}.login-btn:disabled{opacity:.4;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:1px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-secondary),transparent)}.magic-link-sent{color:var(--text-muted);font-size:15px;display:flex;flex-direction:column;gap:16px;animation:card-enter .4s ease}.magic-link-sent p{color:var(--success);font-weight:500}.login-error{margin-top:16px;color:var(--accent);font-size:13px;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-footer{margin-top:24px;font-size:11px;color:var(--text-ghost);letter-spacing:.3px}