:root{--bg: #f3f1ec;--bg-elevated: #fffcf7;--bg-soft: #e8e4db;--ink: #1c2430;--ink-muted: #5c6675;--accent: #0f766e;--accent-soft: #d8efe9;--border: #d5d0c4;--danger: #b42318;--shadow: 0 12px 40px rgba(28, 36, 48, .08);--radius: 16px;--font: "DM Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--mono: "IBM Plex Mono", "Sarasa Mono SC", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#ddeee8 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#efe6d8 0%,transparent 50%),var(--bg)}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{padding:1.5rem 1rem 1rem;border-right:1px solid var(--border);background:#fffcf7b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:1rem;position:sticky;top:0;height:100vh}.brand{padding:.25rem .75rem .75rem}.brand h1{margin:0;font-size:1.35rem;letter-spacing:-.03em}.brand p{margin:.35rem 0 0;color:var(--ink-muted);font-size:.85rem}.instrument-list{display:flex;flex-direction:column;gap:.35rem;flex:1;overflow:auto}.instrument-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;text-align:left;padding:.7rem .85rem;border-radius:12px;color:var(--ink);cursor:pointer;transition:background .18s ease,transform .18s ease}.instrument-btn:hover{background:var(--bg-soft)}.instrument-btn.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-footer{padding:.5rem .75rem .75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.4rem}.library-switch{display:flex;gap:.4rem;padding:0 .75rem}.lib-btn{flex:1;border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;padding:.55rem .6rem;cursor:pointer;font-weight:600;color:var(--ink-muted)}.lib-btn.active{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.mobile-library-switch{display:none;gap:.5rem;align-items:center;padding:.75rem 1rem 0;position:relative;z-index:70}.mobile-account{margin-left:auto}.mobile-account summary.pill{list-style:none;cursor:pointer}.mobile-account summary.pill::-webkit-details-marker{display:none}.mobile-account .menu-list{right:0;left:auto}.auth-check{min-height:60vh;display:grid;place-items:center;color:var(--ink-muted)}.badge-publish{background:var(--accent-soft);color:var(--accent);font-weight:600}.review-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:10px}.auth-tabs{display:flex;gap:.4rem;margin-bottom:.5rem}.auth-tab{flex:1;border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;padding:.5rem .75rem;cursor:pointer;font-weight:600;color:var(--ink-muted)}.auth-tab.active{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.captcha-row{display:flex;align-items:center;gap:.5rem}.captcha-row input{flex:1;min-width:0;border:1px solid var(--border);border-radius:12px;padding:.7rem .85rem;background:var(--bg-elevated);color:var(--ink);outline:none}.captcha-img{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:46px;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated);cursor:pointer;overflow:hidden}.captcha-img img{display:block;height:46px}.captcha-img span{padding:0 .6rem;font-size:.8rem;color:var(--ink-muted)}.list-more{display:flex;justify-content:center;align-items:center;min-height:2.5rem;padding:.75rem 0 .25rem;color:var(--ink-muted);font-size:.88rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn:focus-visible,.select:focus-visible,.pill:focus-visible,.search:focus-visible,.lib-btn:focus-visible,.console-link:focus-visible,.menu-item:focus-visible,.auth-tab:focus-visible,.star:focus-visible,.field input:focus-visible,.captcha-row input:focus-visible,.console-form input:focus-visible,.edit-area:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.console{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.console-side{display:flex;flex-direction:column;gap:1rem;padding:1.25rem .9rem 1rem;border-right:1px solid var(--border);background:#fffcf7b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;height:100vh}.console-nav{display:flex;flex-direction:column;gap:.3rem;flex:1}.console-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;padding:.65rem .85rem;border-radius:12px;cursor:pointer}.console-link:hover{background:var(--bg-soft)}.console-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.console-footer{border-top:1px solid var(--border);padding-top:.75rem}.console-main{min-width:0;display:flex;flex-direction:column}.console-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.1rem 1.25rem .75rem}.console-head h2{margin:0;font-size:1.2rem;letter-spacing:-.02em}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;padding:0 1.25rem .9rem}.stat-card{display:flex;flex-direction:column;gap:.25rem;padding:.9rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-label{color:var(--ink-muted);font-size:.82rem}.stat-value{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.console-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.25rem .9rem}.console-list{display:flex;flex-direction:column;gap:.5rem;padding:0 1.25rem 2rem}.console-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem 1rem;background:#fffcf7e6;border:1px solid transparent;border-radius:var(--radius);box-shadow:var(--shadow)}.console-row-clickable{cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.console-row-clickable:hover{background:var(--bg-elevated);border-color:var(--border);transform:translateY(-1px)}.console-row-title{font-weight:500}.btn-sm{padding:.35rem .65rem;font-size:.82rem}.console-muted{color:var(--ink-muted);font-size:.85rem}.console-form{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.25rem .9rem}.console-form input{flex:1;min-width:12rem;border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;padding:.55rem 1rem;outline:none}.console-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1f}:root[data-theme=dark] .console-side{background:#12161cb8}:root[data-theme=dark] .console-row{background:var(--bg-elevated)}@media(max-width:860px){.console{grid-template-columns:1fr}.console-side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border)}.console-nav{flex-direction:row;overflow-x:auto;flex:none}}.main{display:flex;flex-direction:column;min-width:0;min-height:100vh}.topbars{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border)}.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding:.9rem 1.25rem;background:linear-gradient(180deg,#f3f1ecf5,#f3f1ecdb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toolbar+.toolbar{padding-top:0;gap:.5rem}.toolbar-actions{padding-bottom:.75rem}.more-menu{position:relative}.more-menu summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.more-menu summary::-webkit-details-marker{display:none}.more-menu summary:after{content:"▾";font-size:.72rem;margin-left:.3rem;color:var(--ink-muted)}.more-menu[open] summary{border-color:var(--accent);color:var(--accent)}.menu-list{position:absolute;right:0;top:calc(100% + .4rem);min-width:11.5rem;display:flex;flex-direction:column;gap:.15rem;padding:.4rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);z-index:30}.menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;white-space:nowrap;padding:.55rem .7rem;border-radius:10px;cursor:pointer}.menu-item:hover{background:var(--bg-soft)}.menu-item.danger{color:var(--danger)}.bar-more.row-menu>.btn{min-width:2.6rem;padding:.55rem .8rem;font-size:1.05rem;letter-spacing:.08em}.bar-more.row-menu>.btn.active{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.row-actions{align-items:center}.toolbar h2{margin:0;font-size:1.2rem;letter-spacing:-.02em;min-width:4rem}.search{flex:1;min-width:180px;border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;padding:.65rem 1rem;outline:none}.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1f}.select,.btn{border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;padding:.55rem .95rem;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;text-align:center;white-space:nowrap;line-height:1.2}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{background:transparent}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.active,:root[data-theme=dark] .btn.active{background:var(--accent-soft);border-color:transparent;color:var(--accent);font-weight:600}.touch-only{display:none}@media(pointer:coarse){.touch-only{display:inline-flex}.bar-more-item.touch-only{display:block}}.mobile-instruments{display:none;gap:.5rem;padding:.75rem 1rem 0;overflow-x:auto}.pill{flex:0 0 auto;border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;padding:.45rem .9rem;cursor:pointer}.pill.active{background:var(--accent-soft);border-color:transparent;color:var(--accent);font-weight:600}.list{padding:.5rem 1.25rem 2rem;display:flex;flex-direction:column;gap:.55rem}.file-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;padding:.95rem 1.1rem;border-radius:var(--radius);background:#fffcf7e6;border:1px solid transparent;box-shadow:var(--shadow);cursor:pointer;transition:transform .16s ease,border-color .16s ease;animation:rise .28s ease both}.file-row:has(.bar-more.open){z-index:40}.file-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.file-title{font-size:1.02rem;font-weight:600;letter-spacing:-.01em;word-break:break-word}.file-meta{display:flex;flex-wrap:wrap;gap:.45rem .7rem;margin-top:.35rem;color:var(--ink-muted);font-size:.82rem}.badge{display:inline-flex;align-items:center;padding:.12rem .5rem;border-radius:999px;background:var(--bg-soft)}.row-actions{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.empty{margin:1.5rem;padding:2.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center;color:var(--ink-muted);border:1px dashed var(--border);border-radius:var(--radius);background:#fffcf78c}.empty-title{margin:0;color:var(--ink);font-weight:600;font-size:1.05rem}.empty-hint{margin:0;font-size:.88rem;max-width:28rem}html.viewer-lock,html.viewer-lock body{height:100%;overflow:hidden;overscroll-behavior:none}.viewer{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none}.viewer-bar{display:flex;flex-wrap:wrap;gap:.45rem .55rem;align-items:center;padding:.55rem .75rem;border-bottom:1px solid var(--border);background:#fffcf7eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:3;overflow:visible}.viewer-bar-title{flex:1 1 8rem;min-width:0;display:flex;flex-direction:column;gap:.1rem}.viewer-bar-title h1,.viewer-bar h1{margin:0;max-width:none;font-size:.98rem;line-height:1.3;font-weight:650;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;word-break:break-word}.viewer-bar-actions{display:flex;flex-wrap:nowrap;gap:.4rem;align-items:center;margin-left:auto;max-width:100%}.bar-sm-only,.bar-more-item.bar-sm-only,.bar-mobile-only{display:none}.bar-more-field{display:flex;flex-direction:column;gap:.25rem;padding:.4rem .55rem .55rem;font-size:.78rem;color:var(--ink-muted)}.bar-more-field .select,.bar-more-field .variant-input{width:100%;min-width:9.5rem}.viewer-bar>.btn,.viewer-bar-actions>.btn,.viewer-bar-actions>.select{flex:0 0 auto}.bar-more{position:relative;flex:0 0 auto}.account-menu .btn:after{content:"▾";font-size:.72rem;color:var(--ink-muted)}.bar-more-menu{position:fixed;z-index:70;min-width:9.5rem;padding:.35rem;display:flex;flex-direction:column;gap:.15rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated);box-shadow:var(--shadow)}.bar-more-item{display:block;width:100%;border:0;background:transparent;border-radius:8px;padding:.55rem .7rem;text-align:left;color:var(--ink);cursor:pointer;font:inherit;line-height:1.25;white-space:nowrap}.bar-more-item:hover,.bar-more-item:focus-visible{background:var(--bg-soft);outline:none}.bar-more-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.bar-more-item.danger{color:var(--danger)}.bar-more-item:disabled{opacity:.55;cursor:not-allowed}.select-sm,.btn.btn-sm{padding:.35rem .65rem;font-size:.82rem;border-radius:999px}.select-fit{width:auto;max-width:6.5rem;flex:0 0 auto}.viewer-body{flex:1;min-height:0;padding:1rem;display:flex;justify-content:center}.zoom-surface{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;overscroll-behavior:none;touch-action:none;cursor:grab}.zoom-surface.text-mode{align-items:flex-start}.zoom-surface.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.text-pane{width:min(920px,100%);margin:0 auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.35rem;white-space:pre-wrap;font-family:var(--mono);font-size:calc(clamp(.92rem,.88rem + .15vw,1.05rem) * var(--font-scale, 1));line-height:1.65;overflow:visible}.image-pane{width:min(1100px,100%);height:100%;display:flex;flex-direction:column;gap:.75rem;align-items:center;justify-content:center}.image-pane img{max-width:100%;max-height:100%;height:auto;border-radius:12px;box-shadow:var(--shadow);transform-origin:center center;transition:transform .15s ease;cursor:grab;background:#fff}.zoom-surface.dragging .image-pane img{transition:none;cursor:grabbing}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(400px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:1.75rem}.login-card h1{margin:0 0 .35rem;font-size:1.4rem}.login-card p{margin:0 0 1.25rem;color:var(--ink-muted)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field input{border:1px solid var(--border);border-radius:12px;padding:.7rem .85rem;background:#fff}.error{color:var(--danger);font-size:.9rem;margin:0 0 .75rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a2266;display:grid;place-items:center;padding:1rem;z-index:40}.modal{width:min(420px,100%);background:var(--bg-elevated);border-radius:16px;padding:1.25rem;border:1px solid var(--border)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-instruments,.mobile-library-switch{display:flex}.mobile-library-switch .lib-btn{flex:0 0 auto;padding:.5rem 1.1rem;border-radius:999px}.main{min-height:100vh}.file-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.5rem .65rem}.row-actions{justify-content:flex-end;align-self:center;flex-wrap:nowrap}}:root[data-theme=dark]{--bg: #12161c;--bg-elevated: #1a2029;--bg-soft: #232b36;--ink: #e8edf4;--ink-muted: #96a3b2;--accent: #2dd4bf;--accent-soft: #16352f;--border: #2e3844;--danger: #f87171;--lyric: #7dd3fc;--shadow: 0 12px 40px rgba(0, 0, 0, .35)}:root{--lyric: #0e7490}:root[data-theme=dark] body{background:radial-gradient(1200px 600px at 10% -10%,#16302c 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#2a2418 0%,transparent 50%),var(--bg)}:root[data-theme=dark] .sidebar{background:#12161cb8}:root[data-theme=dark] .toolbar{background:linear-gradient(180deg,#12161cf5,#12161cd9)}:root[data-theme=dark] .viewer-bar{background:#12161ceb}:root[data-theme=dark] .bar-more-menu{background:var(--bg-elevated)}:root[data-theme=dark] .file-row,:root[data-theme=dark] .empty,:root[data-theme=dark] .search,:root[data-theme=dark] .select,:root[data-theme=dark] .btn,:root[data-theme=dark] .login-card,:root[data-theme=dark] .modal,:root[data-theme=dark] .text-pane{background:var(--bg-elevated);color:var(--ink)}:root[data-theme=dark] .field input{background:var(--bg-soft);color:var(--ink)}.file-main{min-width:0}.file-title-row{display:flex;align-items:center;gap:.45rem;min-width:0}.row-check{width:1rem;height:1rem;accent-color:var(--accent)}.star{border:0;background:transparent;color:var(--ink-muted);font-size:1.1rem;line-height:1;padding:0 .1rem;cursor:pointer}.star.active{color:#f5b301}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-score{background:var(--bg-soft);color:var(--ink-muted)}.badge-lyric{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-weight:600}.badge-chord{background:color-mix(in srgb,#b45309 16%,transparent);color:#b45309}.badge-variant{background:transparent;border:1px dashed var(--border);color:var(--ink-muted)}.select:disabled,.search:disabled,.variant-input:disabled{opacity:.6;cursor:not-allowed}.variant-input{width:9rem;border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;padding:.55rem .9rem;outline:none;font-size:.9rem}.check-row{display:flex;align-items:center;gap:.5rem;margin:0 0 .9rem;font-size:.88rem;cursor:pointer}.rename-list{max-height:46vh;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .6rem;margin-bottom:.9rem}.rename-row{display:flex;gap:.5rem;align-items:baseline;padding:.15rem 0;font-family:var(--mono);font-size:.82rem;word-break:break-all}.rename-from{color:var(--ink-muted);flex:1 1 0;min-width:0}.rename-arrow{flex:0 0 auto;color:var(--ink-muted)}.rename-to{flex:1 1 0;min-width:0;color:var(--accent)}.badge-tag{background:transparent;border:1px solid var(--border)}.notice{color:var(--accent);font-size:.9rem}.toast{position:fixed;right:1rem;bottom:1rem;background:var(--ink);color:var(--bg-elevated);padding:.7rem 1rem;border-radius:12px;box-shadow:var(--shadow);z-index:80;max-width:min(440px,90vw);font-size:.9rem}.modal-wide{width:min(780px,100%)}.edit-area{width:100%;font-family:var(--mono);font-size:.9rem;line-height:1.6;border:1px solid var(--border);border-radius:12px;padding:.75rem;background:var(--bg-elevated);color:var(--ink);resize:vertical;margin-bottom:.75rem}.suggest-list{max-height:50vh;overflow:auto;display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.suggest-item{display:flex;gap:.5rem;align-items:center;padding:.45rem .6rem;border:1px solid var(--border);border-radius:10px;cursor:pointer}.editor-page{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.pe-stat{color:var(--ink-muted);font-size:.78rem;line-height:1.2}.pe-hint{padding:.45rem .75rem .2rem;color:var(--ink-muted);font-size:.82rem}.pe-columns{flex:1;padding:.35rem .4rem .75rem;min-height:0}.pe-pane{height:100%;overflow:auto;font-family:var(--mono);font-size:.9rem;line-height:1.6;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow)}.pe-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start}.pe-grid>:nth-child(odd){border-right:1px solid var(--border)}.pe-head{position:sticky;top:0;z-index:2;display:flex;flex-direction:row;flex-wrap:wrap;gap:.35rem .5rem;align-items:center;justify-content:space-between;padding:.5rem .65rem;background:var(--bg-soft);border-bottom:1px solid var(--border)}.pe-head-meta{display:flex;gap:.5rem;align-items:baseline;min-width:0}.pe-head-meta span{color:var(--ink-muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pe-head-tools{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.pe-mode-seg{display:inline-flex;flex:0 0 auto;gap:0;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--bg-elevated)}.pe-mode-seg .btn-sm{border:0;border-radius:0;margin:0;box-shadow:none;padding:.32rem .55rem}.pe-mode-seg .btn-sm+.btn-sm{border-left:1px solid var(--border)}.pe-head-tools .select-sm{width:auto;max-width:7rem;min-width:0;flex:0 0 auto}@media(max-width:640px){.bar-sm-hide{display:none!important}.bar-mobile-only,.bar-more-item.bar-sm-only{display:block}.viewer-bar{padding:.45rem .6rem;gap:.35rem .45rem}.viewer-bar-title{flex:1 1 auto;min-width:0}.viewer-bar-title h1,.viewer-bar h1{font-size:.92rem;-webkit-line-clamp:1}.viewer-bar-actions{flex:1 1 100%;flex-wrap:nowrap;justify-content:flex-end;margin-left:0;gap:.3rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.viewer-bar-actions::-webkit-scrollbar{display:none}.viewer-bar-actions .select-sm{max-width:7.5rem;min-width:0}.toolbar{flex-wrap:nowrap;gap:.4rem;padding:.65rem .75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar .search{flex:1 1 auto;min-width:5.5rem}.toolbar h2{font-size:.95rem;max-width:5.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-actions{padding-bottom:.55rem}.pe-head{padding:.4rem .45rem;gap:.3rem}.pe-head-meta span{display:none}.pe-head-tools{flex-wrap:nowrap;gap:.25rem}.pe-head-tools .btn-sm{padding:.32rem .5rem;min-width:2rem}.pe-pane{font-size:.84rem;line-height:1.45}.pe-line{padding:.12rem;column-gap:.2rem}.pe-score-line{padding-left:.06rem;padding-right:.08rem}.pe-lyric-line{padding-left:.08rem;padding-right:.06rem}.pe-no{flex-basis:1.25rem;width:1.25rem;min-width:1.25rem;font-size:.65rem}.pe-head{padding:.35rem}}.pe-cell{min-width:0;align-self:stretch}.pe-empty{cursor:default}.pe-line{display:flex;flex-wrap:nowrap;column-gap:.3rem;align-items:flex-start;padding:.18rem .2rem;cursor:pointer;border-left:2px solid transparent;min-width:0}.pe-score-line{padding-right:.15rem;padding-left:.1rem}.pe-lyric-line{padding-left:.15rem;padding-right:.1rem}.pe-line:hover{background:var(--bg-soft)}.pe-line.blank{opacity:.35}.pe-line.mark{color:var(--ink-muted);font-style:italic}.pe-line.bound{background:color-mix(in srgb,var(--accent) 10%,transparent)}.pe-line.selected{border-left-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent);font-weight:600}.pe-body{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:.25rem;row-gap:.1rem}.pe-score-line .pe-body{flex-wrap:wrap}.pe-no{flex:0 0 1.5rem;width:1.5rem;min-width:1.5rem;color:var(--ink-muted);font-size:.7rem;-webkit-user-select:none;user-select:none;line-height:1.6;font-variant-numeric:tabular-nums}.pe-score-line .pe-no{text-align:right;margin-left:0}.pe-lyric-line .pe-no{text-align:left;margin-left:0}.pe-text{flex:1 1 auto;min-width:0;white-space:normal;overflow:visible;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}.pe-seg{flex:1 0 100%;margin:0;padding:0;max-width:none;overflow:visible;white-space:normal;overflow-wrap:anywhere;word-break:break-word;color:var(--lyric);font-size:.78rem;line-height:1.4}.pair-inline .pl-row{display:block}.pair-inline .pl-score{white-space:pre-wrap;word-break:break-word}.pair-inline .pl-row.has-lyric{border-left:2px solid var(--accent-soft);padding-left:.6rem;margin-left:-.6rem}.pair-inline .pl-lyric{color:var(--lyric);padding-left:1.1rem}.pair-columns .pc-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:.1rem 0;border-bottom:1px dashed color-mix(in srgb,var(--border) 60%,transparent)}.pair-columns .pc-score{white-space:pre-wrap;word-break:break-word}.pair-columns .pc-lyric{color:var(--lyric);white-space:pre-wrap;word-break:break-word;align-self:center}.pair-columns .pc-empty{color:var(--border)}.viewer-body.compact{padding:.35rem}.viewer-body.compact .text-pane{width:min(1040px,100%);padding:.45rem .6rem;font-size:calc(clamp(.92rem,.84rem + .3vw,1.2rem) * var(--font-scale, 1));line-height:1.35}.text-pane.compact:not(.pair-columns){column-gap:1.25rem;column-rule:1px solid color-mix(in srgb,var(--border) 70%,transparent)}@media(min-width:36rem){.text-pane.compact:not(.pair-columns){column-count:2}.text-pane.compact.cols-3:not(.pair-columns){column-count:3}}.text-pane.compact .pl-row,.text-pane.compact .pc-row{break-inside:avoid}.text-pane.compact .pl-row.has-lyric{margin-left:0}.viewer.immersive .viewer-bar,.viewer.immersive .viewer-stale{display:none}.viewer.immersive .viewer-body{padding:0}.viewer.immersive .text-pane{border:0;border-radius:0;box-shadow:none}.viewer.immersive .image-pane{width:100%}.viewer.immersive .image-pane img{border-radius:0;box-shadow:none}.immersive-exit{position:fixed;top:.75rem;right:.75rem;z-index:60;opacity:.4;transition:opacity .2s ease}.immersive-exit:hover{opacity:1}@media(max-width:860px){.pe-columns{grid-template-columns:1fr}}@media(max-width:700px){.pair-columns .pc-row{gap:.6rem}}.image-nav{display:flex;align-items:center;gap:.75rem;padding:.4rem 0;flex:0 0 auto;z-index:2}.image-nav-label{font-size:.88rem;color:var(--ink-muted);min-width:3.5rem;text-align:center}.badge-pages{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.pe-lock-btn{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;font-size:.85rem;padding:0;margin:0;color:var(--ink-muted);line-height:1;opacity:.4;transition:opacity .15s}.pe-lock-btn:hover,.pe-lock-btn.locked{opacity:1}.pe-lock-btn.locked{color:var(--accent)}.list-refreshing{transition:opacity .25s ease;opacity:.88}