:root{color-scheme:light dark;--bg: #ffffff;--soft: #f4f4f5;--soft2: #e9e9eb;--ink: #222222;--mute: #6b6b70;--dim: rgb(34 34 34 / .3);--line: #dddddd;--accent: #6c4cd6;--accent-ink: #5a3cc4;--accent-soft: rgb(108 76 214 / .14);--on: #ffffff;--ok: #2f9e55;--ng: #d64545;--late: #e08a1e;--lis: #0e9f8e;--lr: #b5179e;--read: #3b82f6;--sogo: #a16207;--film: #f8f9fa;--film-ink: #1a1d21;--film-ink2: #3d434a;--film-edge: rgb(26 29 33 / .09);--now-rgb: 255 216 61;--mark-a: 1;--mark: rgb(var(--now-rgb) / var(--mark-a));--jp: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "Yu Gothic UI", "Yu Gothic", sans-serif;--ui: -apple-system, "SF Pro Text", "Hiragino Sans", "Apple SD Gothic Neo", "Yu Gothic UI", "Malgun Gothic", sans-serif;--ko: -apple-system, "Apple SD Gothic Neo", "Pretendard", "Malgun Gothic", sans-serif;--fs: 1;--ease: cubic-bezier(.16, 1, .3, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom)}@media (prefers-color-scheme: dark){:root{--bg: #1b1b1d;--soft: #262628;--soft2: #333336;--ink: #e8e8ea;--mute: #9c9ca2;--dim: rgb(232 232 234 / .28);--line: #3a3a3d;--accent: #8b72f0;--accent-ink: #9d87f3;--accent-soft: rgb(139 114 240 / .2);--lr: #c42aa9;--film: #1c1f23;--film-ink: #eceef1;--film-ink2: #b4bac2;--film-edge: rgb(255 255 255 / .09);--mark-a: .42}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--bg);color:var(--ink);overscroll-behavior:none}body{font:500 15px/1.4 var(--ui);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}::selection{background:rgb(var(--now-rgb) / calc(.75 * var(--mark-a) + .1));color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tnum{font-variant-numeric:tabular-nums}svg.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}svg.f{fill:currentColor;stroke:none}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.screen{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:var(--sat);position:relative}.foot{flex:none;height:max(14px,var(--sab))}.top{flex:none;height:52px;display:flex;align-items:center;gap:4px;padding:0 6px}.ib{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;flex:none;transition:background-color .15s,scale .12s ease-out}.ib:active{scale:.92;background:var(--soft)}.ib.on{background:var(--soft)}.ttl{flex:1;min-width:0;text-align:center}.ttl .k{display:inline-flex;gap:6px;align-items:center;font:600 11.5px/1 var(--ui);color:var(--mute);letter-spacing:.02em}.dot{width:7px;height:7px;border-radius:2px;background:var(--c, var(--mute));flex:none}.ttl .t{font:700 16px/1.25 var(--jp);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.k-聴解{--c: var(--lis)}.k-聴読解{--c: var(--lr)}.k-読解{--c: var(--read)}.k-総合{--c: var(--sogo)}.btn{height:46px;border-radius:12px;background:var(--soft);display:flex;align-items:center;justify-content:center;gap:7px;font:600 15px/1 var(--jp);flex:1;transition:scale .12s ease-out,background-color .15s,opacity .2s}.btn:active{scale:.97}.btn.pri{background:var(--accent);color:var(--on)}.btn.pri:active{background:var(--accent-ink)}.btn svg{width:18px;height:18px}.btn:disabled{opacity:.4}.go{flex:none;margin:12px 16px 0;height:50px;border-radius:12px;background:var(--accent);color:var(--on);display:flex;align-items:center;justify-content:center;gap:8px;font:700 16px/1 var(--jp);transition:scale .12s ease-out}.go:active{scale:.98}.go svg{width:19px;height:19px}.home-top{flex:none;display:flex;align-items:center;justify-content:space-between;padding:10px 16px 4px}.home-top h1{font:800 22px/1.2 var(--jp);letter-spacing:.01em}.seg{display:flex;background:var(--soft);border-radius:10px;padding:3px;margin:8px 16px 0;flex:none}.seg button{flex:1;height:36px;border-radius:8px;font:600 14px/1 var(--jp);color:var(--mute);display:flex;align-items:center;justify-content:center;gap:6px;transition:background-color .2s,color .2s}.seg button.on{background:var(--bg);color:var(--ink);box-shadow:0 1px 2px #00000024}.chips{display:flex;gap:6px;padding:12px 16px 2px;overflow-x:auto;flex:none;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{height:32px;padding:0 13px;border-radius:16px;background:var(--soft);font:600 13px/1 var(--jp);white-space:nowrap;display:flex;align-items:center;gap:6px;transition:background-color .2s,color .2s}.chip.on{background:var(--ink);color:var(--bg)}.chip b{font:600 12px/1 var(--ui);opacity:.7}.list{flex:1;min-height:0;overflow-y:auto;padding:6px 0 12px;-webkit-overflow-scrolling:touch}.row{width:100%;display:flex;align-items:center;gap:12px;padding:11px 16px;text-align:left;transition:background-color .15s}.row:active{background:var(--soft)}.row .num{width:64px;flex:none;font:600 12px/1.2 var(--ui);color:var(--mute);display:flex;align-items:center;gap:6px}.row .tt{flex:1;min-width:0}.row .tt b{display:block;font:600 15px/1.35 var(--jp);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .tt small{display:block;font:500 11.5px/1.3 var(--ko);color:var(--mute);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag{flex:none;font:600 11.5px/1 var(--jp);padding:5px 7px;border-radius:6px;background:var(--soft);color:var(--mute)}.tag.due{background:color-mix(in srgb,var(--late) 18%,var(--bg));color:color-mix(in srgb,var(--late) 75%,var(--ink))}.tag.ok{background:color-mix(in srgb,var(--ok) 18%,var(--bg));color:color-mix(in srgb,var(--ok) 75%,var(--ink))}.tag.ng{background:color-mix(in srgb,var(--ng) 16%,var(--bg));color:color-mix(in srgb,var(--ng) 80%,var(--ink))}.empty{padding:48px 24px;text-align:center;color:var(--mute);font:500 14px/1.6 var(--ko)}.sync{flex:none;text-align:center;font:500 12px/1 var(--ko);color:var(--mute);padding:6px 0 0}.fig{flex:none;margin:2px 16px 0;border-radius:10px;background:#fff;overflow:hidden;position:relative;transition:height .42s var(--ease),opacity .3s,margin .42s var(--ease)}.fig img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain}.fig.zoom{position:fixed;inset:0;margin:0;border-radius:0;z-index:30;height:100dvh!important;background:#fff}.fig .zx{position:absolute;top:calc(8px + var(--sat));right:8px;color:#222;display:none}.fig.zoom .zx{display:grid}.subs{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.grab{flex:none;height:22px;display:grid;place-items:center;touch-action:none;cursor:grab}.grab i{width:38px;height:5px;border-radius:3px;background:var(--soft2);transition:background-color .2s,width .2s}.grab:active i{background:var(--mute);width:46px}.lyr{flex:1;min-height:0;overflow-y:auto;padding:0 22px;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(transparent,#000 28px,#000 calc(100% - 44px),transparent)}.lyr::-webkit-scrollbar{display:none}.lyr .pad{height:34%}.ln{font:700 calc(19px * var(--fs))/1.6 var(--jp);color:var(--dim);padding:6px 0;transition:color .45s var(--ease),opacity .45s;cursor:pointer;-webkit-user-select:text;user-select:text}.ln.cur{color:var(--ink)}.ln .who{display:block;font:600 11.5px/1 var(--ui);color:var(--mute);margin-bottom:4px;letter-spacing:.02em}.ln .on{font:600 .78em/1 var(--ui);color:var(--mute);margin-right:.5em}.ln mark.hl{color:var(--ink)}.full .ln{font-size:calc(24px * var(--fs));line-height:1.45;padding:10px 0}.nosub .lyr{visibility:hidden}.nosub-note{position:absolute;inset:0;display:grid;place-items:center;color:var(--mute);font:500 13px/1 var(--ko);pointer-events:none}.tl{flex:none;padding:18px 16px 0;transition:opacity .3s,transform .42s var(--ease)}.tl .row2{display:flex;gap:2px;height:30px;align-items:stretch;touch-action:none}.tl .b{border-radius:4px;background:var(--soft2);position:relative;min-width:3px;overflow:visible;transition:background-color .3s}.tl .b.done{background:color-mix(in srgb,var(--accent) 34%,var(--bg))}.tl .b.cur{background:var(--accent-soft)}.tl .b .fill{position:absolute;inset:0 auto 0 0;border-radius:4px;background:var(--accent)}.tl .b.q{background:color-mix(in srgb,var(--lr) 24%,var(--bg))}.tl .b.q.done{background:color-mix(in srgb,var(--lr) 55%,var(--bg))}.tl .b.q .fill{background:var(--lr)}.tl .qm{position:absolute;top:-16px;left:0;font:700 10.5px/1 var(--jp);color:var(--lr)}.tl .lab{display:flex;justify-content:space-between;margin-top:7px;font:500 12px/1 var(--ui);color:var(--mute)}.full .tl{opacity:0;pointer-events:none;height:0;padding:0;transform:translateY(12px)}.full .fig{height:0!important;opacity:0;margin-top:0}.tp{flex:none;display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 16px 0}.tp .ib svg{width:26px;height:26px}.play{width:64px;height:64px;border-radius:18px;background:var(--ink);color:var(--bg);display:grid;place-items:center;transition:scale .12s ease-out;flex:none}.play:active{scale:.94}.play svg{width:26px;height:26px}.spd{font:600 13px/1 var(--ui);color:var(--mute);width:44px;height:44px}.bar{height:5px;border-radius:3px;background:var(--soft2);position:relative;flex:1;touch-action:none}.bar i{position:absolute;inset:0 auto 0 0;border-radius:3px;background:var(--ink)}.mini{display:flex;align-items:center;gap:12px;background:var(--soft);border-radius:12px;padding:0 12px 0 4px;height:48px;flex:none}.mini .t{font:500 12px/1 var(--ui);color:var(--mute);width:40px;text-align:right}.next-in{position:absolute;left:50%;bottom:calc(176px + var(--sab));translate:-50% 0;background:var(--ink);color:var(--bg);border-radius:22px;height:44px;padding:0 18px;display:flex;align-items:center;gap:8px;font:700 14px/1 var(--jp);box-shadow:0 4px 14px #00000038;animation:rise .42s var(--ease) both;z-index:5}@keyframes rise{0%{opacity:0;translate:-50% 12px}}.ask{flex:none;padding:14px 16px 0;animation:rise2 .42s var(--ease) both}@keyframes rise2{0%{opacity:0;transform:translateY(16px)}}.ask .stem{font:600 calc(16px * var(--fs))/1.55 var(--jp);margin-bottom:12px;-webkit-user-select:text;user-select:text}.ask .stem b{color:var(--mute);font-weight:700;margin-right:6px}.ask+.ask{padding-top:18px}.sq{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sq .s{height:62px;border-radius:12px;background:var(--soft);display:grid;place-items:center;font:700 24px/1 var(--ui);position:relative;transition:background-color .25s,color .25s,scale .12s ease-out}.sq .s:active{scale:.94}.sq .s.pick{background:var(--ink);color:var(--bg)}.sq .s.ng{background:var(--ng);color:#fff}.sq .s.ok{background:color-mix(in srgb,var(--ok) 22%,var(--bg));color:color-mix(in srgb,var(--ok) 70%,var(--ink))}.sq .s .tg{position:absolute;bottom:-20px;left:-4px;right:-4px;text-align:center;font:600 11.5px/1 var(--jp);white-space:nowrap;animation:fadein .3s .1s both}.sq .s.ok .tg{color:color-mix(in srgb,var(--ok) 80%,var(--ink))}.sq .s.ng .tg{color:var(--ng)}.sq.done .s:not(.ok):not(.ng){color:var(--dim)}@keyframes fadein{0%{opacity:0}}.after{display:flex;gap:10px;padding:32px 16px 0;flex:none;animation:rise2 .42s .08s var(--ease) both}.sheetc{flex:none;margin:12px 16px 0;border-radius:12px;background:var(--soft);padding:12px}.sheetc .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font:700 13px/1 var(--jp)}.sheetc .sq .s{height:54px;background:var(--bg);font-size:22px}.sheetc .sq .s.pick{background:var(--ink)}.why{margin:14px 16px 0;padding:12px 14px;border-radius:10px;background:var(--soft);font:500 calc(14px * var(--fs))/1.7 var(--ko);flex:none;animation:rise2 .42s var(--ease) both;-webkit-user-select:text;user-select:text}.why b{font:700 12px/1 var(--jp);color:var(--mute);display:block;margin-bottom:6px}.page{flex:1;min-height:0;overflow-y:auto;padding:4px 0 24px;-webkit-overflow-scrolling:touch}.psg{padding:8px 20px 4px;font:400 calc(16.5px * var(--fs))/1.85 var(--jp);-webkit-user-select:text;user-select:text}.psg p+p{margin-top:.9em}.psg .lead{font-weight:600}.psg .dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px}.psg .dl b{font-weight:700;color:var(--mute);white-space:nowrap}.sep{height:8px;background:var(--soft);margin:18px 0 6px}.qb{padding:14px 16px 6px}.qb .stem{font:600 calc(16px * var(--fs))/1.6 var(--jp);padding:0 4px 10px;-webkit-user-select:text;user-select:text}.qb .stem b{color:var(--mute);margin-right:6px}.opt{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:10px;font:400 calc(15.5px * var(--fs))/1.6 var(--jp);cursor:pointer;transition:background-color .2s,color .2s;-webkit-user-select:text;user-select:text;position:relative}.opt+.opt{margin-top:4px}.opt .no{flex:none;width:26px;height:26px;border-radius:6px;background:var(--soft);display:grid;place-items:center;font:700 13px/1 var(--ui);margin-top:1px;transition:background-color .2s,color .2s;-webkit-user-select:none;user-select:none}.opt.pick{background:var(--accent-soft)}.opt.pick .no{background:var(--accent);color:#fff}.opt.ok{background:color-mix(in srgb,var(--ok) 14%,var(--bg))}.opt.ok .no{background:var(--ok);color:#fff}.opt.ng{background:color-mix(in srgb,var(--ng) 12%,var(--bg))}.opt.ng .no{background:var(--ng);color:#fff}.opt .tg2{display:block;margin-top:6px;font:600 12px/1 var(--jp);-webkit-user-select:none;user-select:none;animation:fadein .3s both}.opt.ok .tg2{color:color-mix(in srgb,var(--ok) 80%,var(--ink))}.opt.ng .tg2{color:var(--ng)}.tbl{margin:8px 20px;border-collapse:collapse;font:400 calc(13.5px * var(--fs))/1.5 var(--jp)}.tbl td,.tbl th{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.tbl th{font-weight:700;color:var(--mute)}.tblw{overflow-x:auto}.blkimg{margin:8px 16px;border-radius:10px;background:#fff;padding:6px}.blkimg img{width:100%;display:block}.bar-bottom{flex:none;display:flex;gap:10px;padding:10px 16px 0;background:var(--bg);box-shadow:0 -1px 0 var(--soft2)}u.tu{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}u.tu sup{font-size:.6em;margin-left:1px;text-decoration:none;display:inline-block}.tb{font-weight:700}.blank{display:inline-block;min-width:2.4em;text-align:center;border-radius:4px;background:var(--soft2);font-weight:700;padding:0 2px}mark.hl{color:inherit;background:linear-gradient(transparent 56%,var(--mark) 56%,var(--mark) 92%,transparent 92%) no-repeat 0 0 / 100% 100%;padding:0 1px}.scrim{position:fixed;inset:0;background:#0000002e;z-index:20;animation:fadein .2s both}.pop{position:fixed;top:calc(var(--sat) + 52px);right:10px;width:min(316px,calc(100vw - 20px));background:var(--bg);border-radius:14px;z-index:21;box-shadow:0 4px 14px #00000038,0 0 0 .5px #0000000f;padding:4px 0;transform-origin:calc(100% - 22px) -6px;animation:popin .32s var(--ease) both}@keyframes popin{0%{opacity:0;transform:scale(.9)}}@media (prefers-color-scheme: dark){.pop{background:var(--soft)}}.pop .r{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:0 14px 0 16px;font:600 15px/1.2 var(--jp);width:100%;text-align:left}.pop .r+.r{border-top:.5px solid var(--soft2)}.sw{width:51px;height:31px;border-radius:16px;background:var(--soft2);position:relative;flex:none;transition:background-color .25s}.sw:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000002e;transition:translate .3s var(--ease)}.sw.on{background:var(--accent)}.sw.on:after{translate:20px 0}.sg{display:flex;background:var(--soft);border-radius:9px;padding:2px}@media (prefers-color-scheme: dark){.pop .sg{background:var(--bg)}}.sg button{width:44px;height:32px;border-radius:7px;font:600 13px/1 var(--ui);color:var(--mute);transition:background-color .2s,color .2s}.sg button.on{background:var(--bg);color:var(--ink);box-shadow:0 1px 2px #00000024}@media (prefers-color-scheme: dark){.sg button.on{background:var(--soft2)}}@font-face{font-family:Pretendard Variable;src:url(/fonts/PretendardVariable.woff2) format("woff2");font-weight:45 920;font-display:swap}@font-face{font-family:UD Gothic;src:local("BIZ UDPGothic"),local("BIZUDPGothic-Regular"),url(/fonts/BIZUDPGothic-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:UD Gothic;src:local("BIZ UDPGothic Bold"),local("BIZUDPGothic-Bold"),url(/fonts/BIZUDPGothic-Bold.woff2) format("woff2");font-weight:700;font-display:swap}.dict{--ink: #1a1d21;--ink-2: #3d434a;--ink-3: #4b5158;--ink-rgb: 26 29 33;--on-ink: #fff;--on-now: #1a1d21;--film: #f8f9fa;--paper: #fff;--film-edge: rgb(var(--ink-rgb) / .09);--hi: rgb(255 255 255 / .95);--now: #ffd83d;--now-rgb: 255 216 61;--mark-a: 1;--mark: rgb(var(--now-rgb) / var(--mark-a));--jp: "UD Gothic", "BIZ UDPGothic", "Yu Gothic UI", sans-serif;--ko: "Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;position:fixed;left:0;right:0;bottom:0;z-index:25;max-height:64dvh;display:flex;flex-direction:column;background:var(--film);color:var(--ink);font-family:var(--ko);border-radius:3px 3px 0 0;padding:0 0 max(10px,var(--sab));box-shadow:inset 0 1px 0 var(--hi),inset 0 0 0 1px var(--film-edge),0 -10px 30px -12px #14181e4d,0 -1px 4px #14181e0f;transition:transform .42s var(--ease);touch-action:pan-y}@media (prefers-color-scheme: dark){.dict{--ink: #e8eaed;--ink-2: #b4bac2;--ink-3: #8f969f;--ink-rgb: 232 234 237;--on-ink: #16191c;--film: #1c1f23;--paper: #262a2f;--film-edge: rgb(255 255 255 / .09);--hi: rgb(255 255 255 / .07);--mark-a: .42;box-shadow:inset 0 1px 0 var(--hi),inset 0 0 0 1px var(--film-edge),0 -12px 34px -10px #0000009e}}.dict.enter{animation:sheetin .46s var(--ease) both}@keyframes sheetin{0%{transform:translateY(100%)}}.dict .grab{height:18px}.dict .grab i{background:rgb(var(--ink-rgb) / .16)}.dict ::selection{background:rgb(var(--ink-rgb) / .14);color:var(--ink)}.d-tabs{position:absolute;left:14px;right:14px;bottom:100%;display:flex;gap:3px;align-items:flex-end;overflow-x:auto;scrollbar-width:none}.d-tabs::-webkit-scrollbar{display:none}.d-tab{flex:none;white-space:nowrap;height:33px;padding:0 14px 2px;font:400 16px/1 var(--jp);color:var(--ink-2);background:var(--film);border-radius:3px 3px 0 0;box-shadow:inset 0 1px 0 var(--hi),inset 0 0 0 1px var(--film-edge);transition:background-color .18s,color .18s,height .25s cubic-bezier(.2,.9,.25,1)}.d-tab[aria-selected=true]{background:var(--now);color:var(--on-now);font-weight:700;height:38px;box-shadow:none}.d-sepv{width:1px;align-self:stretch;margin:10px 3px 4px;background:rgb(var(--ink-rgb) / .2);flex:none}.d-content{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 24px 6px;-webkit-user-select:text;user-select:text}.d-content.more{-webkit-mask-image:linear-gradient(#000 calc(100% - 40px),transparent);mask-image:linear-gradient(#000 calc(100% - 40px),transparent)}.d-content.less{-webkit-mask-image:linear-gradient(transparent 6px,#000 30px);mask-image:linear-gradient(transparent 6px,#000 30px)}.d-content.less.more{-webkit-mask-image:linear-gradient(transparent 6px,#000 30px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(transparent 6px,#000 30px,#000 calc(100% - 40px),transparent)}.d-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}.d-word{font:700 44px/1.15 var(--jp);letter-spacing:.02em}.d-reading{font:400 19px/1 var(--jp);color:var(--ink-2)}.d-kj{border-radius:2px}.d-ko{font:700 24px/1.35 var(--ko);margin:12px 0 8px;letter-spacing:-.01em;text-wrap:balance}.d-ko.loading{width:46%;height:26px;margin:14px 0 10px;border-radius:3px;background:linear-gradient(90deg,rgb(var(--ink-rgb) / .06),rgb(var(--ink-rgb) / .13),rgb(var(--ink-rgb) / .06)) 0 0 / 200% 100%;animation:shimmer 1.1s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.d-knote{font:400 13px/1.5 var(--ko);color:var(--ink-2);margin:-4px 0 10px;text-wrap:pretty}.d-tags,.d-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.d-chip{font:500 12px/1 var(--ko);padding:4px 8px 3px;border-radius:99px;box-shadow:inset 0 0 0 1px rgb(var(--ink-rgb) / .24);color:var(--ink-2)}.d-tag{font:600 11.5px/1 var(--ko);padding:4px 6px 3px;border-radius:3px;color:var(--ink-2);box-shadow:inset 0 0 0 1px rgb(var(--ink-rgb) / .24)}.d-tag.soft{box-shadow:none;background:rgb(var(--ink-rgb) / .06);font-weight:500}.d-freq{display:inline-flex;align-items:center;gap:6px;margin-left:4px;font:500 12px/1 var(--ko);color:var(--ink-2)}.d-freq .fl{color:var(--ink-3)}.d-freq .fm{display:inline-flex;gap:2px}.d-freq .fm i{width:5px;height:11px;border-radius:1px;background:rgb(var(--ink-rgb) / .14)}.d-freq .fm i.on{background:var(--ink-2)}.d-alts{display:flex;gap:4px;margin-top:10px}.d-alt{font:500 13px/1 var(--ko);color:var(--ink-2);padding:7px 10px 6px;border-radius:3px;box-shadow:inset 0 0 0 1px rgb(var(--ink-rgb) / .24)}.d-alt.on{background:var(--ink);color:var(--on-ink);box-shadow:none}.d-mo{position:relative;display:inline-block;padding-top:5px}.d-mo.hi{box-shadow:inset 0 1.4px 0 currentColor}.d-mo.up:before,.d-mo.dn:after{content:"";position:absolute;top:0;height:5px;width:1.4px;background:currentColor}.d-mo.up:before{left:0}.d-mo.dn:after{right:0}.d-accn{display:inline-flex;gap:3px;align-self:center}.d-accn b{display:grid;place-items:center;min-width:17px;height:17px;padding:0 3px;border-radius:2px;font:600 11px/1 var(--ko);color:var(--ink-2);box-shadow:inset 0 0 0 1px rgb(var(--ink-rgb) / .24)}.d-ex{margin-top:16px;padding-top:14px;border-top:1px dashed rgb(var(--ink-rgb) / .2)}.d-ex-jp{font:400 16px/1.75 var(--jp)}.d-ex-jp mark{background:linear-gradient(transparent 52%,var(--mark) 52%,var(--mark) 92%,transparent 92%) no-repeat 0 0 / 100% 100%;color:inherit;font-weight:700;padding:0 1px}.d-missing{font:400 14px/1.6 var(--ko);color:var(--ink-2);margin:10px 0 0}.d-sec{margin-top:20px;padding-top:14px;border-top:1px dashed rgb(var(--ink-rgb) / .2)}.d-sec-t{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 11px;font:700 14px/1 var(--ko);color:var(--ink)}.d-sec-r,.d-sec-k{font:400 13px/1 var(--jp);color:var(--ink-3)}.d-sec-k{margin-left:8px;margin-right:auto}.d-senses{list-style:none;display:grid;gap:14px}.d-sense{display:grid;grid-template-columns:16px 1fr;gap:0 8px}.d-sn{font:700 13px/1.55 var(--ko);color:var(--ink-3)}.d-sb{min-width:0}.d-sk{margin:0 0 2px;font:700 16px/1.45 var(--ko)}.d-sg{font:400 15px/1.55 var(--jp);color:var(--ink)}.d-spos{display:inline-flex;gap:4px;margin-right:7px;vertical-align:1px}.d-sk .d-spos{vertical-align:2px}.d-snote{margin:4px 0 0;font:400 12.5px/1.5 var(--ko);color:var(--ink-3)}.d-snote .dot{display:inline-block;width:3px;height:3px;margin:0 7px 3px;border-radius:1px;background:currentColor}.d-sense.picked .d-sb{box-shadow:inset 3px 0 rgb(var(--now-rgb) / calc(.95 * var(--mark-a)));padding-left:10px;margin-left:-2px}.d-spick{margin:0 0 3px;font:700 11px/1.4 var(--ko);letter-spacing:.02em;color:var(--ink-2)}.d-sense.rare .d-sk,.d-sense.rare .d-sg{color:var(--ink-2);font-weight:400}.d-rare-more{margin:10px 0 0 24px;padding:3px 0;font:600 12.5px/1.4 var(--ko);color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}.d-scol{margin:5px 0 0;display:flex;flex-wrap:wrap;gap:3px 14px}.d-cpair{display:inline-flex;align-items:baseline;gap:6px}.d-cj{font:400 14px/1.6 var(--jp);color:var(--ink)}.d-ck{font:400 12.5px/1.5 var(--ko);color:var(--ink-3)}.d-exr{margin-top:12px}.d-sb .d-exr{margin-top:8px;padding-left:11px;box-shadow:inset 1px 0 rgb(var(--ink-rgb) / .16)}.d-sb .d-xj{font-size:14px}.d-sec>.d-exr:first-of-type{margin-top:0}.d-xj{font:400 15px/1.65 var(--jp);color:var(--ink)}.d-xk{margin:1px 0 0;font:400 13px/1.55 var(--ko);color:var(--ink-2)}.d-xk.en{color:var(--ink-3)}.d-hl{text-decoration:none;background:linear-gradient(transparent 64%,rgb(var(--now-rgb) / calc(.9 * var(--mark-a))) 64%,rgb(var(--now-rgb) / calc(.9 * var(--mark-a))) 92%,transparent 92%)}.d-ijl{list-style:none;display:grid;gap:11px}.d-ij{display:grid;grid-template-columns:84px 1fr;gap:0 12px;align-items:baseline}.d-ijw{font:700 17px/1.35 var(--jp);color:var(--ink-2);justify-self:start}.d-ij.cur .d-ijw{color:var(--ink);background:linear-gradient(transparent 52%,var(--mark) 52%,var(--mark) 92%,transparent 92%)}.d-ijd{font:400 13px/1.55 var(--jp);color:var(--ink)}.d-ije{margin:2px 0 0;font:400 13px/1.6 var(--jp);color:var(--ink-2)}.d-ij:not(.cur) .d-ijd{color:var(--ink-2)}.d-ij:not(.cur) .d-ije{color:var(--ink-3)}.d-ijn{margin:11px 0 0;font:400 12.5px/1.65 var(--jp);color:var(--ink-3)}.d-rows{list-style:none;margin:0 -8px}.d-row{width:100%;text-align:left;display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:10px;padding:8px;border-radius:3px;color:var(--ink)}.d-row:disabled{opacity:1;cursor:default}button.d-row:not(:disabled):active{background:rgb(var(--ink-rgb) / .06)}.d-row .w{font:700 17px/1.3 var(--jp)}.d-row .r{font:400 13px/1.3 var(--jp);color:var(--ink-3)}.d-row .m{font:400 14px/1.3 var(--ko);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.d-forms{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}.d-fw{font:400 17px/1.3 var(--jp);color:var(--ink-2)}.d-fw.cur{font-weight:700;color:var(--ink)}.d-bar{flex:none;display:flex;align-items:center;gap:8px;padding:10px 24px 0;min-height:48px}.d-save{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 18px 0 14px;font:700 14px/1 var(--ko);color:var(--on-ink);background:var(--ink);border-radius:3px;transition:scale .1s ease-out}.d-save:active{scale:.97}.d-save svg{width:16px;height:16px}.d-done{display:inline-flex;align-items:center;gap:8px;font:500 14px/1 var(--ko);color:var(--ink)}.d-icon{width:44px;height:44px;border-radius:3px;display:grid;place-items:center;color:var(--ink-2);transition:scale .1s ease-out}.d-icon:active{scale:.94;background:rgb(var(--ink-rgb) / .07)}.d-icon svg{width:19px;height:19px}.d-foot{flex:none;display:flex;justify-content:space-between;gap:16px;padding:8px 24px 0;font:400 12px/1 var(--ko);color:var(--ink-3)}.d-foot span:last-child{text-align:right}.d-big{font:400 88px/1 var(--jp)}.d-kstage{position:relative;min-height:172px;margin:6px 0 4px}.d-kstage.solo{min-height:0;display:flex;align-items:flex-end;gap:14px}.d-kglyph{display:grid;justify-items:start;gap:2px;width:max-content}svg.d-kg{display:block;overflow:visible}svg.d-kg path{fill:none;stroke-linecap:round;stroke-linejoin:round}svg.d-kg .st{stroke:var(--ink);stroke-width:4.2}svg.d-kg .st.dim{stroke:rgb(var(--ink-rgb) / .3)}svg.d-kg.playing .st{stroke:var(--ink)}svg.d-kg .hl{stroke:var(--mark);stroke-width:12;opacity:0}.d-kplay{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px 0 8px;border-radius:3px;color:var(--ink-2);font:600 12.5px/1 var(--ko)}.d-kplay:active{background:rgb(var(--ink-rgb) / .07)}.d-kplay svg{width:16px;height:16px}.d-klines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.d-klines path{fill:none;stroke:rgb(var(--ink-rgb) / .32);stroke-width:1;stroke-dasharray:3 3}.d-klines circle{fill:var(--ink)}.d-pnote{position:absolute}.d-pnote .n1{display:flex;align-items:center;gap:7px;margin-bottom:3px;flex-wrap:wrap}.d-pnote .nm{font:700 14px/1.25 var(--ko)}.d-part{display:inline-grid;place-items:center;min-width:30px;min-height:30px;padding:0 3px;border-radius:2px;color:var(--ink);font:400 22px/1.2 var(--jp)}.d-part:active{background:linear-gradient(transparent 14%,rgb(var(--now-rgb) / calc(.9 * var(--mark-a))) 14%,rgb(var(--now-rgb) / calc(.9 * var(--mark-a))) 92%,transparent 92%)}.d-role{display:inline-flex;align-items:center;height:19px;padding:0 6px;border-radius:3px;box-shadow:inset 0 0 0 1px rgb(var(--ink-rgb) / .5);font:700 11px/1 var(--ko);color:var(--ink)}.d-role.sound{box-shadow:none;background:rgb(var(--ink-rgb) / .08);color:var(--ink-2)}.d-why{margin:0;font:400 13.5px/1.6 var(--ko);color:var(--ink-2)}.d-kwhy{margin-top:10px}.d-pnotes{display:grid;gap:10px;margin-top:12px}.d-pnotes .d-pnote{position:static}.d-pnote.unsure{padding:4px 7px 5px;margin-left:-8px;border:1px dashed rgb(var(--ink-rgb) / .28);border-radius:6px;opacity:.55}.d-kwhy.unsure{padding:5px 9px;border:1px dashed rgb(var(--ink-rgb) / .28);border-radius:6px;opacity:.55}.d-khy{margin-top:6px;font:700 24px/1.3 var(--ko);letter-spacing:-.01em;text-wrap:balance}.d-kko{margin:4px 0 10px;font:500 15px/1.5 var(--ko);color:var(--ink-2)}.d-yomi{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font:400 15px/1.45 var(--jp)}.d-yomi dt{font:600 12px/1.9 var(--ko);color:var(--ink-3)}.d-okuri{color:var(--ink-3);opacity:.75}.d-yomi+.d-meta{margin-top:12px}.d-krad{display:flex;align-items:center;gap:6px;margin:10px 0 0;font:500 13.5px/1.4 var(--ko);color:var(--ink-2)}.d-rule{height:0;border-top:1px dashed rgb(var(--ink-rgb) / .2);margin:20px 0 14px}.d-kgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 6px}.d-kcell{display:grid;justify-items:start;gap:2px;padding:6px 4px 6px 0;text-align:left;color:var(--ink);min-width:0}.d-kcell .g{font:400 24px/1.1 var(--jp)}.d-kcell .l{font:500 12px/1.3 var(--ko);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.d-kcell:active .g{background:linear-gradient(transparent 52%,rgb(var(--now-rgb) / calc(.9 * var(--mark-a))) 52%,rgb(var(--now-rgb) / calc(.9 * var(--mark-a))) 92%,transparent 92%)}.wipe-bar{position:absolute;pointer-events:none;transform-origin:0 0;border-radius:1px}.setup{padding:calc(var(--sat) + 48px) 24px 24px;display:flex;flex-direction:column;gap:14px}.setup h1{font:800 26px/1.2 var(--jp)}.setup p{font:500 14px/1.65 var(--ko);color:var(--mute)}.setup input{height:48px;border-radius:12px;background:var(--soft);border:0;padding:0 14px;font:500 16px/1 var(--ui);color:var(--ink);width:100%}.setup .err{color:var(--ng);font:600 13px/1.4 var(--ko)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tp2{flex:none;display:flex;align-items:center;justify-content:space-between;padding:4px 22px 0;color:var(--mute)}.tp2 .ib{width:40px;height:40px}.tp2-src{flex:1;min-width:0;text-align:center;font:600 12px/1.2 var(--jp);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.ib.star.on{color:#e3a008}.lyr,.page{position:relative}.lyr .ln,.page .psg,.page .qb,.page .ask{position:relative;z-index:1}.tapmark{position:absolute;z-index:0;pointer-events:none;border-radius:2px;background:linear-gradient(transparent 54%,var(--mark) 54%,var(--mark) 94%,transparent 94%);transform-origin:0 50%;animation:tapin .34s cubic-bezier(.6,0,.2,1) both}@keyframes tapin{0%{transform:scaleX(0)}}.ln:active,.psg:active{transition:none}.d-find{padding:3px 2px;border-radius:2px;font:400 15px/1.3 var(--jp);color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgb(var(--ink-rgb) / .3)}.d-find.part{font:700 16px/1.45 var(--jp);padding:0 2px}.d-find:active{background:rgb(var(--ink-rgb) / .06)}.d-pdash{margin:0 8px;color:var(--ink-3);font-weight:400}.row,.qr{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.row.press,.qr.press{background:var(--soft);scale:.985;transition:scale .25s var(--ease),background-color .15s}.lstar{color:#e3a008;display:grid;flex:none}.scrim.out{animation:fadeout .24s both}@keyframes fadeout{to{opacity:0}}.qsheet{position:fixed;left:0;right:0;bottom:0;z-index:27;height:78dvh;display:flex;flex-direction:column;background:var(--bg);border-radius:16px 16px 0 0;box-shadow:0 -8px 30px #0000002e;animation:sheetin .44s var(--ease) both;transition:transform .3s var(--ease)}.qsheet.out{transform:translateY(100%)}@media (prefers-color-scheme: dark){.qsheet{background:#232325}}.qhd{flex:none;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:2px 18px 0}.qhd small{display:block;font:600 12px/1.2 var(--jp);color:var(--mute)}.qhd b{display:block;font:700 18px/1.3 var(--jp);margin-top:3px}.qn{font:600 12.5px/1 var(--ui);color:var(--mute);padding-bottom:3px}.qchips{padding:12px 18px 8px}.qchips .chip:disabled{opacity:.35}.qlist{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.qslot{position:absolute;left:0;right:0;height:64px}.qr{height:64px;display:flex;align-items:center;gap:12px;padding:0 4px 0 16px;background:transparent;transition:transform .22s var(--ease),background-color .15s,box-shadow .2s;position:relative}.qr.cur{background:var(--soft)}.qr.played{opacity:.45}.qr.lift{z-index:3;background:var(--bg);box-shadow:0 8px 22px #0000002e;border-radius:10px;scale:1.02}@media (prefers-color-scheme: dark){.qr.lift{background:var(--soft2)}}.qg{width:44px;height:44px;flex:none;border-radius:8px;display:grid;place-items:center;font:700 17px/1 var(--jp);color:var(--c);background:color-mix(in srgb,var(--c) 14%,var(--bg))}.qt{flex:1;min-width:0}.qt b{display:block;font:600 15px/1.3 var(--jp);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qt small{display:flex;align-items:center;gap:6px;font:500 12px/1.3 var(--jp);color:var(--mute);margin-top:3px;white-space:nowrap;overflow:hidden}.qt em{font-style:normal;font-weight:700;color:var(--accent)}.qs{color:#e3a008;display:grid}.qh{width:48px;height:64px;display:grid;place-items:center;color:var(--mute);touch-action:none;flex:none;cursor:grab}.qh:active{color:var(--ink)}.eq{display:flex;align-items:flex-end;gap:2px;height:16px}.eq i{width:3px;border-radius:1px;background:currentColor;animation:eq .9s ease-in-out infinite alternate}.eq i:nth-child(1){height:60%}.eq i:nth-child(2){height:100%;animation-delay:-.3s}.eq i:nth-child(3){height:40%;animation-delay:-.6s}@keyframes eq{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.eq i{transform-origin:bottom}.amenu{position:fixed;left:10px;right:10px;bottom:calc(10px + var(--sab));z-index:41;display:flex;flex-direction:column;gap:2px;background:var(--bg);border-radius:16px;padding:8px;box-shadow:0 10px 34px #00000042;animation:menuin .32s var(--ease) both}@keyframes menuin{0%{opacity:0;transform:translateY(14px) scale(.97)}}@media (prefers-color-scheme: dark){.amenu{background:var(--soft)}}.amenu .ahd{display:flex;align-items:center;gap:12px;padding:6px 8px 10px;border-bottom:.5px solid var(--soft2);margin-bottom:4px}.amenu button{height:50px;display:flex;align-items:center;gap:14px;padding:0 12px;border-radius:10px;font:600 15.5px/1 var(--jp);text-align:left}.amenu button:active{background:var(--soft)}.amenu button svg{width:20px;height:20px}.amenu .warn{color:var(--ng)}.amenu .cancel{justify-content:center;color:var(--mute);margin-top:4px}