:root{--bs-primary:#4f46e5;--bs-primary-rgb:79,70,229}
*{font-family:'Inter',system-ui,-apple-system,sans-serif}
body{background:#f8fafc; transition:background .2s, color .2s}
[data-bs-theme="dark"] body{background:#0f172a!important; color:#e2e8f0}
[data-bs-theme="dark"] .card{background:#1e293b!important; color:#e2e8f0; border-color:#334155!important}
[data-bs-theme="dark"] .card-header{background:#1e293b!important; border-color:#334155!important}
[data-bs-theme="dark"] .form-control,[data-bs-theme="dark"] .input-group-text{background:#0f172a!important; color:#e2e8f0!important; border-color:#334155!important}
[data-bs-theme="dark"] .form-control::placeholder{color:#64748b}
[data-bs-theme="dark"] #preview{background:#0f172a!important; border-color:#334155!important; color:#e2e8f0}
[data-bs-theme="dark"] #list .list-group-item{background:#1e293b; color:#e2e8f0; border-color:#334155}
[data-bs-theme="dark"] #list .list-group-item:hover{background:#263449}
[data-bs-theme="dark"] #list .list-group-item.active{background:#312e81!important; color:#e0e7ff!important}
[data-bs-theme="dark"] .text-muted{color:#94a3b8!important}
[data-bs-theme="dark"] .badge-tag{background:#1e293b!important; color:#a5b4fc!important; border-color:#334155!important}
[data-bs-theme="dark"] .modal-content{background:#1e293b; color:#e2e8f0}
[data-bs-theme="dark"] .btn-outline-secondary{color:#cbd5e1; border-color:#475569}
.navbar{backdrop-filter:blur(8px)}
.card{transition:transform .15s ease, box-shadow .15s ease}
.card:hover{box-shadow:0 8px 30px rgba(0,0,0,.08)!important}
#list .list-group-item{border-left:3px solid transparent; cursor:pointer; transition:all .15s}
#list .list-group-item:hover{background:#f1f5f9; border-left-color:#c7d2fe}
#list .list-group-item.active{background:#eef2ff!important; color:#1e293b; border-left-color:#4f46e5; border-color:#e0e7ff}
#list .list-group-item .title{font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#content{font-family:'JetBrains Mono',ui-monospace,monospace; font-size:.9rem; line-height:1.6}
#preview{font-size:.92rem; line-height:1.7}
#preview h1,#preview h2{font-weight:700; margin-top:1rem}
#preview pre{background:#0f172a;color:#e2e8f0;padding:12px;border-radius:10px;overflow:auto}
#preview code{font-family:'JetBrains Mono',monospace}
.form-control:focus{border-color:#a5b4fc; box-shadow:0 0 0 .25rem rgba(79,70,229,.15)}
.btn-primary{background:#4f46e5;border-color:#4f46e5}
.btn-primary:hover{background:#4338ca;border-color:#4338ca}
.badge-tag{background:#eef2ff;color:#4338ca;border:1px solid #e0e7ff}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:#94a3b8}