:root{--bg:#0e0f12;--surface:#1a1c22;--surface-2:#23262e;--border:#2c2f38;--text:#e8e9ed;--muted:#8d92a0;--accent:#6ea8fe;--danger:#ff6b6b;--ok:#57c785}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}.loading{color:var(--muted);padding:2rem}.screen{max-width:960px;margin:0 auto;padding:1.5rem}.screen.welcome{text-align:center;flex-direction:column;align-items:center;padding-top:4rem;display:flex}.welcome h1{margin:0 0 .5rem;font-size:3rem}.welcome .lede{color:var(--muted);margin-bottom:2rem}.welcome .actions{flex-direction:column;gap:.5rem;width:320px;display:flex}.welcome .hint{color:var(--muted);margin-top:2rem;font-size:.85rem}.screen-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.screen-header h2{flex:1;margin:0}.header-actions{gap:.5rem;display:flex}.back{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.9rem}form{flex-direction:column;gap:1rem;max-width:480px;display:flex}form label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}form input,form textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.5rem .75rem;font-family:inherit;font-size:.95rem}form input:focus,form textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}form small{color:var(--muted);font-size:.75rem}form hr{border:0;border-top:1px solid var(--border);margin:0}button{background:var(--surface-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-family:inherit;font-size:.9rem}button:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.link{color:var(--accent);text-align:left;background:0 0;border:none;padding:0;text-decoration:underline}.error{color:var(--danger);font-size:.9rem}.hint{color:var(--muted)}.bootstrap-import{flex-direction:column;gap:.5rem;max-width:520px;display:flex}.bootstrap-import textarea{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.8rem}.phrase-card{background:var(--surface);border:1px solid var(--accent);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.phrase-card h3{margin-top:0}.notice-banner{background:var(--surface);border:1px solid var(--accent);border-radius:6px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.5rem .75rem;font-size:.9rem;display:flex}.phrase-card .phrase{background:var(--surface-2);white-space:pre-wrap;border-radius:6px;margin:.5rem 0 1rem;padding:1rem;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.95rem;line-height:1.6;display:block}.main-body{align-items:flex-start;gap:1.5rem;display:flex}.sidebar{flex-direction:column;gap:.25rem;width:180px;display:flex}.sidebar button{text-align:left;background:0 0;border:1px solid #0000}.sidebar button.active{background:var(--surface);border-color:var(--border)}.file-pane{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex:1}.toolbar{border-bottom:1px solid var(--border);gap:.5rem;padding:.75rem;display:flex}.toolbar input[type=search]{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;flex:1;padding:.4rem .6rem;font-family:inherit}.empty{text-align:center;color:var(--muted);padding:2rem}.file-list{margin:0;padding:0;list-style:none}.file-list li{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto auto;align-items:center;gap:1rem;padding:.5rem .75rem;display:grid}.file-list li:last-child{border-bottom:none}.file-list .path{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.85rem}.file-list .size,.file-list .mtime{color:var(--muted);font-size:.8rem}.file-list .row-actions{gap:.25rem;display:flex}.file-list .row-actions button{padding:.25rem .5rem;font-size:.8rem}.footer{border-top:1px solid var(--border);color:var(--muted);padding:.5rem .75rem;font-size:.8rem}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);border-radius:10px;width:min(640px,90vw);max-height:85vh;padding:0 1.25rem 1.25rem;overflow:auto}.modal-header{background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 0;display:flex;position:sticky;top:0}.modal-header h2{margin:0}.modal-section{border-bottom:1px solid var(--border);padding:1rem 0}.modal-section:last-child{border-bottom:none}.modal-section h3{margin-top:0}.retention-options{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.retention-options label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.orphan-list{background:var(--surface);border:1px solid var(--border);border-radius:6px;max-height:200px;margin:.5rem 0;padding:.5rem;font-size:.85rem;list-style:none;overflow-y:auto}.orphan-list li{padding:.25rem 0}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}button.danger:hover:not(:disabled){background:#d35454}.sidebar-divider{background:var(--border);height:1px;margin:.5rem 0}.sidebar .new-folder-btn{color:var(--muted);padding:.25rem .5rem;font-size:.85rem}.new-folder-input{padding:.25rem .5rem}.new-folder-input input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:4px;padding:.25rem .4rem;font-size:.85rem}.error.small{color:var(--danger);margin:.25rem 0 0;font-size:.75rem}.folder-tree{max-height:50vh;margin:.25rem 0 0;padding:0;list-style:none;overflow-y:auto}.folder-tree-node{cursor:pointer;border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .4rem;font-size:.85rem;display:flex}.folder-tree-node.active{background:var(--surface)}.folder-tree-toggle{width:1rem;color:var(--muted);cursor:pointer;font-size:.7rem;display:inline-block}.folder-tree-label{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.breadcrumbs{border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.85rem}.breadcrumb-crumb{align-items:center;gap:.25rem;display:inline-flex}.breadcrumb-sep{color:var(--muted);padding:0 .25rem}.breadcrumbs button{color:var(--text);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:.1rem .2rem}.breadcrumbs button:disabled{color:var(--muted);cursor:default}.file-list .folder-row .folder-name{cursor:pointer;color:var(--text)}.file-list .folder-row .folder-name:hover{text-decoration:underline}.file-pane{position:relative}.dropzone-overlay{border:2px dashed var(--accent,#4a90e2);pointer-events:none;z-index:50;background:#0009;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dropzone-message{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem 1.5rem;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.9rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}