@font-face{font-family:Monaspace Neon;src:url(https://cdn.jsdelivr.net/gh/githubnext/monaspace@v1.101/fonts/webfonts/MonaspaceNeon-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Monaspace Neon;src:url(https://cdn.jsdelivr.net/gh/githubnext/monaspace@v1.101/fonts/webfonts/MonaspaceNeon-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Monaspace Neon;src:url(https://cdn.jsdelivr.net/gh/githubnext/monaspace@v1.101/fonts/webfonts/MonaspaceNeon-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--bg: #0a0a0a;--surface: #141414;--surface-hover: #1a1a1a;--text-primary: #f0e6d3;--text-secondary: #a89a85;--text-dim: #5a5248;--accent: #c9a227;--accent-bright: #e8c547;--change-highlight: #b85c38;--border: #2a2520;--success: #6b8e6b;--error: #a85454;--font-mono: "Monaspace Neon", "Fira Code", "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--transition-fast: .15s ease;--transition-normal: .25s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);font-weight:300;font-feature-settings:"calt" 1,"liga" 1,"ss01" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text-primary);min-height:100vh;line-height:1.6}.app-container{max-width:1400px;margin:0 auto;padding:var(--space-lg) var(--space-xl);min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--border);margin-bottom:var(--space-lg)}.app-title{font-size:.75rem;font-weight:500;letter-spacing:.15em;color:var(--text-dim);text-transform:uppercase}.header-actions{display:flex;gap:var(--space-sm)}.btn-icon{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:.7rem;cursor:pointer;transition:all var(--transition-fast);border-radius:2px}.btn-icon:hover{border-color:var(--accent);color:var(--accent)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-icon.speaking{border-color:var(--accent);color:var(--accent);animation:pulse 1s ease-in-out infinite}.input-section{margin-bottom:var(--space-xl)}.input-wrapper{position:relative}.input-textarea{width:100%;min-height:80px;padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;font-weight:300;line-height:1.6;resize:vertical;outline:none;transition:border-color var(--transition-fast)}.input-textarea::placeholder{color:var(--text-dim)}.input-textarea:focus{border-color:var(--accent)}.translation-section{margin-bottom:var(--space-xl)}.translation-empty{text-align:center;padding:var(--space-xl);color:var(--text-dim);font-style:italic}.translation-loading{text-align:center;padding:var(--space-xl);color:var(--accent)}.word-flow{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center;padding:var(--space-lg) 0}.word-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);cursor:pointer;transition:all var(--transition-fast);border-radius:4px;border:1px solid transparent;position:relative}.word-card:hover{background:var(--surface);border-color:var(--border)}.word-card.selected{background:var(--surface);border-color:var(--accent)}.word-latin{font-size:1.5rem;font-weight:400;color:var(--accent-bright);letter-spacing:.05em;margin-bottom:var(--space-xs)}.word-ipa{font-size:.85rem;color:var(--text-secondary)}.word-english{font-size:.7rem;color:var(--text-dim);margin-top:var(--space-xs)}.play-btn{position:absolute;top:var(--space-xs);right:var(--space-xs);background:transparent;border:1px solid var(--border);color:var(--text-dim);width:24px;height:24px;border-radius:50%;font-size:.6rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;opacity:0}.word-card:hover .play-btn{opacity:1}.play-btn:hover{border-color:var(--accent);color:var(--accent)}.play-btn.playing{opacity:1;border-color:var(--accent);color:var(--accent);animation:pulse 1s infinite}.play-btn:disabled{cursor:not-allowed}.word-arrow{display:flex;align-items:center;color:var(--text-dim);font-size:1.2rem;opacity:.4}.etymology-section{flex:1;border-top:1px solid var(--border);padding-top:var(--space-lg)}.etymology-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.etymology-title{font-size:.75rem;font-weight:500;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.etymology-word{color:var(--accent);margin-left:var(--space-sm)}.view-switcher{display:flex;gap:2px;background:var(--surface);padding:2px;border-radius:4px}.view-btn{background:transparent;border:none;color:var(--text-dim);padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:.7rem;cursor:pointer;transition:all var(--transition-fast);border-radius:2px}.view-btn:hover{color:var(--text-secondary)}.view-btn.active{background:var(--accent);color:var(--bg)}.etymology-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-dim);text-align:center}.empty-icon{font-size:2rem;opacity:.3;margin-bottom:var(--space-sm)}.empty-text{font-size:.85rem;font-style:italic}.timeline-horizontal{padding:var(--space-lg) 0;display:flex;justify-content:center}.timeline-svg{display:block}.timeline-line{stroke:var(--border);stroke-width:2}.timeline-node-circle{fill:var(--surface);stroke:var(--border);stroke-width:2;transition:all var(--transition-fast)}.timeline-node-circle.has-change{fill:var(--change-highlight);stroke:var(--accent)}.timeline-era-label{fill:var(--text-dim);font-size:10px;font-family:var(--font-mono)}.timeline-ipa{fill:var(--text-primary);font-size:14px;font-family:var(--font-mono)}.timeline-year{fill:var(--text-dim);font-size:9px;font-family:var(--font-mono)}.char-evolution{padding:var(--space-lg);overflow-x:auto}.char-table{width:100%;border-collapse:collapse;font-size:.9rem}.char-table th{text-align:center;color:var(--text-dim);font-weight:400;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm);border-bottom:1px solid var(--border)}.char-table td{text-align:center;padding:var(--space-sm);color:var(--text-primary);font-size:1.1rem;border-bottom:1px solid var(--border);position:relative}.char-table tr:last-child td{border-bottom:none}.char-changed{color:var(--change-highlight)}.char-lost{color:var(--text-dim);font-style:italic}.char-arrow{color:var(--text-dim);font-size:.8rem;opacity:.5}.era-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);padding:var(--space-lg) 0}.era-column{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);background:var(--surface);border-radius:4px;border:1px solid var(--border)}.era-column.has-change{border-color:var(--change-highlight)}.era-name{font-size:.7rem;font-weight:500;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.era-year{font-size:.6rem;color:var(--text-dim);margin-bottom:var(--space-sm)}.era-ipa{font-size:1.2rem;color:var(--text-primary)}.era-changes{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--border);width:100%}.change-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.7rem;color:var(--text-secondary);margin-top:var(--space-xs)}.change-arrow{color:var(--change-highlight)}.change-name{color:var(--text-dim);font-style:italic}.app-footer{margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-dim)}.status-success{color:var(--success)}.status-error{color:var(--error)}.status-loading{color:var(--accent);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.examples-hint span{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast)}.examples-hint span:hover{color:var(--accent)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:4px;max-width:500px;max-height:80vh;overflow:auto;padding:var(--space-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.modal-title{font-size:.85rem;font-weight:500;color:var(--text-primary);letter-spacing:.05em}.modal-close{background:none;border:none;color:var(--text-dim);font-size:1.2rem;cursor:pointer;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.shortcuts-list{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm) var(--space-md)}.shortcut-key{background:var(--bg);border:1px solid var(--border);padding:var(--space-xs) var(--space-sm);color:var(--accent);font-size:.75rem;text-align:center;border-radius:2px}.shortcut-desc{color:var(--text-secondary);font-size:.8rem;display:flex;align-items:center}.legend-section{margin-bottom:var(--space-md)}.legend-title{font-size:.7rem;font-weight:500;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.legend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs) var(--space-md);font-size:.8rem}.legend-item{display:flex;gap:var(--space-sm)}.legend-symbol{color:var(--accent);min-width:2rem}.legend-meaning{color:var(--text-secondary)}.btn-short{display:none}.btn-full{display:inline}@media(max-width:600px){.app-container{padding:var(--space-md)}.app-header{flex-wrap:wrap;gap:var(--space-sm)}.app-title{font-size:.65rem}.header-actions{gap:var(--space-xs)}.btn-short{display:inline}.btn-full{display:none}.btn-icon{padding:var(--space-xs);min-width:28px}.word-flow{gap:var(--space-md)}.word-latin{font-size:1.2rem}.era-columns{grid-template-columns:1fr}.app-footer{flex-direction:column;gap:var(--space-sm);text-align:center}.examples-hint{font-size:.65rem}}@media(max-width:380px){.app-title{display:none}.header-actions{width:100%;justify-content:space-between}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.word-card{animation:fadeIn .3s ease both}.word-card:nth-child(1){animation-delay:.05s}.word-card:nth-child(2){animation-delay:.1s}.word-card:nth-child(3){animation-delay:.15s}.word-card:nth-child(4){animation-delay:.2s}.word-card:nth-child(5){animation-delay:.25s}.word-card:nth-child(6){animation-delay:.3s}.word-card:nth-child(7){animation-delay:.35s}.word-card:nth-child(8){animation-delay:.4s}.era-column{animation:fadeIn .4s ease both}.era-column:nth-child(1){animation-delay:.1s}.era-column:nth-child(2){animation-delay:.2s}.era-column:nth-child(3){animation-delay:.3s}.era-column:nth-child(4){animation-delay:.4s}.era-column:nth-child(5){animation-delay:.5s}