@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(./hanken-CaVRRdDk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(./newsreader-italic-CJDneadR.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url(./newsreader-s-izfB6B.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:400 700;font-display:swap;src:url(./notosanstc-BvSTfJ1C.woff2)format("woff2")}@font-face{font-family:Noto Serif TC;font-style:normal;font-weight:400 600;font-display:swap;src:url(./notoseriftc-BJDx_RLi.woff2)format("woff2")}@font-face{font-family:Noto Music;font-style:normal;font-weight:400;font-display:swap;src:url(data:font/woff2;base64,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)format("woff2");size-adjust:150%;unicode-range:U+266D,U+266F}*,:before,:after{box-sizing:border-box}:root{--paper:#f1ede2;--plate:#fbf9f4;--ink:#1d2620;--muted:#566057;--rule:#cfc8b8;--green:#1e5a46;--on-green:#f7f4ea;--wash:#e6e1d3;--focus:#1e5a46;--sweep:#dde8da;--mark:#f3de96;--mark-ink:#1d2620;--serif:"Newsreader","Noto Music","Noto Serif TC",Georgia,"Times New Roman",serif;--ui:"Hanken Grotesk","Noto Sans TC","Noto Music",system-ui,sans-serif;--scale:1;--tabh:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--paper:#161a17;--plate:#1f251f;--ink:#ece8dc;--muted:#a3aa9e;--rule:#3a423b;--green:#8cc6aa;--on-green:#10201a;--wash:#262e28;--focus:#8cc6aa;--mark:#6b5a1c;--mark-ink:#f6f0dc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--paper);color:var(--ink);font:400 16px/1.45 var(--ui);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{text-align:inherit;background:0 0;border:0;padding:0}button:disabled{cursor:default}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ic{flex:none;width:24px;height:24px;display:block}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tn{font-variant-numeric:lining-nums tabular-nums}mark{background:var(--mark);color:var(--mark-ink);border-radius:2px}.muted{color:var(--muted)}.app{height:100vh;grid-template:"main"minmax(0,1fr)"dock""tabs"/minmax(0,1fr);height:100dvh;display:grid}.app>*{min-width:0}main{grid-area:main;min-height:0;position:relative}.pane{overscroll-behavior:contain;padding:20px 20px 24px;position:absolute;inset:0;overflow-y:auto}.pane.pad{flex-direction:column;justify-content:space-between;padding:12px 20px 14px;display:flex;overflow:visible}.ptitle{font:500 30px/1.1 var(--serif);letter-spacing:-.01em;margin:4px 0 18px}.col{width:100%;max-width:560px;margin:0 auto}.tabs{border-top:1px solid var(--rule);background:var(--paper);padding-bottom:env(safe-area-inset-bottom);grid-area:tabs;display:flex}.brand{display:none}.tab{min-width:0;min-height:var(--tabh);color:var(--muted);font:500 13px/1 var(--ui);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.tab[aria-current=page]{color:var(--green);font-weight:700}.tab[aria-current=page]:before{content:"";background:var(--green);border-radius:0 0 3px 3px;width:36px;height:3px;margin-left:-18px;position:absolute;top:-1px;left:50%}.seg{background:var(--wash);border:1px solid var(--rule);border-radius:12px;gap:2px;padding:3px;display:flex}.seg button{text-align:center;min-width:0;min-height:44px;color:var(--muted);font:500 14.5px/1.1 var(--ui);white-space:nowrap;text-overflow:ellipsis;border-radius:9px;flex:1 1 0;padding:0 2px;overflow:hidden}.seg button[aria-pressed=true]{background:var(--plate);color:var(--ink);box-shadow:0 0 0 1px var(--rule),0 1px 2px #0000000f;font-weight:700}.readout{text-align:center;flex-direction:column;flex:none;justify-content:center;align-items:center;height:clamp(150px,24vh,206px);padding:0;display:flex;overflow:hidden}.ro-coll{font:500 15px/1.2 var(--ui);color:var(--muted);margin-bottom:6px}.ro-num{font:400 clamp(64px,11vh,96px)/1.05 var(--serif);letter-spacing:-.02em;justify-content:center;align-items:center;min-height:1.05em;display:flex}.ro-num:empty:before{content:"";background:var(--green);width:2px;height:.72em}.ro-res{flex-direction:column;align-items:center;gap:3px;width:100%;min-height:64px;margin-top:6px;display:flex}.ro-title{font:400 21px/1.22 var(--serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.ro-title.dim{color:var(--muted)}.ro-meta{font:400 14px/1.35 var(--ui);color:var(--muted)}.keys{border-top:1px solid var(--rule);flex:none;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,1fr);gap:8px;height:clamp(264px,36vh,344px);padding-top:12px;display:grid}.key{background:var(--plate);border:1px solid var(--rule);box-shadow:0 2px 0 var(--rule);font:400 30px/1 var(--serif);font-variant-numeric:lining-nums;border-radius:12px;justify-content:center;align-items:center;transition:transform 80ms,box-shadow 80ms;display:flex}.key:active{box-shadow:0 0 0 var(--rule);background:var(--wash);transform:translateY(2px)}.key.util{background:var(--wash);font:600 19px/1 var(--ui);color:var(--ink)}.go{background:var(--green);width:100%;min-height:56px;color:var(--on-green);font:700 18px/1 var(--ui);text-align:center;border-radius:14px;flex:none;justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.go:disabled{background:var(--wash);color:var(--muted);box-shadow:inset 0 0 0 1px var(--rule);font-weight:600}.go:not(:disabled):active{transform:translateY(1px)}.field{border:1px solid var(--rule);background:var(--plate);min-height:52px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:0 6px 0 14px;display:flex}.field:focus-within{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.field input{min-width:0;font:400 17px/1.2 var(--ui);color:var(--ink);background:0 0;border:0;outline:none;flex:1;height:48px}.field input::placeholder{color:var(--muted);opacity:1}.field input::-webkit-search-cancel-button{display:none}.iconbtn{width:44px;height:44px;color:var(--muted);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.rows{margin-top:6px}.rows>li+li{border-top:1px solid var(--rule)}.res,.eg{align-items:flex-start;gap:14px;width:100%;min-height:56px;padding:14px 2px;display:flex}.rc{width:58px;font:600 14px/1.5 var(--ui);color:var(--muted);flex:none;padding-top:3px}.rb{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rt{font:500 19px/1.25 var(--serif)}.rl{font:400 16px/1.4 var(--serif);color:var(--muted);font-style:italic}.rl mark,.rt mark{font-style:normal}.eg .rt{font-size:19px}.eg .rl{font-style:normal;font-family:var(--ui);font-size:14px}.note{color:var(--muted);font:400 15px/1.5 var(--ui);padding:18px 2px}.topic{width:100%;min-height:56px;font:500 19px/1.2 var(--serif);justify-content:space-between;align-items:center;padding:0 2px;display:flex}.topic .ic{color:var(--muted)}.back{min-height:44px;color:var(--green);font:600 15px/1 var(--ui);align-items:center;gap:4px;margin:10px 0 8px -8px;padding:0 10px 0 4px;display:inline-flex}.empty{padding:28px 2px}.empty h2{font:500 24px/1.2 var(--serif);margin-bottom:8px}.empty p{color:var(--muted);font:400 15.5px/1.5 var(--ui);max-width:34ch}.btn{background:var(--green);min-height:48px;color:var(--on-green);font:700 16px/1 var(--ui);border-radius:12px;justify-content:center;align-items:center;margin-top:18px;padding:0 20px;display:inline-flex}.bm{align-items:flex-start;display:flex}.bm-open{flex:1;gap:14px;min-width:0;min-height:64px;padding:14px 0;display:flex}.bm-open .rt{margin-bottom:2px}.bm-pre{font:400 15px/1.45 var(--serif);color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bm .iconbtn{color:var(--green);margin-top:10px}.set{border-bottom:1px solid var(--rule);padding:16px 0}.set:last-child{border-bottom:0}.set h2{font:600 15px/1.2 var(--ui);color:var(--muted);margin-bottom:10px}.step{align-items:center;gap:12px;display:flex}.step output{text-align:center;font:500 20px/1.2 var(--serif);flex:1}.sq{border:1px solid var(--rule);background:var(--plate);width:52px;height:48px;box-shadow:0 2px 0 var(--rule);font:600 17px/1 var(--ui);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.sq:active{box-shadow:none;transform:translateY(2px)}.sq:disabled{color:var(--muted);box-shadow:none;background:var(--wash)}.rowbtn{justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;display:flex}.rowbtn b{font:600 17px/1.2 var(--ui);display:block}.rowbtn small{color:var(--muted);font:400 14px/1.4 var(--ui);margin-top:2px;display:block}.rowbtn .ic{color:var(--muted)}.app:has(#pane-pad:not([hidden])) .dock{display:none}.dock{border-top:1px solid var(--rule);background:var(--plate);grid-area:dock;align-items:center;min-height:60px;display:flex;position:relative}.dock-info{flex:1;align-items:center;gap:10px;min-width:0;min-height:60px;padding:0 4px 0 20px;display:flex}.dk-txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dk-t{font:500 17px/1.2 var(--serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dk-m{font:400 13px/1.2 var(--ui);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dock-info .ic{color:var(--muted)}.dock-play{border:1.5px solid var(--green);width:52px;height:52px;color:var(--green);border-radius:50%;flex:none;justify-content:center;align-items:center;margin:0 10px 0 4px;display:flex}.dock-play:disabled{border-color:var(--rule);color:var(--muted)}.player{z-index:30;background:var(--plate);visibility:hidden;flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s;display:flex;position:fixed;inset:0;transform:translateY(100%)}.player.open{visibility:visible;transition-delay:0s;transform:none}.pl-head{border-bottom:1px solid var(--rule);flex:none;align-items:center;min-height:56px;padding:0 8px;display:flex}.pl-head span{text-align:center;font:600 15px/1 var(--ui);color:var(--muted);flex:1;padding-right:44px}.pl-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:20px 24px 28px;overflow-y:auto}.pl-col{max-width:640px;margin:0 auto}.pl-kicker{font:500 15px/1.2 var(--ui);color:var(--muted)}.pl-title{font:500 clamp(28px,calc(30px*var(--scale)),44px)/1.14 var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:6px 0 8px}.pl-meta{font:400 15px/1.45 var(--ui);color:var(--muted);border-bottom:1px solid var(--rule);padding-bottom:18px}.pl-meta:empty{padding:0}.lyrics{padding-top:14px}.ly{font:400 calc(21px*var(--scale))/1.55 var(--serif);text-wrap:pretty;margin:0;padding:5px 0}.pl-bar{padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--rule);flex:none;align-items:center;gap:8px;display:flex}.pl-bar .iconbtn{width:48px;height:48px;color:var(--ink)}.pl-bar .iconbtn[aria-pressed=true]{color:var(--green)}.chk{display:none}[aria-pressed=true]>.ic .chk{display:inline}.pl-play{background:var(--green);width:56px;height:56px;color:var(--on-green);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.pl-empty{text-align:center;flex:1;justify-content:center;align-items:center;padding:40px;display:none}.pl-empty p{font:400 26px/1.3 var(--serif);color:var(--muted);max-width:18ch}.player.none .pl-empty{display:flex}.player.none .pl-scroll,.player.none .pl-bar{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (hover:hover){.key:hover,.sq:hover:not(:disabled){background:var(--wash)}.res:hover,.eg:hover,.topic:hover,.bm-open:hover{background:color-mix(in srgb,var(--wash) 55%,transparent)}.go:not(:disabled):hover{filter:brightness(1.08)}}@media (max-height:720px){.ro-res{min-height:0}.ro-title{-webkit-line-clamp:1;font-size:19px}.ro-num{font-size:clamp(52px,9vh,74px)}.ro-coll{margin-bottom:3px;font-size:14px}.ro-meta{font-size:13px}.pane.pad{padding:8px 16px 10px}.readout{padding:4px 0 6px}.keys{gap:6px;padding-top:9px}.key{font-size:26px}.readout{height:150px}.keys{height:264px}}@media (min-width:600px) and (max-width:999px){.app{border-left:1px solid var(--rule);border-right:1px solid var(--rule);background:var(--paper);width:min(560px,100%);margin:0 auto}.player{width:min(560px,100%);left:50%;right:auto;transform:translate(-50%,100%)}.player.open{transform:translate(-50%)}}@media (min-width:1000px){.app{grid-template:"tabs main player"minmax(0,1fr)/232px 468px minmax(0,1fr)}.dock{display:none}.tabs{border-top:0;border-right:1px solid var(--rule);flex-direction:column;justify-content:flex-start;gap:2px;padding:28px 16px}.brand{font:500 26px/1 var(--serif);letter-spacing:-.01em;padding:0 12px 28px;display:block}.brand small{font:400 14px/1.4 var(--ui);color:var(--muted);letter-spacing:0;margin-top:8px;display:block}.tab{min-height:48px;font:500 16px/1 var(--ui);border-radius:10px;flex-direction:row;flex:none;justify-content:flex-start;gap:14px;padding:0 12px}.tab[aria-current=page]{background:var(--wash)}.tab[aria-current=page]:before{background:var(--green);border-radius:0 3px 3px 0;width:3px;height:auto;margin:0;top:12px;bottom:12px;left:0}main{border-right:1px solid var(--rule)}.pane{padding:40px 44px 32px}.pane.pad{padding:32px 44px}.ptitle{margin-bottom:22px;font-size:34px}.ro-num{font-size:96px}.pane.pad{justify-content:center}.readout{flex:none;height:268px;padding:12px 0 24px}.keys{grid-template-rows:repeat(4,64px)}.player{visibility:visible;z-index:auto;grid-area:player;transition:none;position:static;transform:none}.pl-head{display:none}.pl-scroll{padding:56px 64px 32px}.pl-kicker{font-size:16px}.pl-title{font-size:calc(40px*var(--scale));margin:10px 0 12px}.pl-meta{padding-bottom:22px;font-size:16px}.ly{font-size:calc(23px*var(--scale))}.pl-bar{justify-content:flex-start;gap:14px;padding:14px 64px}.pl-play{order:-1}}.st{margin:0 0 16px}.st.chorus{border-left:2px solid var(--green);padding-left:16px}.st.chorus .st-l{font:600 13px/1.2 var(--ui);color:var(--muted);margin:4px 0 2px}.st.aux .ly{font-size:calc(16px*var(--scale));color:var(--muted)}.ly[dir=rtl]{text-align:right}.st[data-n]:before{content:attr(data-n);font:400 calc(21px*var(--scale)*.78)/1.2 var(--ui);color:var(--muted);-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:4px;display:block}@media (min-width:1000px){.st[data-n]{position:relative}.st[data-n]:before{inset-inline-end:100%;font-size:calc(23px*var(--scale)*.78);white-space:nowrap;margin:0;padding-inline-end:.3em;line-height:1.99;position:absolute;top:5px}}.pl-err{color:var(--muted);font:400 15.5px/1.5 var(--ui);padding:24px 0}.pl-err .btn{margin-top:12px}.rl:lang(zh),.rl:lang(ja),.rl:lang(ko){font-style:normal}.cnt{color:var(--muted);font:400 14px/1.4 var(--ui);margin:2px 0 6px}.rows.long>li{content-visibility:auto;contain-intrinsic-size:auto 57px}.pl-tabs{flex:none;padding:10px 20px 0}.pl-tabs .seg{max-width:360px;margin:0 auto}.pl-sheet{flex-direction:column;flex:1;min-height:0;padding:10px 12px 0;display:flex}.pl-sheet-head{flex:none;justify-content:space-between;align-items:baseline;gap:12px;width:100%;max-width:960px;margin:0 auto;padding:0 4px 8px;display:flex}.pl-sheet-head .t{font:500 17px/1.25 var(--serif);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.zoomwrap{flex:1;width:100%;max-width:960px;min-height:0;margin:0 auto;position:relative}.zoom{overscroll-behavior:contain;touch-action:pan-y;cursor:zoom-in;background:var(--wash);border:1px solid var(--rule);border-radius:10px;max-height:100%;overflow:auto}.zoom .paper{background:#fff;position:relative;overflow:hidden}.zoom img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#fff;max-width:none;height:auto;display:block}.zoom .paper img{position:absolute}[data-theme=dark] .zoom{background:#0e110f}.zbar{z-index:2;gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.zbar .iconbtn{background:var(--plate);border:1px solid var(--rule);box-shadow:0 2px 0 var(--rule);color:var(--ink)}.zbar .iconbtn:disabled{color:var(--muted);box-shadow:none}body.viewer-open{overflow:hidden}.viewer{z-index:1000;background:var(--paper);overscroll-behavior:none;touch-action:none;flex-direction:column;display:flex;position:fixed;inset:0}.vbar{padding:calc(6px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 6px calc(16px + env(safe-area-inset-left));border-bottom:1px solid var(--rule);flex:none;align-items:center;gap:12px;display:flex}.vbar .t{min-width:0;font:500 17px/1.25 var(--serif);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.vtools{flex:none;gap:6px;display:flex}.vtools .iconbtn:disabled{color:var(--muted);opacity:.5}.vstage{touch-action:none;overscroll-behavior:none;background:var(--wash);cursor:grab;-webkit-user-select:none;user-select:none;flex:1;min-height:0;position:relative;overflow:hidden}[data-theme=dark] .vstage{background:#0e110f}.vpage{transform-origin:0 0;position:absolute;top:0;left:0}.vpage .paper{background:#fff;position:relative;overflow:hidden}.vpage img{-webkit-user-drag:none;pointer-events:none;background:#fff;max-width:none;height:auto;display:block}.vpage .paper img{position:absolute}.zoom-msg{text-align:center;color:var(--muted);font:400 15.5px/1.5 var(--ui);justify-content:center;align-items:center;padding:24px;display:flex}.zoom-msg div{max-width:30ch}.aud:empty{border-color:#0000}.aud{border:1px dashed var(--rule);min-width:0;min-height:48px;color:var(--muted);font:500 15px/1.2 var(--ui);text-align:center;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:0 10px;display:flex}.pl-play:disabled{background:var(--wash);color:var(--muted);box-shadow:inset 0 0 0 1px var(--rule)}.aud.seg{border:1px solid var(--rule);color:inherit;justify-content:stretch;max-width:240px;padding:3px;display:flex}@media (min-width:1000px){.aud{flex:0 280px}.pl-sheet{padding:24px 64px 0}.pl-tabs{padding:48px 64px 0}.pl-tabs .seg{max-width:300px;margin:0}}