:root{--paper:#fbf9f5;--ink:#121212;--text-body:#3a3833;--muted:#8a857c;--accent:#fc0;--hair:#1212121f;--grid:#1212120f;--dark-hair:#fbf9f524;--dark-sub:#fbf9f599;--drag:#fff2bf;--serif:"Instrument Serif", "Noto Serif TC", "Noto Serif JP", serif;--zhs:"Noto Serif TC", "Noto Serif JP", serif;--mono:"Geist Mono", "Noto Sans TC", monospace;--zh:"Noto Sans TC", "Noto Sans JP", sans-serif;--brand:"Bricolage Grotesque", sans-serif;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--zh);-webkit-font-smoothing:antialiased}a{color:var(--ink)}button{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mk{background:linear-gradient(transparent 55%, var(--accent) 55%, var(--accent) 90%, transparent 90%);padding:0 .06em}.chip{background:var(--accent);color:var(--ink);padding:3px 7px;display:inline-block}.dot{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.sync{color:var(--text-body);align-items:center;gap:8px;font-size:11px;display:inline-flex}.sync .led{background:#2fb35a;border-radius:50%;width:9px;height:9px;animation:2.6s ease-in-out infinite led;box-shadow:0 0 #2fb35a80}.sync.local .led{background:var(--muted);animation:none}@keyframes led{0%,to{opacity:1;box-shadow:0 0 #2fb35a73}50%{opacity:.35;box-shadow:0 0 0 5px #2fb35a00}}.page{background:var(--paper);min-height:100dvh;position:relative;overflow-x:clip}.paper{pointer-events:none;position:absolute;inset:0}.paper:before,.paper:after{content:"";mix-blend-mode:multiply;position:absolute;inset:0}.paper:before{opacity:.24;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='600'><filter id='p' x='0' y='0'><feTurbulence type='fractalNoise' baseFrequency='.035 .06' numOctaves='5' seed='3' stitchTiles='stitch'/><feDiffuseLighting lighting-color='%23fff' surfaceScale='1.6'><feDistantLight azimuth='45' elevation='58'/></feDiffuseLighting></filter><rect width='600' height='600' filter='url(%23p)'/></svg>");background-size:600px 600px}.paper:after{opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.gridbg{pointer-events:none;background-image:repeating-linear-gradient(to right, var(--grid) 0 1px, transparent 1px 160px);position:absolute;inset:0}.top{z-index:50;box-sizing:content-box;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hair);background:#fbf9f5e6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;min-height:72px;padding:12px clamp(20px,4vw,48px);display:flex;position:sticky;top:0;padding-top:max(12px, env(safe-area-inset-top))!important}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand img{width:36px;height:32px}.word{font:800 27px/1 var(--brand);letter-spacing:-.035em}.top-title{letter-spacing:.14em;color:var(--text-body);font-size:12px}.top-right{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.search{border-bottom:1px solid var(--hair);min-height:44px;color:var(--text-body);align-items:center;gap:10px;display:flex}.search:focus-within{border-color:var(--ink)}.search input{font:400 14px var(--zh);color:var(--ink);background:0 0;border:0;outline:none;width:200px;padding:0}.pill{border:1px solid var(--hair);border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:11px;display:inline-flex}.avatar{width:44px;height:44px;color:var(--paper);font:800 20px/1 var(--brand);letter-spacing:-.02em;cursor:pointer;background:#8f8b84;border:0;border-radius:50%}.slogan{font:400 12px var(--zh);letter-spacing:.06em;color:var(--text-body);white-space:nowrap}.layout{flex-wrap:wrap;display:flex;position:relative}.side{border-right:1px solid var(--hair);flex-direction:column;flex:220px;align-self:flex-start;height:calc(100dvh - 72px);padding:48px 28px;display:flex;position:sticky;top:72px;overflow-y:auto}.label{color:var(--text-body);margin:0 0 14px;font-size:11px}.nav{color:var(--ink);border-bottom:1px solid var(--hair);align-items:center;gap:12px;padding:14px 0;text-decoration:none;display:flex}.num{font:500 12px var(--mono);letter-spacing:.08em;border:1px solid var(--ink);padding:3px 6px}.nav.on .num{background:var(--accent);border-color:var(--accent)}.nz{font:900 22px var(--zhs);flex:1}.nav:not(.on) .nz{color:var(--text-body)}.nav:hover .nz{color:var(--ink)}.cnt{color:var(--text-body);font-size:11px}.pl{margin:6px 0 28px;padding:0 0 0 40px;list-style:none}.pl a{min-height:40px;color:var(--text-body);font:400 15px var(--zh);justify-content:space-between;align-items:center;gap:8px;text-decoration:none;display:flex}.pl a:hover,.pl a.on{color:var(--ink)}.pl a.on{font-weight:700}.drive{border-top:1px solid var(--hair);margin-top:auto;padding-top:24px}.drive p{margin:0}main.content{flex:999 560px;min-width:0;padding:56px clamp(20px,4vw,64px) 140px;position:relative}.kicker{letter-spacing:.16em;margin:0;font-size:13px}.h1{font:900 clamp(44px, 5.4vw, 88px)/1.15 var(--zhs);letter-spacing:.01em;margin:36px 0 0}.lede{font:italic 400 34px/1.15 var(--serif);color:var(--text-body);margin:20px 0 0}.lede .mk{color:var(--ink)}.btn-ink{background:var(--ink);height:56px;color:var(--paper);cursor:pointer;font:500 16px var(--zh);border:0;border-radius:999px;align-items:center;gap:12px;padding:0 28px 0 22px;text-decoration:none;display:inline-flex}.btn-ink:hover{background:var(--accent);color:var(--ink)}.btn-line{height:56px;color:var(--ink);cursor:pointer;font:500 16px var(--zh);background:0 0;border:1px solid #1212124d;border-radius:999px;align-items:center;gap:10px;padding:0 24px;display:inline-flex}.btn-line:hover{border-color:var(--ink)}.tabs{border-bottom:1px solid var(--hair);flex-wrap:wrap;align-items:flex-end;gap:8px 36px;margin-top:56px;display:flex;position:relative}.tab{font:900 22px var(--zhs);color:var(--text-body);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-items:baseline;gap:8px;min-height:44px;margin-bottom:-1px;padding:0 2px 14px;display:flex}.tab:hover,.tab.on{color:var(--ink)}.tab .tl,.tab .tc{z-index:1;position:relative}.tab-ink,.tab-mk{pointer-events:none;transition:transform .55s var(--ease), width .55s var(--ease);position:absolute;left:0}.tab-ink{background:var(--ink);height:3px;bottom:-1px}.tab-mk{background:var(--accent);z-index:0}.tc{letter-spacing:.1em;font-size:12px;font-family:var(--mono)}.auto{color:var(--text-body);margin-left:auto;padding-bottom:18px;font-size:11px}.group{margin-top:56px}.ghead{border-bottom:1px solid var(--ink);align-items:baseline;gap:18px;padding-bottom:16px;display:flex}.gz{font:900 40px/1 var(--zhs);margin:0}.ge{font:italic 400 28px/1 var(--serif);color:var(--text-body)}.gc{color:var(--text-body);margin-left:auto;font-size:11px}.cols{grid-template-columns:64px minmax(0,2.4fr) minmax(0,1.4fr) 110px 72px 56px;align-items:center;gap:16px;display:grid}.colh{border-bottom:1px solid var(--hair);color:var(--text-body);padding:12px 0;font-size:10px}.rows{margin:0;padding:0;list-style:none}.lrow{border-bottom:1px solid var(--hair);transition:background .25s;position:relative}.lrow:hover{background:#ffcc0024}.lrow.open{z-index:30;background:#ffcc0042}.lrow .cols{cursor:pointer;min-height:76px}.lrow.na .rt{color:var(--muted);font-weight:600}.lrow.na .rn{opacity:.5}.rn{z-index:0;font:italic 400 34px/1 var(--serif);font-variant-numeric:tabular-nums;color:var(--text-body);padding-left:4px;position:relative}.rn:before{content:"";z-index:-1;background:var(--accent);width:54px;height:54px;transition:transform .45s var(--ease);border-radius:50%;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;transform:scale(0)}.lrow:hover .rn:before,.lrow.open .rn:before,.prow2:hover .rn:before{transform:scale(.8)}.lrow .rn{justify-self:start;margin-left:4px;padding-left:0}.prow2 .rn{min-width:0;margin-right:6px;width:auto!important}.rk-m{display:none}.rk{color:var(--text-body);letter-spacing:.06em;font-size:12px}.prow2 .rk{text-align:right;flex:none;width:56px}.lrow:hover .rn,.lrow.open .rn{color:var(--ink)}.rt{font:900 26px/1.25 var(--zhs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ra{letter-spacing:.08em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.rp{color:var(--text-body);align-items:center;gap:6px;font-size:11px;display:flex}.plus{cursor:pointer;width:44px;height:44px;color:var(--ink);transition:transform .4s var(--ease);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.plus:before{content:"";background:var(--accent);transition:transform .45s var(--ease);border-radius:50%;position:absolute;inset:0;transform:scale(0)}.plus svg{position:relative}.plus:hover:before{transform:scale(.8)}.lrow.open .plus{color:var(--accent);transform:rotate(45deg)}.lrow.open .plus:before{background:var(--ink);transform:scale(.8)}.empty{text-align:center;padding:80px 0}.empty p:first-child{font:900 32px var(--zhs);margin:0}.empty p:last-child{font:italic 400 26px var(--serif);color:var(--text-body);margin:12px 0 0}.pop{background:var(--ink);width:280px;color:var(--paper);z-index:40;animation:popin .35s var(--ease);cursor:default;padding:18px 18px 16px;position:absolute;top:66px;right:0}@keyframes popin{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.pk{letter-spacing:.14em;color:var(--accent);margin:0 0 6px;font-size:11px}.prow{border:0;border-bottom:1px solid var(--dark-hair);width:100%;min-height:48px;color:inherit;font:500 15px var(--zh);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:0;display:flex}.prow .box{width:18px;height:18px;color:var(--ink);border:1px solid #fbf9f580;flex:none;justify-content:center;align-items:center;display:flex}.prow .box svg{opacity:0}.prow.on .box{background:var(--accent);border-color:var(--accent)}.prow.on .box svg{opacity:1}.pn{flex:1}.prow:hover .pn{color:var(--accent)}.pc{color:var(--dark-sub);font-size:11px}.newpl{align-items:center;gap:8px;margin-top:12px;display:flex}.newpl input{min-width:0;color:var(--paper);font:400 14px var(--zh);background:0 0;border:0;border-bottom:1px solid #fbf9f54d;outline:none;flex:1;padding:10px 0}.newpl input::placeholder{color:#fbf9f58c}.newpl input:focus{border-color:var(--accent)}.newpl button{color:var(--paper);font:500 11px var(--mono);letter-spacing:.12em;cursor:pointer;background:0 0;border:1px solid #fbf9f54d;border-radius:999px;min-height:40px;padding:0 16px}.newpl button:hover{border-color:var(--accent);color:var(--accent)}.scrim{z-index:70;background:#00000080;position:fixed;inset:0}.drawer{background:var(--ink);color:var(--paper);z-index:71;padding:10px 24px calc(28px + env(safe-area-inset-bottom));animation:slide .45s var(--ease);position:fixed;bottom:0;left:0;right:0}@keyframes slide{0%{transform:translateY(100%)}to{transform:none}}.drawer .grab{background:#fbf9f54d;border-radius:2px;width:40px;height:4px;margin:0 auto 14px}.drawer .title{font:900 22px var(--zhs);margin:0 0 8px}.drawer .prow{min-height:56px;font-size:16px}.done{background:var(--accent);width:100%;height:52px;color:var(--ink);font:500 13px var(--mono);letter-spacing:.14em;cursor:pointer;border:0;border-radius:999px;margin-top:18px}.prows{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none;position:relative}.prow2{border-bottom:1px solid var(--hair);background:var(--paper);align-items:center;gap:18px;height:84px;padding-right:8px;display:flex;position:relative}.prow2.drag{z-index:5;outline:1.5px solid var(--ink);background:var(--drag)}.handle{cursor:grab;touch-action:none;width:44px;height:44px;color:var(--text-body);background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.handle:hover{color:var(--ink);background:#1212120f}.prow2.drag .handle{cursor:grabbing;color:var(--ink)}.prow2 .rn{color:var(--ink);flex:none;width:52px;padding:0;font-size:40px}.prt{cursor:pointer;flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.prt .rt{font-size:26px;line-height:1.2}.tag{letter-spacing:.14em;color:var(--text-body);flex:none;font-size:11px}.rm{cursor:pointer;width:44px;height:44px;color:var(--text-body);background:0 0;border:1px solid #0000;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.rm:hover{color:var(--ink);border-color:#1212124d}.next{background:var(--ink);min-width:0;color:var(--paper);flex-direction:column;flex:300px;align-self:flex-start;gap:20px;padding:32px;display:flex}.next .staff{background:repeating-linear-gradient(#fbf9f54d 0 1px,#0000 1px 10px);height:41px;position:relative}.next .nh{background:var(--paper);border-radius:50%;width:11px;height:8px;position:absolute;transform:rotate(-20deg)}.next .nh.now{background:var(--accent)}.ctl{width:52px;height:52px;color:var(--paper);cursor:pointer;font:500 12px var(--mono);letter-spacing:.06em;background:0 0;border:1px solid #fbf9f54d;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.ctl:hover{border-color:var(--accent);color:var(--accent)}.ctl.play{background:var(--accent);border-color:var(--accent);width:64px;height:64px;color:var(--ink)}.ctl.play:hover{color:var(--ink);background:var(--paper);border-color:var(--paper)}.chips{scrollbar-width:none;gap:8px;padding:0 20px;display:flex;overflow-x:auto}.chips a{height:40px;font:500 14px var(--zh);color:var(--ink);border:1px solid #1212124d;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 16px;text-decoration:none;display:inline-flex}.chips a.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chips a.add{border-style:dashed}.toast{background:var(--ink);color:var(--paper);letter-spacing:.1em;z-index:90;white-space:nowrap;height:48px;animation:toastin .4s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:0 24px;font-size:12px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.toast.undo{height:52px;padding-right:8px}.toast button{background:var(--accent);height:40px;color:var(--ink);font:500 11px var(--mono);letter-spacing:.12em;cursor:pointer;border:0;border-radius:999px;padding:0 18px}@keyframes toastin{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.tabbar{display:none}@media (width<=1023px){.side{display:none}.top{flex-wrap:nowrap;min-height:64px;padding:0 20px}.top .top-title,.top .pill,.brand .mono{display:none}.brand img{width:30px;height:27px}.word{font-size:23px}.search input{width:120px}.top .top-right{display:none}.brand{gap:10px}.slogan{letter-spacing:.04em;font-size:10px}.h1{white-space:nowrap;letter-spacing:0;font-size:min(7.4vw,36px)!important}.lib-head .lib-sax{width:81px;height:92px;top:18px;right:0;display:block!important}.lib-head .h1{max-width:calc(100% - 84px);font-size:min(6.9vw,34px)!important}.gridbg{background-image:repeating-linear-gradient(to right, var(--grid) 0 1px, transparent 1px 25%)}main.content{padding:32px 20px calc(80px + env(safe-area-inset-bottom))}.h1{margin-top:20px;font-size:40px}.lede{margin-top:12px;font-size:24px}.tabs{scrollbar-width:none;flex-wrap:nowrap;gap:24px;margin-top:28px;overflow-x:auto}.tab{white-space:nowrap;font-size:18px}.auto{display:none}.group{margin-top:36px}.gz{font-size:28px}.ge{font-size:20px}.cols{grid-template-columns:44px minmax(0,1fr) 52px;gap:12px}.ca,.cp,.ck,.colh{display:none}.rk-m{text-transform:none;background:var(--ink);color:var(--paper);font:500 10px/1.4 var(--mono);letter-spacing:.06em;vertical-align:.3em;border-radius:999px;margin-left:10px;padding:2px 8px;display:inline-block}.lrow .cols{min-height:68px}.rn{font-size:26px}.rt{font-size:19px}.rsub{letter-spacing:.08em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;overflow:hidden;display:block!important}.pop{display:none}.prow2{gap:10px;height:72px}.prow2 .rn{width:36px;font-size:28px}.prt .rt{font-size:19px}.prow2 .tag,.next{display:none}.tabbar{z-index:60;border-top:1px solid var(--hair);background:var(--paper);height:calc(46px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tb{color:var(--text-body);border-top:3px solid #0000;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:8px;margin-top:-1px;text-decoration:none;display:flex}.tb.on{color:var(--ink)}.tabbar{position:fixed}.tb-ink{background:var(--ink);width:50%;height:3px;transition:transform .45s var(--ease);pointer-events:none;position:absolute;top:-1px;left:0}.tb .n{font:500 11px var(--mono);letter-spacing:.1em;z-index:1;padding:1px 5px;position:relative}.tb-mk{background:var(--accent);transition:transform .45s var(--ease), width .45s var(--ease);pointer-events:none;position:absolute;top:0;left:0}.tb .l{font:900 15px var(--zhs)}.toast{bottom:calc(62px + env(safe-area-inset-bottom))}}@media (width>=1024px){.chips-wrap{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.login{flex-wrap:wrap;display:flex}@media (width>=1024px){.login{flex-wrap:nowrap;height:100dvh;overflow:hidden}.login-main,.login-side{height:100%;min-height:0!important}}.login-main{flex-direction:column;flex:560px;justify-content:space-between;gap:2.4vh;min-width:0;min-height:100vh;padding:clamp(28px,4vw,56px) clamp(20px,6vw,120px);display:flex;position:relative}.login-brand{align-items:center;gap:14px;display:flex}.login-brand img{width:40px;height:36px}.login-h1{font:900 clamp(48px, min(6.6vw, 11vh), 112px)/1.16 var(--zhs);letter-spacing:.01em;margin:4vh 0 0}.login-body{max-width:36em;color:var(--text-body);margin:3vh 0 0;font-size:17px;line-height:1.9}.mask{display:block;overflow:hidden}.rise{animation:up 1.1s var(--ease) forwards;display:block;transform:translateY(110%)}@keyframes up{to{transform:none}}.fade{opacity:0;animation:1s forwards fade}@keyframes fade{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.gbtn{background:var(--ink);height:64px;color:var(--paper);cursor:pointer;font:500 17px var(--zh);border:0;border-radius:999px;align-items:center;gap:16px;padding:0 30px 0 12px;transition:background .3s;display:inline-flex}.gbtn:hover{background:var(--accent);color:var(--ink)}.gbtn:disabled{opacity:.6;cursor:progress}.g{background:var(--paper);width:42px;height:42px;color:var(--ink);font:400 22px var(--serif);border-radius:50%;justify-content:center;align-items:center;transition:background .3s;display:flex}.gbtn:hover .g{background:var(--ink);color:var(--paper)}.scope{border-top:1px solid var(--hair);grid-template-columns:120px minmax(0,1fr);align-items:baseline;gap:16px;padding:14px 0;font-size:15px;display:grid}.scope .mono{color:var(--text-body);font-size:11px}.scope:last-child{border-bottom:1px solid var(--hair)}.login-side{border-left:1px solid var(--hair);flex-direction:column;flex:420px;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-side-top{flex:1;gap:32px;padding:clamp(28px,4vw,56px) clamp(24px,3.4vw,56px) 32px;display:flex;position:relative}.tree{font-family:var(--mono);letter-spacing:.04em;color:var(--text-body);white-space:pre;margin:0;font-size:14px;line-height:min(2.2,3.4vh)}.vert{border-left:1px solid var(--hair);flex-direction:column;align-items:center;gap:18px;padding-left:28px;display:flex}.vert h2{writing-mode:vertical-rl;font:900 46px/1 var(--zhs);letter-spacing:.22em;margin:0}.vert .mono{writing-mode:vertical-rl;color:var(--text-body);letter-spacing:.24em;font-size:10px}.login-wave{border-top:1px solid var(--hair);flex:none;height:18vh;position:relative}.login-wave-in{justify-content:space-between;align-items:flex-end;gap:24px;height:100%;padding:0 clamp(24px,3.4vw,56px) 36px;display:flex;position:relative}@media (width<=1023px){.login-side-top{display:none}.login-side{border-left:0;flex-basis:100%;min-height:0}.login-wave{height:112px}.login-main{gap:40px;min-height:0}.login-h1{margin-top:32px;font-size:52px}.login .lede{font-size:26px!important}.gbtn{height:60px;font-size:16px}.scope{grid-template-columns:96px minmax(0,1fr)}}.splash{z-index:200;background:var(--paper);color:var(--ink);justify-content:center;align-items:center;transition:opacity .9s;display:flex;position:fixed;inset:0;overflow:hidden}.splash.out{opacity:0;pointer-events:none}.splash.sp-intro{cursor:pointer}.splash:before{content:"";mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .18 0 0 0 0 .14 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23g)'/%3E%3C/svg%3E");position:absolute;inset:0}.sp-drift{animation:40s linear infinite drift}@keyframes drift{to{background-position:-160px 0}}.sp-top{z-index:2;justify-content:space-between;gap:24px;padding:28px clamp(20px,4vw,48px);font-size:12px;display:flex;position:absolute;top:0;left:0;right:0}.sp-side{writing-mode:vertical-rl;color:var(--text-body);font-size:12px;position:absolute;top:50%;left:clamp(20px,4vw,48px);transform:translateY(-50%)}.sp-vert{writing-mode:vertical-rl;font:900 26px var(--zhs);letter-spacing:.5em;color:var(--muted);position:absolute;top:50%;right:clamp(20px,4vw,48px);transform:translateY(-50%)}.sp-staff{pointer-events:none;height:41px;margin-top:128px;position:absolute;top:50%;left:0;right:0}.staffline{transform-origin:0;background:#1212121a;height:1px;animation:1.3s cubic-bezier(.83,0,.17,1) forwards unfold;position:absolute;left:0;right:0;transform:scaleX(0)}@keyframes unfold{to{transform:scaleX(1)}}.sp-center{z-index:2;flex-direction:column;align-items:center;padding:24px;display:flex;position:relative}.sp-sax{width:320px;height:360px}.draw{stroke-dasharray:640;stroke-dashoffset:640px;animation:1.7s cubic-bezier(.65,0,.35,1) forwards draw}.drawS{stroke-dasharray:80;stroke-dashoffset:80px;animation:.5s ease-out forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.splash .pop{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.55s cubic-bezier(.34,1.56,.64,1) forwards spop}@keyframes spop{0%{opacity:0;transform:scale(0)rotate(-20deg)}to{opacity:1;transform:scale(1)}}.sway{transform-box:fill-box;transform-origin:50% 100%;animation:1.6s ease-in-out 2.2s infinite sway}@keyframes sway{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)translate(-4px)}75%{transform:rotate(6deg)translate(4px)}}.burst{opacity:0;transform-box:fill-box;transform-origin:0 100%;animation:1.6s ease-out infinite burst}@keyframes burst{0%{opacity:0;transform:scale(.3)}15%{opacity:1;transform:scale(1)}45%{opacity:1}65%{opacity:0;transform:translate(8px,-8px)scale(1.05)}to{opacity:0}}.ikit{opacity:0;transform-box:fill-box;animation:2.1s ease-out infinite ikiup}@keyframes ikiup{0%{opacity:0;transform:translateY(10px)}15%{opacity:1}to{opacity:0;transform:translate(30px,-96px)}}.sp-word{font:800 clamp(64px, 9.5vw, 140px)/.95 var(--brand);letter-spacing:-.04em;align-items:center;gap:.2em;margin:8px 0 0;display:flex}.sp-word .mask{vertical-align:bottom;padding:0 .02em .04em;display:inline-block;overflow:hidden}.sp-word .rise{animation:up 1s var(--ease) forwards;display:inline-block;transform:translateY(115%)}.logopop{opacity:0;width:.8em;height:.71em;animation:.7s cubic-bezier(.34,1.56,.64,1) 2.4s forwards lpop;transform:scale(.4)rotate(-12deg)}@keyframes lpop{to{opacity:1;transform:none}}.sp-tag{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:20px;display:flex}.sp-tag p{margin:0}.sp-jp{font:900 22px var(--zhs);letter-spacing:.3em}.sp-en{font:italic 400 28px var(--serif);color:var(--text-body)}.sp-en .mk{color:var(--ink)}.sp-song{font:900 26px var(--zhs)}.sp-foot{z-index:3;justify-content:space-between;align-items:center;gap:16px;padding:24px clamp(20px,4vw,48px) 30px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.sp-status{color:var(--text-body);align-items:center;gap:12px;display:inline-flex}.sp-ping{animation:1.4s ease-in-out infinite ping}@keyframes ping{50%{opacity:.3}}.sp-skip{background:var(--ink);height:44px;color:var(--paper);border-radius:999px;align-items:center;padding:0 22px;display:inline-flex}.splash.sp-intro:hover .sp-skip{background:var(--accent);color:var(--ink)}.sp-bar{height:4px;position:absolute;bottom:0;left:0;right:0}.sp-bar span{background:var(--accent);transform-origin:0;height:100%;transition:transform .25s ease-out;display:block;transform:scaleX(0)}.splash.sp-loading .draw,.splash.sp-loading .drawS{animation-duration:.6s;animation-delay:0s!important}.splash.sp-loading .pop,.splash.sp-loading .logopop,.splash.sp-loading .rise,.splash.sp-loading .fade{animation-delay:.2s!important}.splash.sp-loading .sway{animation-delay:.4s}.splash.sp-loading .ikit{animation-delay:.5s!important}@media (width<=760px),(height<=560px){.sp-hide-m{display:none}.sp-sax{width:200px;height:225px}.sp-staff{margin-top:80px}.sp-top{padding:16px 20px;font-size:10px}.sp-foot{padding:14px 20px 18px;font-size:10px}}@media (height<=560px){.sp-sax{width:150px;height:170px}.sp-word{font-size:56px}.sp-tag{display:none}}@media (prefers-reduced-motion:reduce){.draw,.drawS{stroke-dashoffset:0}.splash .pop,.fade,.logopop{opacity:1;transform:none}.sp-word .rise{transform:none}.staffline{transform:scaleX(1)}}.lsong{border-top:1px solid var(--hair);grid-template-columns:28px minmax(0,1fr) auto auto;align-items:baseline;gap:12px;padding:min(13px,1.4vh) 0;display:grid}.lsong:last-child{border-bottom:1px solid var(--hair)}.lsong .sn{font:italic 400 20px/1 var(--serif);color:var(--text-body)}.lsong .st{font:900 20px/1.25 var(--zhs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lsong .sa{color:var(--text-body);letter-spacing:.06em;font-size:11px}.lstats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:auto;display:grid}.lstat{border-top:1px solid var(--ink);flex-direction:column;gap:6px;padding-top:14px;display:flex}.lstat .sv{font:400 clamp(40px, 7vh, 64px)/1 var(--serif);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.lstat .sl2{font:900 15px var(--zhs)}.lstat .sm{color:var(--text-body);letter-spacing:.1em;font-size:10px}.lib-head{position:relative}.lib-sax{pointer-events:none;width:230px;height:260px;position:absolute;top:-10px;right:clamp(0px,4vw,80px)}.lib-sax .sp-sax{width:100%;height:100%}.lib-sax .draw,.lib-sax .drawS{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.lib-sax .pop{opacity:1;background:0 0;width:auto;padding:0;animation:none;position:static;transform:none}.lib-sax .sway{animation-delay:0s}.lib-sax .burst,.lib-sax .ikit:first-of-type{animation-delay:0s!important}.lib-sax .ikit:nth-of-type(2){animation-delay:.7s!important}.lib-sax .ikit:nth-of-type(3){animation-delay:1.4s!important}@media (width>=1024px) and (width<=1100px){.lib-sax{display:none}}@media (prefers-reduced-motion:reduce){.lib-sax .sway,.lib-sax .burst,.lib-sax .ikit{animation:none}.lib-sax .ikit{opacity:1}}.player{background:var(--ink);color:var(--paper);font-family:var(--zh);flex-direction:column;display:flex;position:fixed;inset:0}.player a{color:var(--paper)}.player a:hover{color:var(--accent)}.player :focus-visible{outline-color:var(--accent)}.ph{border-bottom:1px solid var(--dark-hair);flex-direction:column;flex:none;gap:14px;padding:18px clamp(16px,2.6vw,36px) 14px;display:flex}.ph-row{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.ph-title{font:900 24px/1.2 var(--zhs);min-width:0;margin:0}.ph-meta{color:var(--dark-sub);letter-spacing:.06em;text-transform:none;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:52ch;font-size:11px;overflow:hidden}.ph-nav{align-items:center;gap:8px;margin-left:auto;display:flex}.ph-pos{color:var(--dark-sub);text-align:center;min-width:120px;font-size:11px}.pbtn{height:44px;color:var(--paper);font:500 14px var(--zh);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fbf9f540;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.pbtn:hover{border-color:var(--paper)}.pbtn:disabled{opacity:.35;cursor:default}.pbtn.set{border-color:var(--accent);background:var(--accent);color:var(--ink)}.pbtn.ib{width:44px;padding:0}.pplay{background:var(--accent);height:48px;color:var(--ink);font:700 16px var(--zh);cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:10px;padding:0 26px 0 22px;display:inline-flex}.pplay:hover{background:var(--paper)}.pplay:disabled{opacity:.7;cursor:progress;background:var(--accent)}.ptime{letter-spacing:.04em;text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:13px}.psel{height:44px;color:var(--paper);font:500 14px var(--zh);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer;background:#1d1d1d;border:1px solid #fbf9f540;border-radius:999px;padding:0 14px}.plab{color:var(--dark-sub);font-size:11px}.ptrack{flex:0 360px;align-items:center;min-width:120px;height:44px;display:flex;position:relative}.ptrack input{appearance:none;cursor:pointer;--p:0%;background:0 0;width:100%;height:24px;margin:0}.ptrack input::-webkit-slider-runnable-track{background:linear-gradient(var(--paper), var(--paper)) 0 50% / var(--p) 6px no-repeat, linear-gradient(#fbf9f573, #fbf9f573) 0 50% / 100% 2px no-repeat;border-radius:3px;height:6px}.ptrack input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:0;border-radius:50%;width:16px;height:16px;margin-top:-5px}.ptrack input::-moz-range-track{background:#fbf9f573;height:2px}.ptrack input::-moz-range-progress{background:var(--paper);border-radius:3px;height:6px}.ptrack input::-moz-range-thumb{background:var(--paper);border:0;border-radius:50%;width:16px;height:16px}.ptrack input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.abm{font:500 10px var(--mono);background:var(--accent);color:var(--ink);pointer-events:none;padding:1px 4px;position:absolute;top:0;transform:translate(-50%)}.ph-hint{letter-spacing:.06em;text-transform:none;color:var(--dark-sub);margin:0;font-size:11px}.mob{display:none}.pmain{flex-direction:column;flex:1;min-height:0;padding:24px clamp(16px,2.6vw,36px) 20px;display:flex;position:relative}.sheet{background:var(--paper);color:var(--ink);flex-direction:column;flex:1;min-height:0;padding:20px 28px 14px 40px;display:flex;position:relative}.sheet-meta{color:var(--text-body);z-index:3;align-items:center;gap:4px;font-size:10px;display:inline-flex;position:absolute;top:6px;right:28px}.msel{appearance:none;color:var(--text-body);font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:4px 2px}.msel:hover,.msel:focus-visible{color:var(--ink);outline:none;text-decoration:underline}.viewport{flex:1;min-height:0;margin-left:-30px;padding-left:30px;position:relative;overflow:hidden}.inner{transition:transform .5s var(--ease);will-change:transform;position:relative}.osmd{position:relative}.osmd svg{display:block}.hl{mix-blend-mode:multiply;pointer-events:none;z-index:2;background:#fc09;width:32px;transition:left 80ms linear;position:absolute}.linemark{background:var(--accent);pointer-events:none;z-index:2;width:6px;transition:top .3s var(--ease);position:absolute;left:-24px}.hit-layer{z-index:3;cursor:pointer;position:absolute;inset:0}.sheet-foot{color:#fbf9f58c;flex-wrap:wrap;flex:none;justify-content:space-between;gap:16px;margin:12px 0 0;font-size:11px;display:flex}.loading{font:italic 400 26px var(--serif);color:var(--text-body);z-index:4;background:var(--paper);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.na-msg{text-align:center;color:var(--ink);margin:auto}.na-msg p:first-child{font:900 32px var(--zhs);margin:0}.na-msg p:last-child{font:italic 400 24px var(--serif);color:var(--text-body);margin:10px 0 0}.pmain{position:relative}.pfab{z-index:5;background:var(--accent);width:64px;height:64px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:clamp(16px,3vh,36px);right:clamp(16px,2.6vw,36px);box-shadow:0 6px 20px #0000002e}.pfab svg{width:20px;height:22px}.pfab:hover{filter:brightness(1.05)}.pfab:disabled{opacity:.55;cursor:progress}.pfab.wait{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.rotate{z-index:100;background:var(--ink);color:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:none;position:fixed;inset:0}.rotate p{font:900 24px var(--zhs);margin:0}.rotate .mono{color:var(--dark-sub);font-size:11px}.rotate .phone{border:2px solid var(--paper);width:46px;height:80px;animation:tilt 2.4s var(--ease) infinite;border-radius:9px}@keyframes tilt{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait) and (width<=760px){.rotate{display:flex}}@media (height<=560px){.ph{gap:6px;padding:8px 16px}.ph-meta,.ph-hint,.desk,.sheet-foot,.ph-pos-label{display:none}.mob{display:inline-flex}.ph-row{flex-wrap:nowrap;gap:8px}.ph-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:17px;overflow:hidden}.ph-nav{gap:4px;margin-left:0}.ph-pos{min-width:0;font-size:10px}.pbtn{height:40px;padding:0 12px;font-size:13px}.pbtn.ib{width:40px}.pfab{width:52px;height:52px;bottom:12px;right:14px}.psel{height:40px;padding:0 10px;font-size:13px}.ptime{min-width:0;font-size:12px}.ptrack{min-width:100px;height:40px}.sheet{padding:6px 10px 2px 26px}.pmain{padding:4px 6px}.sheet-meta{font-size:9px;top:4px;right:16px}.linemark{left:-18px}}.cal-hint{color:var(--ink);background:var(--accent);align-self:flex-start;padding:4px 10px}.linkbtn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (height<=560px){.ph-hint.cal-hint:not([hidden]){padding:2px 8px;font-size:10px;display:block}}.ptap{z-index:5;border:2px solid var(--ink);background:var(--paper);width:64px;height:64px;color:var(--ink);font:900 22px var(--zhs);cursor:pointer;touch-action:manipulation;border-radius:50%;position:absolute;bottom:clamp(16px,3vh,36px);right:calc(clamp(16px,2.6vw,36px) + 80px)}.ptap.hit{animation:.25s ease-out taphit}@keyframes taphit{0%{background:var(--accent);transform:scale(.92)}to{background:var(--paper);transform:none}}@media (height<=560px){.ptap{width:52px;height:52px;bottom:12px;right:76px}}[data-loop],[data-cal]{gap:8px}@media (height<=560px){[data-loop] span,[data-cal] span{display:none}[data-loop],[data-cal]{justify-content:center;width:40px;padding:0}}.selnote{border:2px solid var(--ink);pointer-events:none;z-index:3;border-radius:6px;width:28px;position:absolute}.plpanel{z-index:80;background:var(--ink);width:min(380px,92vw);color:var(--paper);padding:max(20px, env(safe-area-inset-top)) 20px 24px;animation:plin .45s var(--ease);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-12px 0 40px #00000059}@keyframes plin{0%{transform:translate(100%)}to{transform:none}}.plp-head{border-bottom:1px solid var(--dark-hair);padding-bottom:14px;padding-right:48px;position:relative}.plp-head p{color:var(--dark-sub);margin:0;font-size:10px}.plp-head h2{font:900 24px var(--zhs);margin:6px 0 0}.plp-head [data-plclose]{position:absolute;top:0;right:0}.plp-list{margin:8px 0 0;padding:0;list-style:none}.plp-list li{border-bottom:1px solid var(--dark-hair);align-items:center;gap:10px;padding:10px 0;display:flex}.plp-list li.now .rn,.plp-list li.now .t{color:var(--accent)}.plp-list .rn{font:italic 400 22px/1 var(--serif);width:30px;color:var(--dark-sub)}.plp-t{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:3px;padding:0;display:flex}.plp-t .t{font:900 16px var(--zhs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.plp-t .a{color:var(--dark-sub);text-transform:none;letter-spacing:.04em;font-size:10px}.plp-ops{gap:4px;display:inline-flex}.plp-ops .pbtn.ib{width:32px;height:32px;padding:0;font-size:13px}.plp-ops .pbtn:disabled{opacity:.3;cursor:default}@media (height<=560px){[data-plpanel] span{display:none}[data-plpanel]{width:40px;padding:0}.ph{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}}