@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-base:#0a0a0a;--bg-1:#111;--bg-2:#161616;--bg-3:#1e1e1e;--surface-1:#222;--surface-2:#2a2a2a;--surface-3:#333;--text-primary:#e8e8e6;--text-secondary:#9a9a96;--text-muted:#555552;--text-accent:#4a9bd9;--border-subtle:#1f1f1f;--border-soft:#2e2e2e;--border-mid:#3d3d3d;--allit-color:#e8a94a;--asson-color:#7cb8a0;--layer-rhyme:#4a9bd9;--layer-slant:#8b7dd6;--layer-allit:#e8a94a;--layer-asson:#7cb8a0;--font-ui:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-editor:"JetBrains Mono", ui-monospace, monospace;--header-h:52px;--footer-h:44px;--sidebar-l-w:168px;--sidebar-r-w:240px;--gutter-w:40px;--editor-line-h:1.7;--editor-font:15px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;min-height:100vh}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);font-size:14px;line-height:1.5}#root{flex-direction:column;display:flex}button{font-family:var(--font-ui);cursor:pointer;color:inherit;background:0 0;border:none}button:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}input,textarea{font-family:var(--font-editor)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-mid)}.app{background:var(--bg-base);flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{height:var(--header-h);background:var(--bg-1);border-bottom:1px solid var(--border-subtle);z-index:10;flex-shrink:0;align-items:center;gap:16px;padding:0 18px;display:flex}.app-logo{flex-shrink:0;align-items:center;gap:8px;display:flex}.logo-diamond{color:var(--text-accent);font-size:13px;line-height:1}.logo-name{font-family:var(--font-ui);letter-spacing:.04em;color:var(--text-primary);text-transform:lowercase;font-size:13px;font-weight:500}.header-meta{flex:1;align-items:center;padding-left:12px;display:flex}.dict-status{font-size:11px;font-family:var(--font-mono);letter-spacing:.03em}.dict-status.loading{color:var(--text-muted)}.dict-status.ready{color:var(--asson-color)}.dict-status.error{color:#c0735a}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.view-toggle{font-size:11px;font-family:var(--font-mono);border:1px solid var(--border-soft);color:var(--text-secondary);background:0 0;border-radius:4px;padding:4px 10px;transition:all .15s}.view-toggle:hover{border-color:var(--border-mid);color:var(--text-primary)}.view-toggle.view-toggle-on{border-color:var(--text-accent);color:var(--text-accent);background:#4a9bd914}.clear-btn{font-size:11px;font-family:var(--font-mono);border:1px solid var(--border-soft);color:var(--text-muted);background:0 0;border-radius:4px;padding:4px 10px;transition:all .15s}.clear-btn:hover{color:#c0735a;border-color:#c0735a}.app-main{flex:1;min-height:0;display:flex;overflow:hidden}.app-main-zen{padding:0}.sidebar-left{width:var(--sidebar-l-w);min-width:var(--sidebar-l-w);background:var(--bg-1);border-right:1px solid var(--border-subtle);flex-shrink:0;overflow-y:auto}.sidebar-right{width:var(--sidebar-r-w);min-width:var(--sidebar-r-w);background:var(--bg-1);border-left:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.layer-controls{flex-direction:column;gap:6px;padding:16px 12px 20px;display:flex}.layer-controls-title{font-size:10px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);margin-bottom:4px;padding:0 4px 8px}.layer-list{flex-direction:column;gap:2px;display:flex}.layer-toggle{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:8px;width:100%;padding:7px 8px;font-size:12px;transition:background .12s,color .12s;display:flex}.layer-toggle:hover{background:var(--surface-1);color:var(--text-primary)}.layer-toggle.layer-toggle-on{color:var(--text-primary)}.layer-toggle.layer-toggle-off{opacity:.55}.layer-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .15s}.layer-label{font-size:12px;font-family:var(--font-ui)}.layer-divider{background:var(--border-subtle);height:1px;margin:10px 0 8px}.zen-toggle{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:8px;width:100%;padding:7px 8px;font-size:12px;transition:all .12s;display:flex}.zen-toggle:hover{background:var(--surface-1);color:var(--text-secondary)}.zen-toggle.zen-toggle-on{color:var(--text-accent)}.zen-icon{flex-shrink:0;font-size:11px}.editor-area{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.editor-gutter-wrap{flex:1;min-height:0;display:flex;overflow:hidden}.gutter{width:var(--gutter-w);min-width:var(--gutter-w);background:var(--bg-1);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;padding:20px 0;display:flex;overflow:hidden}.gutter-line{height:calc(var(--editor-font) * var(--editor-line-h));font-size:9px;font-family:var(--font-mono);color:var(--text-muted);cursor:default;-webkit-user-select:none;user-select:none;border-radius:3px;justify-content:center;align-items:center;margin:0 4px;transition:color .15s;display:flex}.gutter-line.gutter-even{color:var(--asson-color);font-weight:500}.gutter-line.gutter-empty{color:#0000}.editor-layers{flex:1;min-width:0;position:relative;overflow:hidden}.annotation-overlay{pointer-events:none;z-index:3;padding:20px 20px 20px 16px;position:absolute;inset:0;overflow:hidden auto}.annotated-canvas{font-family:var(--font-editor);font-size:var(--editor-font);line-height:var(--editor-line-h);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;word-spacing:normal;letter-spacing:normal}.lyric-editor{background:var(--bg-2);color:#0000;resize:none;width:100%;height:100%;font-family:var(--font-editor);font-size:var(--editor-font);line-height:var(--editor-line-h);letter-spacing:normal;word-spacing:normal;z-index:2;caret-color:var(--text-accent);white-space:pre-wrap;border:none;outline:none;padding:20px 20px 20px 16px;position:absolute;inset:0;overflow:hidden auto}.lyric-editor::placeholder{color:var(--text-muted);font-style:italic}.lyric-editor:not(.lyric-editor-transparent){color:var(--text-primary)}.zen-controls{z-index:100;position:fixed;bottom:24px;right:24px}.zen-exit-btn{font-size:11px;font-family:var(--font-mono);border:1px solid var(--border-mid);color:var(--text-muted);background:var(--bg-1);opacity:.6;border-radius:20px;padding:6px 14px;transition:opacity .15s}.zen-exit-btn:hover{opacity:1}.rhyme-finder{flex-direction:column;flex:1;display:flex;overflow:hidden}.rhyme-finder-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;padding:14px 14px 10px}.rhyme-finder-title{font-size:10px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.rhyme-finder-input-wrap{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;padding:10px 12px;display:flex;position:relative}.rhyme-finder-input{background:var(--surface-1);width:100%;color:var(--text-primary);border:1px solid var(--border-soft);font-size:13px;font-family:var(--font-mono);border-radius:5px;outline:none;padding:7px 10px;transition:border-color .15s}.rhyme-finder-input:focus{border-color:var(--text-accent)}.rhyme-finder-input::placeholder{color:var(--text-muted)}.rhyme-finder-spinner{border:2px solid var(--border-mid);border-top-color:var(--text-accent);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.7s linear infinite spin;position:absolute;right:22px}@keyframes spin{to{transform:rotate(360deg)}}.rhyme-finder-tabs{border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex;overflow-x:auto}.rhyme-tab{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;padding:7px 4px;transition:all .12s;display:flex}.rhyme-tab:hover{color:var(--text-secondary)}.rhyme-tab.rhyme-tab-active{color:var(--text-primary);border-bottom-color:var(--text-accent)}.rhyme-tab-count{color:var(--text-accent);font-size:9px;font-weight:600}.rhyme-finder-results{flex:1;padding:10px 10px 16px;overflow-y:auto}.rhyme-finder-offline,.rhyme-finder-empty,.rhyme-finder-hint{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);padding:12px 4px;line-height:1.5}.rhyme-word-grid{flex-wrap:wrap;gap:5px;padding-top:4px;display:flex}.rhyme-word-chip{font-size:12px;font-family:var(--font-mono);background:var(--surface-1);border:1px solid var(--border-soft);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:4px;padding:4px 9px;transition:all .12s}.rhyme-word-chip:hover{background:var(--surface-2);border-color:var(--border-mid);color:var(--text-primary);transform:translateY(-1px)}.rhyme-word-chip:active{transform:translateY(0)}.app-footer{height:var(--footer-h);background:var(--bg-1);border-top:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.legend{align-items:center;gap:20px;display:flex}.legend-item{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:6px;display:flex}.legend-swatch{border-radius:2px;width:20px;height:8px;display:inline-block}.swatch-rhyme{background:#5a9ee280;border:1px solid #2680d999}.swatch-slant{background:#7b69d34d;border:1px dashed #5139c699}.swatch-allit{border-bottom:2px solid var(--allit-color);background:0 0}.swatch-asson{border-bottom:2px double var(--asson-color);background:0 0}.footer-credit{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em}.app.zen .editor-area{background:var(--bg-base)}.app.zen .lyric-editor{background:var(--bg-base);width:100%;max-width:680px;margin:0 auto;padding:48px;font-size:16px;line-height:1.9}.app.zen .annotation-overlay{max-width:680px;margin:0 auto;padding:48px;font-size:16px;line-height:1.9}.app.zen .annotated-canvas{font-size:16px;line-height:1.9}.app.zen .gutter{display:none}