*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;min-height:100%;min-height:-webkit-fill-available;margin:0;padding:0;overflow:hidden;background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit;color:inherit;background:transparent;border:none;outline:none}button{cursor:pointer;user-select:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--font-courier: "Cousine", monospace;--font-mono: "Cousine", SFMono-Regular, "Roboto Mono", Menlo, Monaco, Consolas, monospace;--font-serif: "Times New Roman", Times, "Noto Serif", Georgia, serif;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 18px;--line-height-base: 1.7;--writing-width-base: 740px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms}}@font-face{font-family:Cousine;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cousine_regular.ttf) format("truetype")}@font-face{font-family:Cousine;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/cousine_bold.ttf) format("truetype")}body{font-family:var(--font-editor, var(--font-courier));font-feature-settings:"kern" 1,"liga" 1}.text-caption{font-size:12px;line-height:16px;color:var(--text-tertiary)}.text-meta{font-size:13px;line-height:18px;color:var(--text-tertiary)}.text-body{font-size:16px;line-height:24px;color:var(--text-primary)}.text-title{font-size:18px;line-height:24px;font-weight:600;color:var(--text-primary)}:root,html,body,html[data-theme=light],body[data-theme=light]{--bg-primary: #FBFBF9;--bg-surface: #FFFFFF;--bg-elevated: #F2F2F0;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .08);--text-primary: #1C1C1E;--text-secondary: #636366;--text-tertiary: #8E8E93;--border-subtle: #EBEBEB;--border-strong: #D1D1D6;--accent: #1C1C1E;--accent-text: #FFFFFF;--color-danger: #D32F2F;color-scheme:light;background-color:#fbfbf9}html[data-theme=dark],body[data-theme=dark]{--bg-primary: #1C1C1E;--bg-surface: #2C2C2E;--bg-elevated: #3A3A3C;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .12);--text-primary: #F2F2F7;--text-secondary: #AEAEB2;--text-tertiary: #636366;--border-subtle: #2C2C2E;--border-strong: #3A3A3C;--accent: #F2F2F7;--accent-text: #1C1C1E;--color-danger: #EF5350;color-scheme:dark;background-color:#1c1c1e}html[data-theme=black],body[data-theme=black]{--bg-primary: #000000;--bg-surface: #121212;--bg-elevated: #1C1C1E;--bg-hover: rgba(255, 255, 255, .08);--bg-active: rgba(255, 255, 255, .16);--text-primary: #E5E5EA;--text-secondary: #8E8E93;--text-tertiary: #48484A;--border-subtle: #1C1C1E;--border-strong: #2C2C2E;--accent: #E5E5EA;--accent-text: #000000;--color-danger: #E57373;color-scheme:dark;background-color:#000}#app{width:100%;height:100%;min-height:100%;min-height:-webkit-fill-available;background-color:var(--bg-primary);color:var(--text-primary);display:flex;overflow:hidden;position:fixed;inset:0;font-family:var(--font-editor, var(--font-courier))}.view{position:absolute;inset:0;width:100%;height:100%;display:flex;background-color:var(--bg-primary);transition:opacity var(--transition-fast),visibility var(--transition-fast)}.view.hidden{opacity:0;visibility:hidden;pointer-events:none}.editor-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;background-color:var(--bg-primary)}.editor-chrome{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);border-bottom:1px solid var(--border-subtle);background-color:var(--bg-surface);z-index:10;transition:transform var(--transition-fast),opacity var(--transition-fast)}.writing-mode .editor-chrome{opacity:0;pointer-events:none;transform:translateY(-100%);position:absolute}.chrome-left,.chrome-right{display:flex;align-items:center;gap:var(--space-sm)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.btn-icon:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-icon.active{color:var(--text-primary);font-weight:700}.editor-title-input{font-size:15px;font-weight:500;color:var(--text-primary);border:none;outline:none;padding:4px 8px;border-radius:var(--radius-sm);max-width:320px}.editor-title-input:focus{background-color:var(--bg-hover)}.editor-stats-text{font-size:12px;color:var(--text-tertiary);margin-right:var(--space-sm);user-select:none}.editor-scroll-area{flex:1;width:100%;height:100%;overflow-y:auto;display:flex;justify-content:center;padding-top:max(32px,env(safe-area-inset-top));padding-bottom:max(60px,calc(30px + env(safe-area-inset-bottom)));padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right));scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background-color:var(--bg-primary)}.editor-writing-surface{width:100%;max-width:var(--writing-width, var(--writing-width-base));display:flex;flex-direction:column}.main-textarea{width:100%;min-height:100%;resize:none;border:none;outline:none;padding:0;margin:0;background:transparent;color:var(--text-primary);font-size:var(--editor-font-size, var(--font-size-base));line-height:var(--editor-line-height, var(--line-height-base));font-family:inherit;tab-size:4;white-space:pre-wrap;word-wrap:break-word}.main-textarea::placeholder{color:var(--text-tertiary);opacity:.5}.library-layout{width:100%;height:100%;display:flex}.library-sidebar{width:280px;height:100%;background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);border-bottom:1px solid var(--border-subtle)}.app-brand{font-size:16px;font-weight:700;letter-spacing:.05em;color:var(--text-primary)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-sm) 0}.nav-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:var(--space-md) var(--space-md) var(--space-xs) var(--space-md);display:flex;align-items:center;justify-content:space-between}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:8px var(--space-md);color:var(--text-secondary);font-size:14px;border-radius:var(--radius-sm);margin:1px var(--space-xs);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--bg-active);color:var(--text-primary);font-weight:600}.sidebar-footer{padding:var(--space-sm) var(--space-md);padding-bottom:max(var(--space-sm),env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.library-content{flex:1;height:100%;display:flex;flex-direction:column;background-color:var(--bg-primary)}.content-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);border-bottom:1px solid var(--border-subtle);gap:var(--space-md)}.search-box{flex:1;max-width:480px;display:flex;align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:6px 12px;gap:8px}.search-input{flex:1;border:none;font-size:14px;color:var(--text-primary)}.search-input::placeholder{color:var(--text-tertiary)}.documents-list{flex:1;overflow-y:auto;padding:var(--space-sm) var(--space-lg);padding-bottom:max(var(--space-lg),calc(var(--space-md) + env(safe-area-inset-bottom)));background-color:var(--bg-primary);-webkit-overflow-scrolling:touch}.document-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:4px;border:1px solid transparent;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.document-row:hover{background-color:var(--bg-surface);border-color:var(--border-subtle)}.doc-info{flex:1;min-width:0}.doc-title-row{display:flex;align-items:center;gap:8px}.doc-title{font-size:15px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-badge{font-size:11px;color:var(--text-tertiary)}.doc-snippet{font-size:13px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta{font-size:12px;color:var(--text-tertiary);margin-left:var(--space-md);white-space:nowrap}.doc-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.document-row:hover .doc-actions{opacity:1}.empty-state{height:60%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);gap:var(--space-md)}.btn-primary{background-color:var(--accent);color:var(--accent-text);padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:opacity var(--transition-fast)}.btn-primary:hover{opacity:.9}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast)}.modal-overlay.open{opacity:1;visibility:visible}.modal-card{width:90%;max-width:480px;background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:var(--space-lg);box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;gap:var(--space-md)}.modal-title{font-size:18px;font-weight:600;color:var(--text-primary)}.settings-group{display:flex;flex-direction:column;gap:6px}.settings-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.settings-control-row{display:flex;gap:8px}.pill-option{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background-color:var(--bg-primary);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pill-option.active{background-color:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:500}.data-safety-box{background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px;font-size:12px;color:var(--text-secondary);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm)}.btn-secondary{padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:13px}.btn-secondary:hover{background-color:var(--bg-hover)}.btn-danger{padding:8px 14px;border-radius:var(--radius-sm);background-color:var(--color-danger);color:#fff;font-size:13px}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);padding:8px 18px;border-radius:999px;font-size:13px;box-shadow:0 4px 14px #0000001f;z-index:2000;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}.toast-container.show{opacity:1;transform:translate(-50%) translateY(-4px)}@media (max-width: 768px){.library-sidebar{position:absolute;top:0;left:0;height:100%;z-index:50;transform:translate(-100%);transition:transform var(--transition-normal);box-shadow:2px 0 12px #00000026}.library-sidebar.open{transform:translate(0)}.content-header{padding:0 12px;gap:6px}.documents-list{padding:var(--space-sm) var(--space-md)}.doc-actions{opacity:1}}