:root{--ink:#16323a;--ink-2:#1f4e5f;--ink-soft:#3c5a64;--parchment:#f6f1e6;--parchment-2:#ede4d3;--paper:#fffdf9;--brass:#c9a227;--brass-dark:#a9840f;--wine:#6e2a35;--wine-soft:#8c4451;--text:#20272a;--text-muted:#6b6255;--text-on-ink:#f3efe6;--border:#e1d7c0;--border-strong:#c9bb98;--success:#4c7a5a;--danger:#a6392f;--font-display:"Fraunces", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-card:0 1px 2px #16323a0f, 0 8px 24px -12px #16323a2e;--sidebar-width:248px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-base:.26s;--duration-slow:.42s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawStaff{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes pop{0%{transform:scale(.96)}60%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseRing{0%{box-shadow:0 0 #c9a22759}to{box-shadow:0 0 0 8px #c9a22700}}.page-enter{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.stagger>*{animation:fadeInUp var(--duration-base) var(--ease-out) both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.3s}.stagger>:nth-child(7){animation-delay:.36s}.staff-lines-animated{animation:drawStaff .9s var(--ease-out) both}.btn{border-radius:var(--radius-sm);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);border:none;padding:11px 18px;font-size:14px;font-weight:600}.btn:active{transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--brass);color:var(--ink)}.btn-primary:hover:not(:disabled){background:var(--brass-dark);box-shadow:0 4px 14px -4px #a9840f80}.btn-secondary{background:var(--parchment-2);color:var(--ink);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-danger{background:var(--wine);color:var(--text-on-ink)}.btn-danger:hover:not(:disabled){background:var(--wine-soft)}.btn-small{padding:7px 10px;font-size:12px}.btn-saved{animation:pop var(--duration-base) var(--ease-out)}.nav-link{color:#f3efe6b8;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), padding-left var(--duration-base) var(--ease-out);border-radius:8px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:block;position:relative}.nav-link:hover{color:var(--text-on-ink);background:#f3efe60f;padding-left:16px}.nav-link.active{color:var(--text-on-ink);box-shadow:inset 2px 0 0 var(--brass);background:#c9a22729}.card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out)}.card:hover{box-shadow:var(--shadow-card);border-color:var(--border-strong);transform:translateY(-2px)}.input{border-radius:var(--radius-sm);border:1px solid var(--border);font-size:14px;font-family:var(--font-body);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);padding:10px 12px}.input:focus{border-color:var(--brass);outline:none;box-shadow:0 0 0 3px #c9a2272e}.lang-pill{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;border-radius:999px;padding:6px 10px;font-size:12px}.lang-pill:hover{color:var(--text)}.lang-pill.active{background:var(--ink);color:var(--text-on-ink);animation:pop var(--duration-fast) var(--ease-out)}.perm-checkbox{accent-color:var(--brass);transition:transform var(--duration-fast) var(--ease-out)}.perm-checkbox:active{transform:scale(1.15)}.table-row-animate{animation:fadeIn var(--duration-base) var(--ease-out) both;transition:background-color var(--duration-fast) var(--ease-out)}.table-row-animate:hover{background:var(--parchment-2)}.spinner{border:2px solid #16323a40;border-top-color:var(--ink);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--parchment);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:0}button{font-family:var(--font-body);cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.staff-lines{background-image:repeating-linear-gradient(var(--border-strong), var(--border-strong) 1px, transparent 1px, transparent 8px);opacity:.55;background-repeat:repeat-y;background-size:100% 8px;height:34px}.page-header{margin-bottom:20px}.page-header h2{margin-bottom:4px;font-size:22px}.page-header p,.muted{color:var(--text-muted);margin:0;font-size:14px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:20px;padding:20px;display:grid}.form-grid label,.record-card label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.form-actions{align-items:end;display:flex}.table-wrap{margin-top:16px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:12px 14px}.data-table th{color:var(--ink);background:var(--parchment);font-weight:600}.data-table tbody tr:last-child td{border-bottom:0}.table-actions{flex-wrap:wrap;gap:8px;min-width:220px;display:flex}.empty-state{color:var(--text-muted);text-align:center;padding:24px}.alert{border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 14px;font-size:13px}.alert-error{color:var(--danger);background:#a6392f14;border:1px solid #a6392f40}.record-list{gap:12px;display:grid}.record-card{grid-template-columns:minmax(220px,1fr) minmax(170px,.7fr) minmax(220px,1fr) auto;align-items:end;gap:16px;padding:18px;display:grid}.input-compact{min-width:170px;padding:7px 9px}.input-duration{width:78px;padding:7px 9px}.module-card{color:var(--ink);font-family:var(--font-display);font-size:18px;text-decoration:none}.app-loading{border:3px solid var(--border);border-top-color:var(--brass);border-radius:50%;width:32px;height:32px;margin:20vh auto;animation:.7s linear infinite spin}@media (width<=900px){.record-card{grid-template-columns:1fr;align-items:stretch}}.staff-lines--brass{background-image:repeating-linear-gradient(var(--brass), var(--brass) 1px, transparent 1px, transparent 8px)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}