: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}