*,:before,:after{box-sizing:border-box}:root{--bg:#f6f5f1;--surface:#fff;--border:#e2e0da;--border-hover:#c5c3bc;--text:#1c1917;--text-2:#78716c;--text-3:#a8a29e;--accent:#4f46e5;--accent-hover:#4338ca;--accent-bg:#eef2ff;--danger:#dc2626;--danger-bg:#fef2f2;--sidebar-w:272px;--header-h:58px;--r:8px;--r-sm:5px;--r-lg:12px;--shadow-sm:0 1px 2px #0000000f, 0 1px 3px #0000000a;--shadow:0 2px 8px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000017, 0 1px 3px #0000000a;--t:.18s ease;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-serif:Georgia, "Times New Roman", serif}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{min-height:100vh}.sidebar{inset-block:0;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:200;flex-direction:column;padding:1rem 1rem 2rem;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;left:0;overflow-y:auto}.sidebar.closed{transform:translate(-100%)}.sidebar-overlay{z-index:199;background:#00000059;display:none;position:fixed;inset:0}@media (width<=767px){.sidebar-overlay.open{display:block}.app-header,.app-main{margin-left:0!important}}.sidebar-title{letter-spacing:-.02em;color:var(--text);margin:.375rem 0 1.25rem;font-size:.9375rem;font-weight:700}.sidebar-section{margin-bottom:1.5rem}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin:0 0 .5rem;font-size:.6875rem;font-weight:600}.sidebar-list{flex-direction:column;gap:.3125rem;display:flex}.sidebar-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:border-color var(--t), background var(--t);justify-content:space-between;align-items:center;gap:.5rem;padding:.5625rem .75rem;display:flex}.sidebar-item:hover,.sidebar-item.active{background:var(--accent-bg);border-color:var(--accent)}.sidebar-item.active .sidebar-item-name{color:var(--accent)}.sidebar-item-info{flex:1;min-width:0}.sidebar-item-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.sidebar-item-meta{color:var(--text-2);margin-top:.125rem;font-size:.75rem}.sidebar-empty{color:var(--text-3);padding:.25rem 0;font-size:.8125rem;font-style:italic;line-height:1.5}.app-header{z-index:100;background:var(--surface);border-bottom:1px solid var(--border);height:var(--header-h);align-items:center;gap:.625rem;padding:0 1rem;transition:margin-left .28s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.app-title{letter-spacing:-.025em;color:var(--text);-webkit-user-select:none;user-select:none;font-size:1.0625rem;font-weight:700}.header-right{align-items:center;gap:.4375rem;margin-left:auto;display:flex}.header-divider{background:var(--border);width:1px;height:20px;margin:0 .125rem}.mode-pill{background:var(--bg);border:1px solid var(--border);border-radius:100px;padding:2px;display:flex}.mode-pill-btn{cursor:pointer;color:var(--text-2);transition:background var(--t), color var(--t), box-shadow var(--t);font-size:.8125rem;font-weight:500;font-family:var(--font);white-space:nowrap;background:0 0;border:none;border-radius:100px;padding:.3125rem .8125rem}.mode-pill-btn.active{color:var(--text);box-shadow:var(--shadow-sm);background:#fff}.btn{border-radius:var(--r);cursor:pointer;transition:background var(--t), border-color var(--t), color var(--t);font-size:.8125rem;font-weight:500;font-family:var(--font);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.375rem;padding:.4375rem .875rem;line-height:1;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{color:var(--text-2);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg);color:var(--text);border-color:var(--border-hover)}.btn-danger-ghost{color:var(--danger);background:0 0;border-color:#0000;padding:.25rem .4375rem;font-size:.75rem}.btn-danger-ghost:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn-icon{border-radius:var(--r-sm);cursor:pointer;width:34px;height:34px;color:var(--text-2);transition:background var(--t), color var(--t);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--bg);color:var(--text)}.app-main{min-height:calc(100vh - var(--header-h));transition:margin-left .28s cubic-bezier(.4,0,.2,1)}.editor-wrap{max-width:860px;margin:0 auto;padding:1.5rem}.paste-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.125rem}.paste-card-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin:0 0 .75rem;font-size:.6875rem;font-weight:600}.paste-textarea{border:1px solid var(--border);border-radius:var(--r);width:100%;min-height:96px;font-family:var(--font);color:var(--text);background:var(--bg);resize:vertical;transition:border-color var(--t);outline:none;padding:.6875rem .75rem;font-size:.875rem;line-height:1.5}.paste-textarea:focus{border-color:var(--accent);background:#fff}.paste-textarea::placeholder{color:var(--text-3)}.parse-controls{flex-wrap:wrap;align-items:center;gap:1rem;margin:.625rem 0 .875rem;display:flex}.checkbox-label{color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4375rem;font-size:.8125rem;display:flex}.items-header{flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:1rem;display:flex}.items-title{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:1.0625rem;font-weight:600;overflow:hidden}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:3.5rem 2rem;display:flex}.empty-state-glyph{opacity:.2;margin-bottom:.75rem;font-size:2.25rem}.empty-state-title{color:var(--text);margin:0 0 .375rem;font-size:1.0625rem;font-weight:600}.empty-state-sub{color:var(--text-2);max-width:320px;margin:0 0 1.5rem;font-size:.875rem;line-height:1.6}.chiasm-item{transition:transform .15s,opacity .15s}.chiasm-item.dragging{z-index:1000}.chiasm-item.ghost{pointer-events:none}.item-row{align-items:center;gap:.5rem;margin-bottom:.4375rem;display:flex}.item-card{border:1.5px solid var(--border);border-radius:var(--r);cursor:grab;transition:border-color var(--t), box-shadow var(--t);background:#fff;flex:1;padding:.625rem .875rem}.item-card:active{cursor:grabbing}.item-card:hover{box-shadow:var(--shadow-sm)}.item-card.ghost-card{background:0 0}.item-inner{align-items:center;gap:.5rem;display:flex}.item-label{flex-shrink:0;min-width:2rem;font-size:.875rem;font-weight:700}.item-text{flex:1;font-size:.9375rem;line-height:1.4}.item-ref{color:var(--text-2);white-space:nowrap;font-size:.8125rem}.unsaved-dot{vertical-align:middle;background:#ffffffbf;border-radius:50%;width:6px;height:6px;margin-left:.3125rem;display:inline-block;position:relative;top:-1px}.title-edit-input{border:1.5px solid var(--accent);border-radius:var(--r-sm);font-size:1.0625rem;font-weight:600;font-family:var(--font);color:var(--text);letter-spacing:-.02em;outline:none;flex:1;min-width:0;padding:.1875rem .4375rem}.title-edit-input.error{border-color:var(--danger)}.item-edit-input{border:1.5px solid var(--accent);border-radius:var(--r-sm);font-size:.9375rem;font-family:var(--font);color:var(--text);outline:none;flex:1;padding:.25rem .4375rem}.item-drag-handle{color:var(--text-3);opacity:0;transition:opacity var(--t);cursor:grab;flex-shrink:0;margin-right:.125rem}.item-card:hover .item-drag-handle{opacity:1}.item-card:active .item-drag-handle{cursor:grabbing}.item-edit-btn{cursor:pointer;color:var(--text-3);border-radius:var(--r-sm);transition:color var(--t), background var(--t);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.1875rem .25rem;line-height:1;display:none}.item-edit-btn:hover{color:var(--accent);background:var(--accent-bg)}.item-card:hover .item-edit-btn{display:inline-flex}.viewer-wrap{max-width:860px;margin:0 auto;padding:1.5rem 2rem 3rem}.viewer-controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.viewer-controls-title{letter-spacing:-.02em;margin:0;font-size:1.0625rem;font-weight:600}.viewer-controls-right{gap:1rem;margin-left:auto;display:flex}.viewer-doc{border-radius:var(--r-lg);max-width:680px;box-shadow:var(--shadow-md);background:#fff;margin:0 auto;padding:2.5rem 3rem}.viewer-item{margin-bottom:.75rem}.viewer-item-card{border:2px solid var(--border);border-radius:var(--r);transition:border-color var(--t), background var(--t);background:#fff;padding:.875rem 1rem}.viewer-item-inner{align-items:flex-start;gap:.75rem;display:flex}.viewer-label{min-width:2.375rem;font-size:1rem;font-weight:700;font-family:var(--font-serif);flex-shrink:0}.viewer-text{font-family:var(--font-serif);color:var(--text);flex:1;font-size:1rem;line-height:1.55}.viewer-ref{color:var(--text-2);font-size:.8125rem;font-family:var(--font);margin-top:.25rem}.viewer-empty{text-align:center;color:var(--text-2);padding:3rem 2rem;font-size:.9375rem}.modal-backdrop{z-index:2000;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{border-radius:var(--r-lg);width:100%;max-width:420px;box-shadow:var(--shadow-md);background:#fff;padding:1.75rem}.modal-title{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.modal-sub{color:var(--text-2);margin:0 0 1.25rem;font-size:.8125rem;line-height:1.5}.modal-label{color:var(--text-2);margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.modal-input{border:1.5px solid var(--border);border-radius:var(--r);width:100%;font-size:.9375rem;font-family:var(--font);color:var(--text);transition:border-color var(--t);outline:none;padding:.5625rem .75rem}.modal-input:focus{border-color:var(--accent)}.modal-input.error{border-color:var(--danger)}.modal-textarea{border:1.5px solid var(--border);border-radius:var(--r);width:100%;font-size:.9375rem;font-family:var(--font);color:var(--text);resize:vertical;transition:border-color var(--t);outline:none;padding:.5625rem .75rem}.modal-textarea:focus{border-color:var(--accent)}.modal-error{color:var(--danger);margin:.25rem 0 0;font-size:.8125rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.modal-field{margin-bottom:1rem}@keyframes glow{0%{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e573}to{box-shadow:none}}.modal-confirm-message{color:var(--text);margin:0 0 1.25rem;font-size:.9375rem;line-height:1.5}@media (width<=767px){.viewer-doc{border-radius:var(--r);padding:1.25rem 1rem}.viewer-wrap,.editor-wrap{padding:1rem}.header-export-label{display:none}.header-right{scrollbar-width:none;overflow-x:auto}.header-right::-webkit-scrollbar{display:none}}