@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f3f3f3;--secondary-foreground:#171717;--muted:#f3f3f3;--muted-foreground:#737373;--accent:#f3f3f3;--accent-foreground:#171717;--destructive:#e40014;--destructive-foreground:#fafafa;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--bg-base:var(--background);--bg-surface:var(--card);--bg-elevated:#f5f5f5;--bg-hover:#f0f0f0;--selection-bg:#abcad9;--text-primary:var(--foreground);--text-secondary:#555;--text-muted:var(--muted-foreground);--color-primary:var(--primary);--success:#009957;--danger:var(--destructive);--warning:#c37f00;--info:#008cba;--radius:.375rem;--radius-lg:.5rem;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-sm:0 1px 2px #0000000d;--topbar-h:52px;--timeline-w:320px;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition:.15s ease-out}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(95.94% 0 0);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(95.94% 0 0);--muted-foreground:lab(48.496% 0 0);--accent:lab(95.94% 0 0);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--destructive-foreground:lab(98.26% 0 0);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--bg-elevated:lab(96.52% -.0000298023 .0000119209);--bg-hover:lab(94.78% 0 0);--selection-bg:lab(79.2611% -8.17725 -11.5323);--text-secondary:lab(36.2% 0 .00000596046);--success:lab(55.7716% -55.1494 28.5828);--warning:lab(59.094% 25.088 106.32);--info:lab(53.8287% -20.0773 -33.3273);--shadow:0 1px 3px lab(0% 0 0/.08), 0 1px 2px lab(0% 0 0/.04);--shadow-sm:0 1px 2px lab(0% 0 0/.05)}}.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#0a0a0a;--card-foreground:#fafafa;--popover:#0a0a0a;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#ff6568;--destructive-foreground:#fafafa;--border:#262626;--input:#262626;--ring:#525252;--bg-base:var(--background);--bg-surface:var(--card);--bg-elevated:#1b1b1b;--bg-hover:#242424;--selection-bg:#1a485c;--text-primary:var(--foreground);--text-secondary:#8f8f8f;--text-muted:var(--muted-foreground);--color-primary:var(--primary);--success:#00ab60;--danger:var(--destructive);--warning:#e49e22;--info:#3bacda;--shadow:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-sm:0 1px 2px #0003}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(2.75381% 0 0);--card-foreground:lab(98.26% 0 0);--popover:lab(2.75381% 0 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(98.26% 0 0);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--destructive:lab(63.7053% 60.745 31.3109);--destructive-foreground:lab(98.26% 0 0);--border:lab(15.204% 0 -.00000596046);--input:lab(15.204% 0 -.00000596046);--ring:lab(34.924% 0 0);--bg-elevated:lab(9.52% -.00000745058 0);--bg-hover:lab(14.16% 0 0);--selection-bg:lab(28.2224% -10.71 -16.8);--text-secondary:lab(59.4% 0 0);--success:lab(61.5818% -54.869 28.3909);--warning:lab(70.8468% 20.2319 68.534);--info:lab(65.467% -20.997 -33.5068);--shadow:0 1px 3px lab(0% 0 0/.3), 0 1px 2px lab(0% 0 0/.2);--shadow-sm:0 1px 2px lab(0% 0 0/.2)}}html,body{height:100%;font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}#__next,main{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);background-clip:padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.home-page{max-width:860px;margin:0 auto;padding:48px 24px}.home-page h1{color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:600}.home-page .subtitle{color:var(--text-secondary);margin-bottom:32px}.home-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.home-header+*{margin-top:28px}.doc-list{flex-direction:column;gap:8px;display:flex}.doc-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition);color:inherit;justify-content:space-between;align-items:center;padding:18px 22px;text-decoration:none;display:flex}.doc-item:hover{background:var(--bg-hover)}.doc-item-title{color:var(--text-primary);font-size:15px;font-weight:600}.doc-item-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.doc-item-arrow{color:var(--text-muted);font-size:18px}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding:80px 24px;display:flex}.empty-state-icon{color:var(--text-muted);opacity:.3}.empty-state h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:600}.empty-state p{color:var(--text-muted);max-width:300px;margin:0 auto;font-size:14px}.btn{border-radius:var(--radius);cursor:pointer;height:36px;transition:background var(--transition), color var(--transition), border-color var(--transition);border:none;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--primary-foreground)}.btn-primary:hover{opacity:.9}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--danger);color:var(--destructive-foreground)}.btn-danger:hover{opacity:.9}.btn-sm{height:28px;padding:0 12px;font-size:13px}.btn:disabled{opacity:.4;cursor:not-allowed}.topbar{height:var(--topbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;align-items:center;gap:12px;padding:0 16px;display:flex;position:relative}.topbar-back{color:var(--text-muted);border-radius:var(--radius);transition:color var(--transition);padding:4px;font-size:18px;line-height:1;text-decoration:none}.topbar-back:hover{color:var(--text-primary);background:var(--bg-hover)}.topbar-title{flex:1;min-width:0}.topbar-title input{color:var(--text-primary);border-radius:var(--radius);background:0 0;border:1px solid #0000;outline:none;width:100%;padding:4px 8px;font-size:15px;font-weight:600;transition:all .2s}.topbar-title input:hover{background:var(--bg-hover)}.topbar-title input:focus{background:var(--bg-elevated);border-color:var(--ring);box-shadow:0 0 0 2px oklch(from var(--ring) l c h / .2)}.topbar-divider{background:var(--border);width:1px;height:24px}.topbar-actions{align-items:center;gap:6px;display:flex}.view-toggle{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius);display:flex;position:relative;overflow:hidden}.view-toggle-indicator{background:var(--color-primary);z-index:0;width:33.333%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0}.view-toggle button{color:var(--text-secondary);cursor:pointer;z-index:1;background:0 0;border:none;flex:1;padding:5px 10px;font-size:12px;transition:color .3s;position:relative}.view-toggle button:hover{color:var(--text-primary)}.view-toggle button.active{color:var(--primary-foreground)}.conn-status{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.conn-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px;transition:background .3s,box-shadow .3s}.conn-dot.connected{background:var(--success);animation:2s infinite pulse-conn}.conn-dot.connecting{background:var(--warning);animation:1.5s infinite pulse}.conn-dot.disconnected{background:var(--danger)}@keyframes pulse-conn{0%{box-shadow:0 0 0 0 oklch(from var(--success) l c h / .4)}70%{box-shadow:0 0 0 4px oklch(from var(--success) l c h / 0)}to{box-shadow:0 0 0 0 oklch(from var(--success) l c h / 0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.editor-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.editor-layout{flex:1;display:flex;overflow:hidden}.editor-pane,.preview-pane{flex-direction:column;flex:1;min-width:0;transition:flex .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),border-width .4s;display:flex;overflow:hidden}.editor-pane{border-right:1px solid var(--border)}.editor-layout>.editor-pane{position:relative}.editor-layout>.editor-pane:after{content:"";cursor:col-resize;z-index:10;background:0 0;width:4px;height:100%;transition:background .2s,opacity .2s;position:absolute;top:0;right:-2px}.editor-layout>.editor-pane:hover:after{background:var(--color-primary);opacity:.35}.pane-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;padding:6px 16px;font-size:11px;font-weight:600}.cm-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.cm-editor{height:100%!important;font-family:var(--font-mono)!important;font-size:14px!important;line-height:1.7!important}.cm-editor .cm-gutters{border-right:1px solid var(--border)!important;padding-right:4px!important}.cm-editor .cm-content{padding-left:20px!important}.cm-editor .cm-scroller{font-family:var(--font-mono)!important;overflow:auto!important}.preview-scroll{flex:1;padding:32px 40px;overflow-y:auto}.markdown-body{max-width:720px;color:var(--foreground);margin:0 auto;font-size:15px;line-height:1.75}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:var(--foreground);margin:1.5em 0 .6em;font-weight:700;line-height:1.3}.markdown-body h1{border-bottom:1px solid var(--border);padding-bottom:.3em;font-size:2em}.markdown-body h2{border-bottom:1px solid var(--border);padding-bottom:.2em;font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1.1em}.markdown-body p{margin:.8em 0}.markdown-body a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.markdown-body a:hover{opacity:.8}.markdown-body strong{color:var(--foreground);font-weight:600}.markdown-body code{font-family:var(--font-mono);background:var(--bg-elevated);border:1px solid var(--border);border-radius:calc(var(--radius) * .5);color:var(--accent-foreground);padding:.15em .4em;font-size:.875em}.markdown-body pre{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin:1em 0;padding:16px 20px;overflow-x:auto}.markdown-body pre code{color:var(--foreground);background:0 0;border:none;padding:0;font-size:.85em}.markdown-body blockquote{border-left:3px solid var(--color-primary);background:var(--bg-elevated);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-secondary);margin:1em 0;padding:8px 16px}.markdown-body ul,.markdown-body ol{margin:.8em 0;padding-left:1.5em}.markdown-body li{margin:.3em 0}.markdown-body table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.9em}.markdown-body th,.markdown-body td{border:1px solid var(--border);text-align:left;padding:12px 16px}.markdown-body th{background:var(--bg-elevated);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.8em;font-weight:600}.markdown-body tr:nth-child(2n) td{background:oklch(from var(--muted) l c h / .5)}.markdown-body img{border-radius:var(--radius);max-width:100%}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:2em 0}.template-memo .markdown-body{font-family:Georgia,Times New Roman,serif}.template-memo .markdown-body h1,.template-memo .markdown-body h2{border-bottom-color:#c39553;border-bottom-color:lab(65.1747% 12.1849 41.2394)}.template-memo .markdown-body a{color:#c39553;color:lab(65.1747% 12.1849 41.2394)}.template-blog .markdown-body{max-width:680px;font-size:16px;line-height:1.9}.template-blog .markdown-body h1{border-bottom:none;font-size:2.4em}.template-blog .markdown-body p{margin:1.2em 0}.markdown-body .tab-container{border:1px solid var(--border);border-radius:8px;margin:1.5em 0;overflow:hidden}.markdown-body .tab-buttons{background:var(--bg-surface);border-bottom:1px solid var(--border);gap:0;display:flex;overflow-x:auto}.markdown-body .tab-btn{all:unset;color:var(--muted-foreground);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;padding:10px 20px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s}.markdown-body .tab-btn:hover{color:var(--foreground)}.markdown-body .tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.markdown-body .tab-panels{position:relative}.markdown-body .tab-panel{padding:1.25em 1.5em;display:none}.markdown-body .tab-panel.active{display:block}.markdown-body .tab-panel>:first-child{margin-top:0}.markdown-body .tab-panel>:last-child{margin-bottom:0}.markdown-body .tab-error{color:var(--destructive,#ef4444);font-style:italic}.presence-bar{align-items:center;gap:0;display:flex}.presence-bar .avatar{margin-left:-6px}.presence-bar .avatar:first-child{margin-left:0}.avatar{border:2px solid var(--bg-surface);color:#fff;cursor:default;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);animation:.4s cubic-bezier(.175,.885,.32,1.275) avatar-enter;display:flex;position:relative}@keyframes avatar-enter{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.avatar.self{border-color:var(--color-primary)}.avatar.overflow{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border);font-size:10px}.avatar:hover{z-index:1;transform:scale(1.15)}.avatar.editing{animation:1.5s infinite pulse-ring}@keyframes pulse-ring{0%,to{box-shadow:0 0 #3e5dc080;box-shadow:0 0 lab(41.3857% 14.6737 -56.7912/.5)}50%{box-shadow:0 0 0 4px #3e5dc000;box-shadow:0 0 0 4px lab(41.3857% 14.6737 -56.7912/0)}}.timeline-panel{background:var(--bg-surface);flex-direction:column;width:100%;height:100%;display:flex}.timeline-header{border-bottom:1px solid var(--border);color:var(--text-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.timeline-scroll{flex:1;padding:8px 0;overflow-y:auto}.timeline-item{cursor:pointer;transition:background var(--transition), transform .2s ease;padding:10px 16px 10px 40px;position:relative}.timeline-item:hover{background:var(--bg-elevated);transform:translate(2px)}.timeline-item:hover .timeline-dot{transform:scale(1.25)}.timeline-item.active-head{border-left:3px solid var(--color-primary);background:oklch(from var(--color-primary) l c h / .04)}.timeline-dot{background:var(--border);border:2px solid var(--bg-surface);z-index:1;border-radius:50%;width:10px;height:10px;position:absolute;top:14px;left:16px}.timeline-item.active-head .timeline-dot{background:var(--color-primary);animation:2s cubic-bezier(.4,0,.6,1) infinite dot-pulse}@keyframes dot-pulse{0%{box-shadow:0 0 #3e5dc066;box-shadow:0 0 lab(41.3857% 14.6737 -56.7912/.4)}70%{box-shadow:0 0 0 6px #3e5dc000;box-shadow:0 0 0 6px lab(41.3857% 14.6737 -56.7912/0)}to{box-shadow:0 0 #3e5dc000;box-shadow:0 0 lab(41.3857% 14.6737 -56.7912/0)}}.timeline-line{background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline-item:first-child .timeline-line{top:14px}.timeline-item:last-child .timeline-line{display:none;bottom:calc(100% - 14px)}.timeline-type{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px;font-size:10px;font-weight:600}.timeline-summary{color:var(--text-primary);margin-bottom:2px;font-size:13px;line-height:1.4}.timeline-meta{color:var(--text-muted);font-size:11px}.timeline-badge{background:var(--color-primary);color:var(--primary-foreground);vertical-align:middle;border-radius:10px;margin-left:6px;padding:1px 6px;font-size:10px;display:inline-block}.timeline-item.auto-save-item{opacity:.6}.timeline-item.auto-save-item:hover{opacity:1}.timeline-dot.auto-dot{background:var(--text-muted);width:8px;height:8px;top:15px}.branch-container{border-left:2px dashed var(--border);margin-top:-4px;margin-bottom:4px;margin-left:28px;padding-left:0}.branch-toggle{color:var(--text-muted);cursor:pointer;width:100%;transition:color var(--transition);background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:11px;display:flex}.branch-toggle:hover{color:var(--warning)}.branch-icon{font-size:8px}.branch-label{font-style:italic}.branch-revisions{position:relative}.branch-line{background:var(--border);opacity:.4;width:2px;position:absolute;top:0;bottom:0;left:8px}.timeline-item.branch-item{opacity:.65;padding-left:28px}.timeline-item.branch-item:hover{opacity:1}.timeline-dot.branch-dot{background:var(--warning);opacity:.6;width:8px;height:8px;top:15px;left:4px}.revision-detail{background:var(--bg-surface);z-index:10;flex-direction:column;display:flex;position:absolute;inset:0}.revision-detail-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex}.revision-detail-header h3{flex:1;font-size:14px;font-weight:600}.revision-detail-body{flex:1;padding:16px;overflow-y:auto}.diff-view{font-family:var(--font-mono);background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;line-height:1.6;overflow:auto}.diff-line{white-space:pre-wrap;word-break:break-all;padding:2px 12px;transition:background .2s}.diff-line-add{color:#00ab60;color:lab(61.5818% -54.869 28.3909);background:#00ab6014;background:lab(61.5818% -54.869 28.3909/.08)}.diff-line-add:before{content:"+";color:var(--success);margin-right:8px}.diff-line-add:hover{background:#00ab6026;background:lab(61.5818% -54.869 28.3909/.15)}.dark .diff-line-add{color:#4ebe7d;color:lab(69.3433% -44.5479 22.9571);background:#1c985a1a;background:lab(55.4078% -44.9052 23.192/.1)}.diff-line-remove{color:#ff6367;color:lab(63.2467% 60.4719 30.8398);background:#ff636714;background:lab(63.2467% 60.4719 30.8398/.08)}.diff-line-remove:before{content:"-";color:var(--danger);margin-right:8px}.diff-line-remove:hover{background:#ff636726;background:lab(63.2467% 60.4719 30.8398/.15)}.dark .diff-line-remove{color:#f47a79;color:lab(65.9992% 47.5812 23.5414);background:#db64651a;background:lab(57.8716% 47.6406 23.8055/.1)}.diff-line-context{color:var(--text-muted)}.diff-line-context:before{content:" ";margin-right:8px}.template-selector{position:relative}.template-selector-btn{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:5px 10px;font-size:12px;transition:all .2s;display:flex}.template-selector-btn:hover{border-color:var(--ring);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px lab(0% 0 0/.05)}.template-dropdown{background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow);z-index:200;transform-origin:top;animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdown-enter;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.template-option{cursor:pointer;transition:background var(--transition);color:var(--popover-foreground);justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;display:flex}.template-option:hover{background:var(--bg-hover)}.template-option.selected{color:var(--color-primary);border-left:3px solid var(--color-primary);background:oklch(from var(--color-primary) l c h / .06);font-weight:600}.save-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .2s;display:flex}.save-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.save-btn.unsaved{border-color:var(--warning);color:var(--warning)}.save-btn.auto-saved{border-color:var(--success);color:var(--success)}.save-btn:disabled{opacity:.5;cursor:default}.save-btn svg{flex-shrink:0}@keyframes save-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.working-changes{border-bottom:1px solid var(--border);background:#e49e220d;background:lab(70.8468% 20.2319 68.534/.05);padding:10px 16px}.working-changes-label{color:var(--warning);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.working-changes-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.mic-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.mic-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mic-btn.recording{background:var(--danger);color:var(--destructive-foreground);border-color:var(--danger);animation:1s infinite pulse}.loading-spinner{color:var(--text-muted);flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;margin-right:12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{border:1px solid #ff636759;border:1px solid lab(63.2467% 60.4719 30.8398/.35);border-left:3px solid var(--danger);border-radius:var(--radius);color:#fa8785;color:lab(69.5874% 44.3529 21.7523);background:#ff636714;background:lab(63.2467% 60.4719 30.8398/.08);margin:8px 16px;padding:10px 16px;font-size:13px}.success-banner{border:1px solid #00995759;border:1px solid lab(55.7716% -55.1494 28.5828/.35);border-left:3px solid var(--success);border-radius:var(--radius);color:#006835;color:lab(37.9779% -45.7305 23.7575);background:#00995714;background:lab(55.7716% -55.1494 28.5828/.08);margin:8px 16px;padding:10px 16px;font-size:13px}.warning-banner{border:1px solid #c37f0059;border:1px solid lab(59.094% 25.088 106.32/.35);border-left:3px solid var(--warning);border-radius:var(--radius);color:#8b5600;color:lab(41.7166% 21.1573 82.4469);background:#c37f0014;background:lab(59.094% 25.088 106.32/.08);margin:8px 16px;padding:10px 16px;font-size:13px}.info-banner{background:oklch(from var(--info) l c h / .08);border:1px solid oklch(from var(--info) l c h / .35);border-left:3px solid var(--info);border-radius:var(--radius);color:oklch(from var(--info) calc(l - .1) c h);margin:8px 16px;padding:10px 16px;font-size:13px;font-weight:500}.dark .error-banner{color:#ffa9a5;color:lab(77.7125% 44.3098 21.6012);background:#ff63671f;background:lab(63.2467% 60.4719 30.8398/.12)}.flex{display:flex}.flex-1{flex:1}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fade-in-up}.read-only-banner{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);border-radius:12px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:0 2px 8px #0000000a;box-shadow:0 2px 8px lab(0% 0 0/.04)}.theme-icon{transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:inline-block}.theme-icon.dark-icon{transform:rotate(-360deg)scale(.9)}.theme-icon.light-icon{transform:rotate(0)scale(1.1)}.promote-btn{transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .2s,box-shadow .2s}.promote-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3e5dc04d;box-shadow:0 4px 12px lab(41.3857% 14.6737 -56.7912/.3)}.promote-btn:active:not(:disabled){transform:translateY(0)scale(.96)}.login-page{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:400px;box-shadow:var(--shadow);padding:48px 40px}.login-card h1{color:var(--card-foreground);margin-bottom:4px;font-size:24px}.login-card .subtitle{color:var(--text-muted);margin-bottom:32px;font-size:14px}.login-card .error-banner{margin-bottom:16px}.google-btn,.microsoft-btn{background:var(--foreground);color:var(--background);border-radius:var(--radius);cursor:pointer;transition:opacity var(--transition);border:none;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.microsoft-btn{margin-top:12px}.google-btn:hover,.microsoft-btn:hover{opacity:.9}.google-btn svg,.microsoft-btn svg{flex-shrink:0}.user-info{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.user-avatar{border-radius:50%;flex-shrink:0;width:28px;height:28px}.theme-toggle{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.user-avatar-initials{background:var(--color-primary);color:var(--primary-foreground);letter-spacing:.03em;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.entity-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:32px;display:grid}.entity-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition), border-color var(--transition), transform var(--transition), box-shadow var(--transition);color:inherit;min-height:110px;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;padding:28px 20px;text-decoration:none;display:flex;position:relative}.entity-card:hover{background:var(--bg-elevated);border-color:var(--ring);box-shadow:var(--shadow);transform:translateY(-2px)}.entity-card-icon{margin-bottom:8px;font-size:28px}.entity-card-name{color:var(--text-primary);font-size:14px;font-weight:600}.folder-delete-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);opacity:0;transition:opacity var(--transition), color var(--transition);background:0 0;border:none;padding:2px 6px;font-size:16px;position:absolute;top:6px;right:8px}.entity-card:hover .folder-delete-btn{opacity:1}.folder-delete-btn:hover{color:var(--danger);background:var(--bg-hover)}.breadcrumbs{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.breadcrumbs a{color:var(--color-primary);text-decoration:none;position:relative}.breadcrumbs a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .2s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.breadcrumbs a:hover{color:var(--text-primary)}.breadcrumbs a:hover:after{transform:scaleX(1)}.breadcrumbs .separator{color:var(--text-muted);vertical-align:middle;align-items:center;margin:0 2px;font-size:0;display:inline-flex}.breadcrumbs .separator:after{content:"";border-top:1.5px solid var(--text-muted);border-right:1.5px solid var(--text-muted);width:5px;height:5px;display:inline-block;transform:rotate(45deg)}.section-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:600;font-family:var(--font-sans);margin:28px 0 10px}.folder-actions{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.new-folder-row{gap:8px;margin-bottom:16px;animation:.2s ease-out slide-down;display:flex}.folder-name-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);min-width:150px;transition:border-color var(--transition), box-shadow var(--transition);outline:none;flex:1;padding:4px 10px;font-size:13px}.folder-name-input::placeholder{color:var(--text-muted)}.folder-name-input:focus{border-color:var(--ring);box-shadow:0 0 0 2px oklch(from var(--ring) l c h / .2)}.file-table{border-collapse:collapse;width:100%;font-size:13px}.file-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 12px;font-size:12px;font-weight:500}.file-table-row{cursor:pointer;transition:background var(--transition)}.file-table-row:hover{background:var(--bg-hover)}.file-table-row td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.file-table-name{align-items:center;gap:10px;min-width:0;display:flex}td.file-table-name{display:table-cell}td.file-table-name>.file-table-icon{margin-right:10px;display:inline}.file-table-icon{vertical-align:middle;color:var(--text-muted);flex-shrink:0;align-items:center;margin-right:8px;display:inline-flex}.file-table-link{vertical-align:middle;color:var(--text-primary);font-weight:500;text-decoration:none}.file-table-link:hover{color:var(--color-primary);text-decoration:underline}.file-table-type{color:var(--text-muted);white-space:nowrap;width:90px}.file-table-date{color:var(--text-muted);white-space:nowrap;width:170px}.file-table-meta{color:var(--text-muted);font-size:12px}.file-table-actions{text-align:right;white-space:nowrap}.row-actions{opacity:0;transition:opacity var(--transition);gap:4px;display:inline-flex}.file-table-row:hover .row-actions{opacity:1}.row-action-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);padding:2px 8px;font-size:11px}.row-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--ring);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px lab(0% 0 0/.05)}.row-action-danger:hover{background:var(--danger);color:var(--destructive-foreground);border-color:var(--danger);transform:translateY(-1px);box-shadow:0 2px 8px #ff63674d;box-shadow:0 2px 8px lab(63.2467% 60.4719 30.8398/.3)}.file-table-row[draggable=true]{cursor:grab}.file-table-row[draggable=true]:active{cursor:grabbing}.drag-handle{cursor:grab}@keyframes dropTargetPulse{0%,to{outline-color:var(--color-primary);background:var(--accent)}50%{outline-color:oklch(from var(--color-primary) l c h / .4);background:oklch(from var(--accent) l c h / .4)}}.file-table-row.drop-target{background:var(--accent);outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:2px;animation:1.5s ease-in-out infinite dropTargetPulse}.file-table-row.drop-target td{color:var(--accent-foreground)}.share-overlay{z-index:1000;background:#00000080;background:lab(0% 0 0/.5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.share-dialog{background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-lg);width:480px;max-width:95vw;max-height:80vh;box-shadow:var(--shadow);color:var(--popover-foreground);overflow-y:auto}.share-dialog h3{font-size:16px;font-weight:600}.share-dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.share-dialog-section{border-bottom:1px solid var(--border);padding:20px 24px}.share-dialog-section:last-child{border-bottom:none}.share-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:600}.entity-chips{flex-wrap:wrap;gap:8px;display:flex}.entity-chip{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;transition:all var(--transition);color:var(--text-secondary);padding:6px 14px;font-size:13px}.entity-chip:hover{border-color:var(--ring);color:var(--text-primary)}.entity-chip.active{background:var(--color-primary);color:var(--primary-foreground);border-color:var(--color-primary)}.share-email-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.share-email-item{background:var(--bg-elevated);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;display:flex}.share-dialog-header .btn-ghost{border-radius:var(--radius);width:28px;height:28px;min-height:28px;color:var(--text-muted);border:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:flex}.share-dialog-header .btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);box-shadow:none;transform:none}.share-email-item .btn-ghost{width:22px;height:22px;min-height:22px;color:var(--text-muted);opacity:0;transition:opacity var(--transition), background var(--transition), color var(--transition);border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:14px;display:flex}.share-email-item:hover .btn-ghost{opacity:1}.share-email-item .btn-ghost:hover{background:oklch(from var(--destructive) l c h / .08);color:var(--danger);box-shadow:none;transform:none}.move-folder-list{flex-direction:column;gap:2px;max-height:240px;display:flex;overflow-y:auto}.move-folder-item{border-radius:var(--radius);cursor:pointer;transition:background var(--transition);color:var(--text-primary);padding:8px 12px;font-size:13px}.move-folder-item:hover{background:var(--bg-hover)}.move-folder-item.selected{background:var(--color-primary);color:var(--primary-foreground)}.public-page{background:var(--bg-base);justify-content:center;min-height:100vh;padding:48px 24px;display:flex}.public-content{width:100%;max-width:780px}.public-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.theme-toggle{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:color var(--transition), background var(--transition), border-color var(--transition);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--text-primary);background:var(--bg-hover)}.public-title{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:16px;font-size:2em;font-weight:700}.public-error{text-align:center;color:var(--text-muted);padding:64px 24px}.public-error h2{color:var(--text-primary);margin-bottom:8px;font-size:20px}.gdrive-file-list-container{max-height:400px;overflow-y:auto;padding-top:0!important}.gdrive-file-list{flex-direction:column;display:flex}.gdrive-file-item{border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition);align-items:center;gap:8px;padding:8px 4px;font-size:13px;display:flex}.gdrive-file-item:last-child{border-bottom:none}.gdrive-file-item:hover{background:var(--bg-elevated)}.gdrive-file-selected{background:oklch(from var(--color-primary) l c h / .08)}.gdrive-file-selected:hover{background:oklch(from var(--color-primary) l c h / .1)}.gdrive-file-skipped{opacity:.45;cursor:default}.gdrive-select-all{border-bottom:2px solid var(--border);padding:6px 4px}.gdrive-checkbox{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.gdrive-file-icon{color:var(--text-muted);flex-shrink:0;align-items:center;display:inline-flex}.gdrive-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.gdrive-file-meta{color:var(--text-muted);flex-shrink:0;gap:8px;font-size:11px;display:flex}.gdrive-results-list{flex-direction:column;gap:4px;max-height:300px;display:flex;overflow-y:auto}.gdrive-result-item{border-radius:var(--radius);transition:background var(--transition);align-items:center;gap:8px;padding:6px 4px;font-size:13px;display:flex}.gdrive-result-item:hover{background:var(--bg-elevated)}.gdrive-result-status{text-align:center;flex-shrink:0;width:20px;font-weight:700}.gdrive-result-ok{color:#008a22;color:lab(49.8938% -50.813 44.8413)}.gdrive-result-skipped{color:var(--text-muted)}.gdrive-result-error{color:var(--color-destructive)}.gdrive-result-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.gdrive-result-reason{color:var(--text-muted);flex-shrink:0;font-size:11px;font-style:italic}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-elevated) 50%, var(--bg-surface) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s linear infinite shimmer}@keyframes dialog-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRow{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:0;animation:.4s ease-out forwards fadeInRow}@keyframes scaleFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-fade{animation:.3s ease-out forwards scaleFade}.logout-btn{opacity:.7;transition:opacity .2s,background .2s}.logout-btn:hover{opacity:1}.bottom-bar{border-top:1px solid var(--border);align-items:center;gap:12px;margin-top:32px;padding-top:24px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.connect-intro{color:var(--text-secondary);max-width:720px;margin:24px 0 32px;line-height:1.6}.connect-intro a{color:var(--color-primary);text-decoration:underline}.connect-url-block{margin-top:16px}.connect-url-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.connect-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:720px;margin-bottom:20px;padding:24px 28px}.connect-section-muted{opacity:.85}.connect-section-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.connect-section-header h2{margin:0;font-size:18px}.connect-section p{color:var(--text-secondary);margin-bottom:12px;line-height:1.6}.connect-section ol{margin:8px 0;padding-left:20px}.connect-section ol li{color:var(--text-primary);margin:8px 0;line-height:1.6}.connect-section code{font-family:var(--font-mono);background:var(--bg-elevated);border-radius:4px;padding:2px 6px;font-size:.9em}.connect-subblock{border-left:2px solid var(--border);margin:16px 0 20px;padding-left:16px}.connect-subblock h3{color:var(--text-primary);margin:0 0 8px;font-size:14px;font-weight:600}.connect-hint{color:var(--text-muted);margin-top:12px;font-size:13px}.code-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;margin:8px 0;padding:8px 10px 8px 14px;display:flex}.code-row code{white-space:nowrap;color:var(--text-primary);background:0 0;flex:1;padding:0;font-size:13px;overflow-x:auto}.copy-btn{flex-shrink:0;gap:6px}.user-info-compact{color:var(--text-muted);font-size:13px}