:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--room:#0f0e14;--panel:#18161f;--panel-2:#211e2b;--line:#2d2939;--paper:#eee9f3;--dim:#8b85a0;--lamp:#a2209e;--lamp-ink:#2e002e;--ok:#8fd3a8;--err:#f2a097;--jp:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif;--ui:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}:root{--thumb:color-mix(in srgb, var(--paper) 22%, transparent);--thumb-hover:color-mix(in srgb, var(--paper) 40%, transparent)}*{scrollbar-width:thin;scrollbar-color:var(--thumb) transparent}.pl-list,.mw-list,.left-col,.side-col{scrollbar-color:transparent transparent;transition:scrollbar-color .2s}.pl-list:hover,.mw-list:hover,.left-col:hover,.side-col:hover{scrollbar-color:var(--thumb) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--thumb);background-clip:padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:var(--thumb-hover)}::-webkit-scrollbar-corner{background:0 0}[hidden]{display:none!important}@property --lamp{syntax:"<color>";inherits:true;initial-value:#a2209e}@property --lamp-ink{syntax:"<color>";inherits:true;initial-value:#2e002e}html{background:var(--room);transition:--lamp .8s,--lamp-ink .8s}html,body{margin:0}html,body,#root{min-height:100%}body{color:var(--paper);font:400 15px/1.5 var(--ui)}.app{flex-direction:column;gap:14px;margin:0 auto;padding-block:14px 40px;padding-inline:16px;display:flex}.top{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.brand{justify-content:flex-start;align-items:center;gap:12px;display:flex}.logo{--moon-glow:.5;filter:drop-shadow(0 0 calc(4px + 4px * var(--moon-glow)) rgb(220 220 255/calc(.35 + .3 * var(--moon-glow)))) drop-shadow(0 0 calc(12px + 10px * var(--moon-glow)) rgb(150 130 255/calc(.15 + .2 * var(--moon-glow))));flex:none;display:block;position:relative}.logo>svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.logo-mark{border-radius:50%;display:block}.logo-lockup{align-items:center;min-width:0;display:flex}.logo-lockup>.logo{flex-shrink:1;min-width:32px}.top .spacer{flex:1}.logo-wordmark{aspect-ratio:485.5/100;flex:none;max-width:100%;display:block;position:relative}.logo-wordmark img{object-fit:cover;object-position:right center;width:47.5%;height:100%;display:block;position:absolute;top:0;left:0}.wordmark{stroke:#ffc24d;stroke-width:2.6px;stroke-linejoin:round;paint-order:stroke;filter:drop-shadow(0 0 5px #ff963299);width:53.55%;height:auto;display:block;position:absolute;top:30%;right:0;overflow:visible}.btn{font:500 .8125rem/1 var(--ui);color:var(--paper);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:.6rem .85rem}.btn:hover{border-color:var(--dim)}.btn.primary{background:var(--lamp);color:var(--lamp-ink);border-color:var(--lamp)}.btn.ghost{background:0 0}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}.loader{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.loader-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px;display:grid}@media (width<=760px){.loader-grid{grid-template-columns:minmax(0,1fr)}}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field label,.glabel{letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-size:.6875rem;font-weight:600}.inline{flex-wrap:wrap;gap:8px;display:flex}.field input,.field textarea{background:var(--room);width:100%;color:var(--paper);border:1px solid var(--line);font:400 .8125rem/1.45 var(--mono);border-radius:8px;padding:.6rem .7rem}.field input{flex:200px;width:auto;min-width:0}.field textarea{resize:vertical;min-height:150px}.help{color:var(--dim);max-width:60ch;margin:0;font-size:.8125rem}.msg{min-height:1.3em;margin:0;font-size:.875rem}.msg.ok{color:var(--ok)}.msg.err{color:var(--err)}.status-line{color:var(--dim);padding-inline:4px}details{color:var(--dim);font-size:.8125rem}summary{cursor:pointer;color:var(--paper)}details pre{background:var(--room);border:1px solid var(--line);font:400 .75rem/1.55 var(--mono);color:var(--paper);border-radius:8px;padding:12px;overflow-x:auto}details ul{max-width:70ch;padding-left:1.2em}code{font-family:var(--mono);color:var(--paper);font-size:.92em}.cinema{--col-top:50px;--opts-h:44px;background:0 0;grid-template-columns:230px minmax(0,1fr) 340px;grid-template-areas:"left main side""left study learn";align-items:start;gap:14px 22px;display:grid}.main-col{min-width:0;padding-top:var(--col-top);flex-direction:column;grid-area:main;gap:10px;display:flex}.study-col{min-width:0;width:var(--stage-w);flex-wrap:wrap;grid-area:study;align-content:flex-start;align-items:flex-start;gap:14px;max-width:100%;margin-inline:auto;display:flex}.study-col>.words{flex:100%;min-width:0}.left-col{flex-direction:column;grid-area:left;gap:14px;min-width:0;max-height:calc(100vh - 28px);padding-left:14px;display:flex;position:sticky;top:14px;overflow-y:auto}.side-col{grid-area:side;min-width:0;height:calc(100vh - 28px);position:sticky;top:14px}.learn-col{grid-area:learn;min-width:0}@media (width<=1240px){.cinema{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"main side""study side""learn side""left side"}.learn-col{width:var(--stage-w);max-width:100%;margin-inline:auto}.left-col{max-height:none;position:static;overflow:visible}html{scrollbar-gutter:stable}}@media (width<=1000px){.cinema{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""side""learn""study""left"}.side-col{height:auto;position:static}.side-col .band{height:clamp(260px,46vh,420px)}}.cinema:fullscreen{scrollbar-gutter:stable;height:100%;padding:16px;overflow-y:auto}.cinema:fullscreen .side-col{height:100%;top:0}.cinema:fullscreen .left-col{max-height:100%;top:0}.main-col,.study-col,.learn-col{--stage-w:min(100%, calc(50vh * 16 / 9))}.stage{width:var(--stage-w);aspect-ratio:16/9;background:#09080d;border-radius:10px;max-width:100%;margin:0 auto;position:relative;overflow:hidden}.cinema:fullscreen :is(.main-col,.study-col){--stage-w:min(100%, max(320px, calc((100vh - 336px - var(--footer-h,0px)) * 16 / 9)))}.yt-mount,.yt-mount iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.stage:not(.has-video) .yt-mount{display:none}.stage-note{font:500 .6875rem/1.4 var(--mono);color:#eee9f3d1;background:#0f0e149e;border-radius:6px;max-width:calc(100% - 24px);padding:5px 8px;position:absolute;top:10px;left:12px}.stage.has-video .stage-note,.stage.has-video .spinner{display:none}.spinner{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.spinner-bars{align-items:center;gap:5px;height:56px;display:flex}.spinner-bars i{background:var(--lamp);width:5px;height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--lamp) 60%, transparent);opacity:.45;animation:1.3s ease-in-out infinite spinner-kick;animation-delay:calc(var(--i) * 90ms);border-radius:3px;transform:scaleY(.18)}@keyframes spinner-kick{0%,to{opacity:.45;transform:scaleY(.18)}30%{transform:scaleY(var(--h));opacity:1}}.spinner-label{font:500 .75rem/1.4 var(--mono);color:var(--dim)}@media (prefers-reduced-motion:reduce){.spinner-bars i{transform:scaleY(var(--h));opacity:.8;animation:none}}@media (width>=1241px){.narrow-only{display:none!important}}@media (width<=1240px){.wide-only{display:none!important}.col-resizer{display:none}}.left-head .status-line{flex:1 1 0;min-width:0;padding:0;font-size:.8125rem;line-height:1.3}.side-col>.load-btn{flex:none;align-self:flex-end}.col-resizer{cursor:col-resize;touch-action:none;position:relative}.col-resizer-left{grid-area:h1}.col-resizer-side{grid-area:h2}.col-resizer:before{content:"";background:linear-gradient(transparent, var(--lamp) 15% 85%, transparent);opacity:.18;width:1px;margin-left:-.5px;transition:opacity .15s;position:absolute;top:8px;bottom:8px;left:50%}.col-resizer:hover:before,.col-resizer:focus-visible:before,.cinema.resizing .col-resizer:before{opacity:.6}.col-resizer:hover:after,.col-resizer:focus-visible:after,.col-resizer:focus-visible{outline:none}.cinema.resizing,.cinema.resizing *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.lyric-options{min-height:var(--opts-h);width:var(--stage-w);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:10px 24px;margin-inline:auto;padding-block:2px;display:flex}.lo-group{align-items:center;gap:10px;display:flex}.lo-label{letter-spacing:.09em;text-transform:uppercase;color:var(--label-ink,var(--dim));text-shadow:0 0 6px var(--label-halo,transparent), 0 0 2px var(--label-halo,transparent);font-size:.6875rem;font-weight:600;transition:color .6s}.lyric-options .seg{flex-wrap:nowrap}.lyric-options{container:opts/inline-size}@container opts (width<=720px){.lo-label,.lyric-options .lang-name{display:none}.lyric-options .chip{padding-inline:.55rem}}.side-col{flex-direction:column;gap:14px;display:flex}.lyrics-row{background:color-mix(in srgb, var(--room) 52%, transparent);border:1px solid color-mix(in srgb, var(--paper) 9%, transparent);min-height:200px;box-shadow:0 18px 50px #00000047, inset 0 1px 0 color-mix(in srgb, var(--paper) 6%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex:1 1 0;align-items:stretch;display:flex;container:lyrics/inline-size}.lyrics-row>.band{flex:auto;min-width:0;height:auto}@media (width<=1000px){.lyrics-row{flex:none}}.band{padding-inline:14px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.band.importing .list{visibility:hidden}@media (width>=1241px){.app{height:100dvh;padding-block:14px}html{overflow:hidden}.left-col{scrollbar-gutter:stable}.cinema{--main-w:min(calc((100dvh - 90px - var(--footer-h,0px)) * .62 * 16 / 9), calc((100dvh - 380px - var(--footer-h,0px)) * 16 / 9));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(230px, 1fr) 40px minmax(0, var(--main-w)) 40px minmax(340px, 1.25fr);flex:auto;grid-template-areas:"left h1 main h2 side""left h1 study h2 learn";align-items:stretch;column-gap:0;min-height:0}.cinema.custom-cols{grid-template-columns:var(--left-w) 40px minmax(0, 1fr) 40px var(--side-w)}.main-col>.stage{flex:none}:is(.main-col,.study-col){--stage-w:min(100%, calc((100dvh - 380px - var(--footer-h,0px)) * 16 / 9))}.cinema:fullscreen :is(.main-col,.study-col){--stage-w:min(100%, max(320px, calc((100vh - 380px - var(--footer-h,0px)) * 16 / 9)))}.left-col,.side-col{height:auto;min-height:0;max-height:none;position:static}.side-col{padding-top:calc(var(--col-top) + var(--opts-h) + 10px);contain:size;position:relative;top:0}.cinema.bar-footer .side-col{padding-bottom:58px}.side-col>.load-btn{position:absolute;top:0;right:0}.left-col>.left-head{min-height:calc(var(--col-top) + var(--opts-h) + 10px - 14px - var(--pl-top));flex:none;align-items:flex-start}.left-col{overflow-y:auto}.left-col>.controls{flex:none}.playlist{flex:auto;min-height:170px}.pl-list{scrollbar-gutter:stable;flex:1 1 0;min-height:0;overflow-y:auto}.study-col{min-height:0;padding-bottom:4px;overflow-y:auto}.learn-col{min-height:0;padding-bottom:4px;display:flex}.learn-col>.learn-panel{scrollbar-gutter:stable;flex:auto;min-height:0;overflow-y:auto}.study-col>*{max-height:100%}.words-body{flex:auto;min-height:0}.words-body>.mw-list{max-height:none}.cinema.bar-floating .study-col>.words{height:calc(100% - 48px)}}.list{transition:transform .5s cubic-bezier(.2,.7,.2,1);position:relative}.line{opacity:.26;cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding-block:12px;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1);display:flex;transform:scale(.88)}.line:hover{opacity:.6}.line.upcoming{opacity:.5}.line.current{opacity:1;cursor:default;transform:none}.row{flex-wrap:wrap;justify-content:center;max-width:100%;display:flex}.row.jp{font:700 clamp(1.3rem, 6.4cqi, 2.4rem)/1.2 var(--jp);gap:.1em .28em}.row.ro{font:500 clamp(.85rem, 3.1cqi, 1.1rem)/1.2 var(--ui);letter-spacing:.01em;gap:.25em .55em}.row.tr{font:400 clamp(.85rem, 2.9cqi, 1.05rem)/1.45 var(--ui);color:var(--paper);text-align:center;text-wrap:balance;max-width:60ch}.w{--p:0;font:inherit;color:inherit;cursor:pointer;line-height:inherit;background:0 0;border:0;border-radius:.22em;margin:0;padding:.04em .16em;display:inline-block;position:relative}.w .base,.w .fill{white-space:nowrap;display:block}.w .base{position:relative}.w .fill{color:var(--lamp-ink);pointer-events:none;--x:calc(var(--p) * (100% + .32em) - .16em);padding:0;text-decoration:none;position:absolute;inset:0}.line.past .w{--p:1}.row .w{--pill:color-mix(in srgb, var(--lamp) 85%, transparent);background:linear-gradient(90deg, var(--pill) calc(var(--p) * 100%), transparent 0)}.row.ro .w{--pill:color-mix(in srgb, var(--lamp) 66%, transparent)}.row .w .fill{clip-path:inset(-.2em calc(100% - var(--x)) -.2em 0)}.tr-fetch{font:inherit;color:var(--dim);border:1px dashed var(--line);cursor:pointer;background:0 0;border-radius:.3em;padding:.1em .6em;font-size:.85em}.tr-fetch:hover:not(:disabled){color:var(--paper);border-color:var(--dim)}.tr-fetch:disabled{cursor:progress}rt{letter-spacing:.02em;font-size:.42em;font-weight:500}.w .base rt{color:var(--dim)}.w .fill rt{color:inherit}.tw{padding:.08em .3em}.hide-jp .row.jp,.hide-ro .row.ro,.hide-tr .row.tr,.hide-furi rt{display:none}.gloss{flex-direction:column;gap:14px;display:flex}.g-top{align-items:center;gap:14px;display:flex}.g-replay{align-self:flex-start}.g-top .g-meta{flex:auto}.g-heart{--heart:#ff4d6d;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;align-self:flex-start;width:40px;height:40px;padding:4px;transition:transform .15s}.g-heart:hover{transform:scale(1.1)}.g-heart:focus-visible{outline:2px solid var(--heart);outline-offset:1px}.g-close{width:32px;height:32px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;align-self:flex-start;place-items:center;margin:4px 0 0 -8px;padding:0;transition:color .15s,background .15s;display:grid}.g-close:hover{color:var(--paper);background:color-mix(in srgb, var(--paper) 10%, transparent)}.g-close:focus-visible{outline:2px solid var(--lamp);outline-offset:1px}.heart{object-fit:contain;filter:grayscale()brightness(1.4);opacity:.45;width:100%;height:100%;transition:filter .15s,opacity .15s,transform .15s;display:block}.heart.filled{filter:none;opacity:1;animation:.35s cubic-bezier(.3,1.6,.5,1) heart-pop}@keyframes heart-pop{0%{transform:scale(.8)}60%{transform:scale(1.2)}to{transform:scale(1)}}.g-context{border-left:2px solid var(--lamp);background:var(--panel-2);border-radius:0 6px 6px 0;flex-direction:column;gap:2px;padding:8px 10px;font-size:.8125rem;display:flex}.g-context [lang=ja]{font:500 .9375rem/1.4 var(--jp)}.g-from{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem}.words{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;container:words/inline-size}.words-hint{color:var(--dim);margin:0;font-size:.875rem;line-height:1.5}.words-body{align-items:stretch;min-height:0;display:flex}.words-body>.mw-list,.words-body>.gloss{scrollbar-gutter:stable;min-height:0;overflow-y:auto}.words-body>.gloss{flex:auto;min-width:0;padding:2px 0 2px 4px}.words-body.split>.mw-list{border-right:1px solid var(--line);flex:0 0 clamp(170px,30%,230px);max-height:420px;margin-right:14px;padding-right:10px}.words-body.review>.mw-list{flex:auto;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2px 8px;max-height:420px;display:grid}@container words (width<=560px){.words-body.split{flex-direction:column}.words-body.split>.mw-list{scrollbar-gutter:auto;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;flex:none;gap:4px;max-height:none;margin:0 0 12px;padding:0 0 8px;overflow:auto hidden}.words-body.split>.mw-list li{flex:none}.words-body.split .mw-mean,.words-body.split .pl-remove{display:none}}.mw-toggle{cursor:pointer;background:0 0;border:0;border-radius:4px;align-self:flex-start;align-items:center;gap:6px;padding:2px 4px 2px 0;font-family:inherit;display:inline-flex}.mw-toggle:hover{color:var(--paper)}.mw-toggle:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}.mw-chevron{transition:transform .2s}.mw-toggle[aria-expanded=false] .mw-chevron{transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.mw-chevron{transition:none}}.mw-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.mw-list li{border-radius:7px;align-items:stretch;display:flex}.mw-list li:hover{background:var(--panel-2)}.mw-list li.current{background:color-mix(in srgb, var(--lamp) 14%, var(--panel-2))}.mw-list li:hover .pl-remove,.mw-list .pl-remove:focus-visible{opacity:1}.mw-word{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;grid-template-columns:auto 1fr;align-items:baseline;gap:0 10px;padding:6px 4px 6px 8px;display:grid}.mw-jp,.mw-ro{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.mw-jp{font:700 1.05rem/1.3 var(--jp)}.current .mw-jp{color:var(--lamp)}.mw-list li.ghost{border:1px dashed color-mix(in srgb, var(--lamp) 55%, transparent);background:0 0}.mw-list li.ghost .mw-word{cursor:default}.mw-list li.ghost .mw-jp{opacity:.8}.mw-list li.settle{animation:.5s cubic-bezier(.3,1.4,.5,1) mw-settle}@keyframes mw-settle{0%{box-shadow:0 0 0 1px var(--lamp);transform:scale(.94)}to{transform:none;box-shadow:0 0 0 1px #0000}}@media (prefers-reduced-motion:reduce){.mw-list li.settle{animation:none}}.mw-ro{font:400 .625rem/1.3 var(--mono);color:var(--lamp)}.mw-mean{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:.75rem;overflow:hidden}.g-listen{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.g-listen p{margin:0;font-size:.8125rem}.g-voice-tip{max-width:46ch;line-height:1.45;font-size:.75rem!important}kbd{font:500 .6875rem/1 var(--mono);color:var(--paper);border:1px solid var(--line);background:var(--panel-2);border-bottom-width:2px;border-radius:4px;padding:2px 5px}.g-word{white-space:nowrap;font:700 1.9rem/1.25 var(--jp);flex:none}.g-word rt{color:var(--dim)}.g-meta{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.g-ro{font:500 .8125rem/1.3 var(--mono);color:var(--lamp)}.g-mean{font-weight:600}.g-note{color:var(--dim);font-size:.8125rem}.strokes{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.strokes-chars{cursor:pointer;border-radius:6px;flex-wrap:wrap;gap:4px;display:flex}.strokes-chars:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}.strokes-chars svg{background:var(--panel-2);border-radius:6px;width:60px;height:60px}.strokes-chars path{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.strokes-chars .guide{stroke:var(--line)}.strokes-chars .ink{stroke:var(--lamp)}.strokes-plain{width:60px;height:60px;font:700 1.9rem/1 var(--jp);color:var(--dim);place-items:center;display:grid}.strokes-credit{color:var(--dim);font-size:.625rem;text-decoration:none}.strokes-credit:hover{color:var(--paper);text-decoration:underline}.g-dict{border-top:1px solid var(--line);padding-top:8px;font-size:.875rem}.g-dim{color:var(--dim)}.g-err{color:var(--err)}.g-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.g-dword{font:700 1.05rem/1.3 var(--jp)}.g-tag{font:500 .6875rem/1 var(--ui);color:var(--dim);border:1px solid var(--line);border-radius:4px;padding:3px 5px}.g-link{color:var(--dim);margin-left:auto;font-size:.8125rem}.g-link:hover{color:var(--paper)}.g-senses{flex-direction:column;gap:2px;margin:6px 0 0;padding-left:1.3em;display:flex}.g-pos{color:var(--dim);font-size:.8125rem}.lang-pick{align-items:center;display:flex;position:relative}.lang-trigger{align-items:center;gap:7px;padding-block:.42rem;display:inline-flex}.lang-trigger[aria-expanded=true]{border-color:var(--lamp)}.lang-caret{fill:none;width:9px;height:6px;stroke:var(--dim);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}.lang-trigger:hover .lang-caret{stroke:var(--paper)}.lang-trigger[aria-expanded=true] .lang-caret{stroke:var(--lamp);transform:rotate(90deg)}.lang-opts{z-index:2;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;gap:2px;padding:3px;animation:.16s ease-out lang-in;display:flex;position:absolute;top:50%;right:calc(100% + 6px);translate:0 -50%;box-shadow:0 6px 18px #00000059}.lang-opt{cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:6px 5px;display:grid}.lang-opt:hover,.lang-opt:focus-visible{background:color-mix(in srgb, var(--paper) 9%, transparent);outline:none}.lang-opt:focus-visible{box-shadow:inset 0 0 0 1px var(--dim)}.lang-opt[aria-checked=true] .flag{outline:1.5px solid var(--lamp);outline-offset:2px}@keyframes lang-in{0%{opacity:0;transform:translate(8px)}}@media (prefers-reduced-motion:reduce){.lang-opts{animation:none}.lang-caret{transition:none}}.flag{border-radius:2px;flex:none;width:20px;height:12px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f}.swatches{flex-wrap:wrap;gap:8px;padding-block:5px;display:flex}.hl-color{align-items:center;gap:10px;display:flex}.color-chip{place-items:center;padding:5px 7px;display:inline-grid}.color-dot{background:var(--lamp);width:18px;height:18px;box-shadow:0 0 .5em color-mix(in srgb, var(--lamp) 55%, transparent), inset 0 0 0 1px #ffffff29;border-radius:50%}.color-chip[aria-expanded=true]{border-color:var(--lamp)}.hl-color .swatches{flex-wrap:nowrap;padding-block:0}.hl-color .swatch{width:18px;height:18px}.swatch{cursor:pointer;border:0;border-radius:50%;width:22px;height:22px;padding:0;box-shadow:inset 0 0 0 1px #ffffff29}.swatch-song{background:conic-gradient(var(--fc1), var(--fc2), var(--fc3), var(--fc1))}.swatch:hover{outline:1px solid var(--dim);outline-offset:2px}.swatch[aria-checked=true]{outline:1.5px solid var(--paper);outline-offset:2px}.backdrop{z-index:-1;pointer-events:none;background:var(--room);position:fixed;inset:0;overflow:hidden}.backdrop-img{filter:blur(20px)saturate(1.4)brightness(.9);background:50%/cover no-repeat;animation:1.2s both backdrop-in;position:absolute;inset:-4%}.backdrop-tint{background:radial-gradient(120% 90% at 50% 30%, color-mix(in srgb, var(--room) 9%, transparent), color-mix(in srgb, var(--room) 20%, transparent));position:absolute;inset:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.cinema:fullscreen{background:var(--room)}.side{align-items:flex-end;gap:8px;margin-left:auto;display:flex}.help{position:relative}.help .icon{font:700 .95rem/1 var(--ui)}.help-tip{z-index:5;background:var(--panel);border:1px solid var(--line);width:max-content;max-width:min(320px,100vw - 32px);color:var(--dim);opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;margin:0;padding:8px 10px;font-size:.8125rem;line-height:1.5;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);right:0}.help:hover .help-tip,.help:focus-within .help-tip{opacity:1;visibility:visible}.controls{flex-wrap:wrap;align-items:flex-end;gap:14px 22px;width:100%;display:flex}.float-transport{z-index:20;visibility:hidden;background:color-mix(in srgb, var(--panel) 86%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.2);border-radius:20px;flex-direction:column;gap:6px;width:340px;max-width:calc(100vw - 16px);padding:6px 14px 10px;transition:box-shadow .15s;display:flex;position:fixed;top:0;left:0;box-shadow:0 12px 36px #00000080}.float-transport.dragging{box-shadow:0 18px 44px #0009}.ft-head{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding-top:12px;display:flex;position:relative}.float-transport.dragging .ft-head{cursor:grabbing}.ft-handle{background:#ffffff29;border-radius:2px;width:36px;height:4px;margin-left:-18px;transition:background .15s;position:absolute;top:0;left:50%}.ft-head:hover .ft-handle,.float-transport.dragging .ft-handle{background:#ffffff61}.ft-art{width:48px;height:48px;box-shadow:0 0 0 2px color-mix(in srgb, var(--lamp) 45%, transparent);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.ft-art img,.ft-art .logo-mark{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.ft-info{flex-direction:column;gap:2px;min-width:0;display:flex}.ft-title{font:700 .9375rem/1.3 var(--jp);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ft-sub{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.ft-channel{max-width:100%;font:500 .75rem/1.3 var(--jp);color:var(--lamp);text-overflow:ellipsis;white-space:nowrap;align-self:flex-start;text-decoration:none;overflow:hidden}.ft-channel:hover{text-decoration:underline}.ft-row{justify-content:space-between;align-items:center;display:flex}.ft-btn{width:36px;height:36px;color:color-mix(in srgb, var(--paper) 72%, transparent);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .15s,background .15s,transform .12s;display:grid;position:relative}.ft-btn:hover{color:#fff;background:#ffffff14}.ft-btn:active,.ft-play:active{transform:scale(.9)}.ft-btn svg{width:20px;height:20px}.ft-toggle svg{width:18px;height:18px}.ft-line svg{width:19px;height:19px}.ft-btn:disabled{opacity:.28;cursor:default;background:0 0;transform:none}.ft-toggle.on{color:var(--lamp)}.ft-toggle.on:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:2px;left:50%}.ft-play{background:var(--lamp);width:48px;height:48px;color:var(--lamp-ink);cursor:pointer;box-shadow:0 4px 16px -4px color-mix(in srgb, var(--lamp) 70%, transparent);border:0;border-radius:50%;place-items:center;padding:0;transition:transform .12s,box-shadow .15s;display:grid}.ft-play:hover{box-shadow:0 6px 22px -4px color-mix(in srgb, var(--lamp) 85%, transparent);transform:scale(1.05)}.ft-play svg{width:22px;height:22px}.ft-btn:focus-visible,.ft-play:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}.lt{align-items:center;gap:10px;width:100%;display:flex}.lt-time{font:500 .6875rem/1 var(--mono);color:var(--dim);font-variant-numeric:tabular-nums;flex:none;min-width:4.5ch}.lt-time:first-child{color:var(--paper);text-align:right}.lt-bar{--v:0;--h:0;cursor:pointer;touch-action:none;flex:1;min-width:0;height:26px;position:relative}.lt-wave{position:absolute;inset:1px 0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.lt-rest,.lt-fill{position:absolute;inset:0}.lt-rest{background:#ffffff29}.lt-bar:hover .lt-rest{background:linear-gradient(90deg, #ffffff57 calc(var(--h) * 100%), #ffffff29 0)}.lt-fill{background:var(--lt-fill,var(--lamp));clip-path:inset(0 calc(100% - var(--v) * 100%) 0 0);filter:brightness(calc(1 + var(--kick,0) * .35))}.lt-knob{top:0;bottom:0;left:calc(var(--v) * 100%);pointer-events:none;width:2px;box-shadow:0 0 6px var(--lt-glow,var(--lamp)), 0 0 calc(4px + var(--kick,0) * 16px) color-mix(in srgb, var(--lt-glow,var(--lamp)) 80%, transparent);background:#fff;border-radius:1px;margin-left:-1px;position:absolute}.lt-knob:after{content:"";width:12px;height:12px;box-shadow:0 0 0 3px color-mix(in srgb, var(--lt-glow,var(--lamp)) 45%, transparent), 0 2px 6px #00000080;background:#fff;border-radius:50%;margin:-6px 0 0 -6px;transition:transform .15s;position:absolute;top:50%;left:50%;transform:scale(0)}.lt-bar:hover .lt-knob:after,.lt-bar:active .lt-knob:after{transform:scale(1)}.lt-tip{bottom:calc(100% + 6px);left:clamp(40px, calc(var(--h) * 100%), calc(100% - 40px));white-space:nowrap;pointer-events:none;opacity:0;z-index:1;background:#0c0b12eb;border:1px solid #ffffff1f;border-radius:8px;align-items:baseline;gap:8px;max-width:300px;padding:5px 9px;transition:opacity .12s;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px 20px #00000080}.lt-bar:hover .lt-tip{opacity:1}.lt-tip b{font:600 .6875rem/1 var(--mono);color:var(--lt-glow,var(--lamp));filter:brightness(1.4)}.lt-tip span{font:500 .8125rem/1.2 var(--jp);color:var(--paper);text-overflow:ellipsis;overflow:hidden}.lt-tip span:empty{display:none}.cinema.bar-footer{--footer-h:157px;grid-template-areas:"left main side""left study learn""foot foot foot"}@media (width>=1241px){.cinema.bar-footer{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"left h1 main h2 side""left h1 study h2 learn""foot foot foot foot foot"}}@media (width<=1240px){.cinema.bar-footer{grid-template-areas:"main side""study side""learn side""left side""foot foot"}}@media (width<=1000px){.cinema.bar-footer{grid-template-areas:"main""side""learn""study""left""foot"}.player-footer{position:sticky;bottom:0}}.player-footer{margin-inline:-16px;background:color-mix(in srgb, var(--room) 92%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);z-index:5;border-top:1px solid #be287880;grid-area:foot;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:32px;margin-bottom:-14px;padding:10px 24px 10px 28px;display:grid}.cinema:fullscreen .player-footer{margin:0 -16px -16px}.player-footer{isolation:isolate}@property --fc1{syntax:"<color>";inherits:true;initial-value:#ff7a3d}@property --fc2{syntax:"<color>";inherits:true;initial-value:#ff2e9b}@property --fc3{syntax:"<color>";inherits:true;initial-value:#7e36e3}.cinema{transition:--fc1 1.2s,--fc2 1.2s,--fc3 1.2s}@media (width>=1001px){.player-footer{position:relative}}.cinema[class*=fbg-] .player-footer{background:#0b0a10}.cinema[class*=fbg-] .player-footer:before,.cinema[class*=fbg-] .player-footer:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.cinema.fbg-aurora .player-footer{border-top-color:#ffffff14}.cinema.fbg-aurora .player-footer:before{background:radial-gradient(35% 120% at 20% 110%, color-mix(in srgb, var(--fc1) 42%, transparent), transparent 70%), radial-gradient(30% 110% at 55% -10%, color-mix(in srgb, var(--fc2) 26%, transparent), transparent 70%), radial-gradient(35% 130% at 85% 100%, color-mix(in srgb, var(--fc3) 36%, transparent), transparent 70%);background-size:200% 100%;animation:22s ease-in-out infinite alternate fbg-drift}@keyframes fbg-drift{0%{background-position:0 0,100% 0,30% 0}to{background-position:100% 0,0 0,90% 0}}@property --fbg-s{syntax:"<number>";inherits:false;initial-value:0}.cinema.fbg-stripes .player-footer{border-top-color:#0000}.cinema.fbg-stripes .player-footer:before{--t0:calc((0 + var(--fbg-s)) / 6);--a0:calc(var(--t0) * var(--t0) * 100%);--b0:calc(var(--a0) + (.5 + 9 * var(--t0)) * 1%);--t1:calc((1 + var(--fbg-s)) / 6);--a1:calc(var(--t1) * var(--t1) * 100%);--b1:calc(var(--a1) + (.5 + 9 * var(--t1)) * 1%);--t2:calc((2 + var(--fbg-s)) / 6);--a2:calc(var(--t2) * var(--t2) * 100%);--b2:calc(var(--a2) + (.5 + 9 * var(--t2)) * 1%);--t3:calc((3 + var(--fbg-s)) / 6);--a3:calc(var(--t3) * var(--t3) * 100%);--b3:calc(var(--a3) + (.5 + 9 * var(--t3)) * 1%);--t4:calc((4 + var(--fbg-s)) / 6);--a4:calc(var(--t4) * var(--t4) * 100%);--b4:calc(var(--a4) + (.5 + 9 * var(--t4)) * 1%);--t5:calc((5 + var(--fbg-s)) / 6);--a5:calc(var(--t5) * var(--t5) * 100%);--b5:calc(var(--a5) + (.5 + 9 * var(--t5)) * 1%);--slats:linear-gradient(transparent var(--a0), #000 var(--a0) var(--b0), transparent var(--b0) var(--a1), #000 var(--a1) var(--b1), transparent var(--b1) var(--a2), #000 var(--a2) var(--b2), transparent var(--b2) var(--a3), #000 var(--a3) var(--b3), transparent var(--b3) var(--a4), #000 var(--a4) var(--b4), transparent var(--b4) var(--a5), #000 var(--a5) var(--b5), transparent var(--b5));background:linear-gradient(90deg, var(--fc1), var(--fc2) 45%, var(--fc3));-webkit-mask-image:var(--slats);-webkit-mask-image:var(--slats);mask-image:var(--slats);opacity:.2;animation:3.2s linear infinite fbg-slats}@keyframes fbg-slats{to{--fbg-s:1}}.cinema.fbg-stripes .player-footer:after{background:linear-gradient(90deg, var(--fc1), var(--fc2) 45%, var(--fc3));height:2px;box-shadow:0 0 14px color-mix(in srgb, var(--fc2) 60%, transparent);animation:3.2s ease-in-out infinite alternate fbg-breathe;bottom:auto}@keyframes fbg-breathe{0%{box-shadow:0 0 8px color-mix(in srgb, var(--fc2) 35%, transparent)}to{box-shadow:0 0 18px 1px color-mix(in srgb, var(--fc2) 75%, transparent)}}@property --fbg-a{syntax:"<angle>";inherits:false;initial-value:0deg}.cinema.fbg-holo .player-footer{border-top:1px solid #ffffff24}.cinema.fbg-holo .player-footer:before{background:conic-gradient(from var(--fbg-a) at 50% 300%, var(--fc1), color-mix(in srgb, var(--fc1), #fff 35%), var(--fc2), color-mix(in srgb, var(--fc2), var(--fc3)), var(--fc3), var(--fc1));opacity:.16;animation:18s linear infinite fbg-turn}.cinema.fbg-holo .player-footer:after{background:linear-gradient(105deg,#0000 30%,#ffffff0f 45%,#0000 60%)}@keyframes fbg-turn{to{--fbg-a:360deg}}@media (prefers-reduced-motion:reduce){.cinema[class*=fbg-] .player-footer:before,.cinema[class*=fbg-] .player-footer:after{animation:none}}.pf-bgs{align-items:center;gap:8px;padding:0 4px;display:flex}.pf-bg{cursor:pointer;border:0;border-radius:50%;width:16px;height:16px;padding:0;transition:transform .15s;box-shadow:inset 0 0 0 1px #fff3}.pf-bg:hover{transform:scale(1.15)}.pf-bg[aria-checked=true]{outline:1.5px solid var(--paper);outline-offset:2px}.pf-bg-aurora{background:radial-gradient(at 20% 100%, color-mix(in srgb, var(--fc1) 70%, transparent), transparent 60%), radial-gradient(at 60% 0, color-mix(in srgb, var(--fc2) 50%, transparent), transparent 60%), radial-gradient(at 100% 100%, color-mix(in srgb, var(--fc3) 80%, transparent), transparent 60%), #0b0a10}.pf-bg-stripes{background:repeating-linear-gradient(transparent 0 3px, #0b0a10 3px 5px), linear-gradient(90deg, var(--fc1), var(--fc2), var(--fc3))}.pf-bg-holo{background:conic-gradient(from 30deg, var(--fc1), var(--fc2), var(--fc3), var(--fc1))}.player-footer{--kick:0}.pf-rim{pointer-events:none;background:linear-gradient(90deg, transparent, var(--fc1) 18%, var(--fc2) 50%, var(--fc3) 82%, transparent);height:1px;opacity:calc(.45 + var(--kick) * .55);position:absolute;top:-1px;left:0;right:0}.pf-rim:after{content:"";background:radial-gradient(50% 50%, color-mix(in srgb, var(--fc2) 70%, transparent), transparent);filter:blur(6px);height:13px;opacity:calc(.25 + var(--kick) * .75);border-radius:50%;position:absolute;top:-6px;left:10%;right:10%}.pf-now{align-items:center;gap:16px;min-width:0;display:flex}.pf-disc{isolation:isolate;border-radius:50%;flex:none;width:64px;height:64px;position:relative}.pf-disc:before{content:"";z-index:-1;background:conic-gradient(var(--fc1), var(--fc2), var(--fc3), var(--fc1));filter:blur(11px);opacity:calc(.4 + var(--kick) * .6);transform:scale(calc(1 + var(--kick) * .1));border-radius:50%;position:absolute;inset:-5px}@property --pf-rot{syntax:"<angle>";inherits:true;initial-value:0deg}.pf-vinyl{background:conic-gradient(from var(--pf-rot), color-mix(in srgb, var(--fc1) 34%, transparent), transparent 16% 42%, color-mix(in srgb, var(--fc3) 30%, transparent) 50%, transparent 64%), repeating-radial-gradient(circle, #0b0a0f 0 1.1px, #1e1b26 1.1px 2.3px);border-radius:50%;animation:2.4s linear infinite paused pf-spin;position:absolute;inset:0;box-shadow:0 0 0 1px #ffffff1a,0 6px 16px #000000a6}.pf-disc.on .pf-vinyl{animation-play-state:running}@keyframes pf-spin{to{--pf-rot:360deg}}.pf-label>*{rotate:var(--pf-rot)}.pf-label{background:var(--panel-2);box-shadow:0 0 0 2px #0b0a10, 0 0 0 3.5px color-mix(in srgb, var(--fc2) 75%, transparent);border-radius:50%;position:absolute;inset:17px;overflow:hidden}.pf-label img,.pf-label .logo-mark{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.pf-label:after{content:"";background:#0b0a10;border-radius:50%;position:absolute;inset:calc(50% - 2px);box-shadow:0 0 0 1px #ffffff40}.pf-sheen{pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 25deg, transparent 0 8%, #fff3 13%, transparent 20% 58%, #ffffff21 63%, transparent 70%);border-radius:50%;position:absolute;inset:0}.pf-text{flex-direction:column;gap:3px;min-width:0;display:flex}.pf-kicker{font:600 .625rem/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);white-space:nowrap;align-items:center;gap:7px;display:flex}.pf-kicker [lang=ja]{letter-spacing:.08em;color:color-mix(in srgb, var(--fc2), var(--paper) 45%)}.pf-title{font:700 1rem/1.25 var(--jp);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 18px color-mix(in srgb, var(--fc2) 45%, transparent);overflow:hidden}.pf-artist{font:500 .8125rem/1.25 var(--jp);color:var(--dim);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}a.pf-artist:hover{color:var(--paper);text-decoration:underline}.pf-eq{flex:none;align-items:flex-end;gap:1.5px;height:10px;display:flex}.pf-eq i{background:linear-gradient(to top, var(--fc1), var(--fc2));border-radius:1px;width:2px;height:2px}.pf-eq.on i{animation:.8s ease-in-out infinite alternate pf-eq}.pf-eq.on i:nth-child(2){animation-delay:-.3s}.pf-eq.on i:nth-child(3){animation-delay:-.6s}.pf-eq.on i:nth-child(4){animation-delay:-.45s}.pf-eq.on i:nth-child(5){animation-delay:-.15s}@keyframes pf-eq{0%{height:2px}to{height:10px}}.pf-transport{align-items:center;gap:16px;display:flex}.pf-step,.pf-shuffle,.pf-icon{width:36px;height:36px;color:color-mix(in srgb, var(--paper) 70%, transparent);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .15s,background .15s,transform .12s;display:grid;position:relative}.pf-step:hover,.pf-shuffle:hover,.pf-icon:hover{color:#fff;background:#ffffff14}.pf-step:active,.pf-shuffle:active,.pf-icon:active{transform:scale(.9)}.pf-step:focus-visible,.pf-shuffle:focus-visible,.pf-icon:focus-visible,.pf-play:focus-visible,.pf-bg:focus-visible{outline:2px solid var(--fc2);outline-offset:2px}.pf-step:disabled{opacity:.28;cursor:default;background:0 0;transform:none}.pf-step,.pf-shuffle{width:42px;height:42px}.pf-step svg{width:24px;height:24px}.pf-shuffle svg{width:21px;height:21px}.pf-icon svg{width:18px;height:18px}.pf-shuffle.on{color:color-mix(in srgb, var(--fc2), #fff 25%)}.pf-shuffle.on:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:3px;left:50%;box-shadow:0 0 6px}.pf-shuffle-spacer{width:42px}@property --pf-orb{syntax:"<angle>";inherits:false;initial-value:0deg}.pf-play{color:#fff;cursor:pointer;isolation:isolate;background:0 0;border:0;border-radius:50%;place-items:center;width:54px;height:54px;padding:0;transition:transform .15s;display:grid;position:relative}.pf-play:hover{transform:scale(1.07)}.pf-play:active{transform:scale(.94)}.pf-orb{z-index:-1;background:radial-gradient(circle at 32% 26%, #ffffff8c, transparent 42%), conic-gradient(from var(--pf-orb), var(--fc1), var(--fc2), var(--fc3), var(--fc1));box-shadow:inset 0 -4px 10px #00000059, 0 0 0 1px #ffffff2e, 0 4px 22px -2px color-mix(in srgb, var(--fc2) 70%, transparent);border-radius:50%;animation:7s linear infinite paused pf-orb;position:absolute;inset:0}.pf-play.on .pf-orb{animation-play-state:running}@keyframes pf-orb{to{--pf-orb:360deg}}.pf-play svg{filter:drop-shadow(0 1px 2px #00000073);width:26px;height:26px}.song-track{width:var(--stage-w);flex:none;align-items:center;gap:12px;max-width:100%;height:36px;margin:12px auto 0;display:flex}.st-lines{flex:none;align-items:center;gap:2px;display:flex}.song-track .lt{--lt-fill:linear-gradient(90deg, var(--fc1), var(--fc2) 50%, var(--fc3));--lt-glow:var(--fc2)}.pf-right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.pf-volume{align-items:center;gap:4px;display:flex}.player-footer .controls{flex:none;width:auto}.player-footer .icon{background:#ffffff0f;border-color:#ffffff1f;width:36px;height:36px}.pf-volume input{appearance:none;cursor:pointer;background:0 0;width:92px;height:16px;margin:0}.pf-volume input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--fc1), var(--fc2) var(--v), #ffffff29 0);border-radius:2px;height:4px}.pf-volume input::-moz-range-track{background:linear-gradient(90deg, var(--fc1), var(--fc2) var(--v), #ffffff29 0);border-radius:2px;height:4px}.pf-volume input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:transform .15s;transform:scale(0);box-shadow:0 1px 4px #00000080}.pf-volume input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px;transition:transform .15s;transform:scale(0);box-shadow:0 1px 4px #00000080}.pf-volume:hover input::-webkit-slider-thumb{transform:scale(1)}.pf-volume input:focus-visible::-webkit-slider-thumb{transform:scale(1)}.pf-volume:hover input::-moz-range-thumb{transform:scale(1)}.pf-volume input:focus-visible::-moz-range-thumb{transform:scale(1)}.pf-volume input:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.pf-vinyl,.pf-orb{animation:none}.pf-disc:before{transform:none}}@media (width<=760px){.player-footer{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 16px 12px}.pf-now{gap:12px}.pf-disc{width:48px;height:48px}.pf-label{inset:13px}.pf-kicker{display:none}.pf-transport{gap:0}.pf-step,.pf-shuffle{width:36px}.pf-play{width:48px;height:48px}.pf-shuffle-spacer,.pf-volume{display:none}}.playlist{flex-direction:column;gap:6px;display:flex}.cinema{--pl-top:56px}.pl-head{justify-content:space-between;align-items:baseline;gap:8px;height:18px;display:flex}.pl-add{font:500 .75rem/1 var(--ui);color:var(--lamp);cursor:pointer;background:0 0;border:0;padding:2px 0}.pl-add:hover{text-decoration:underline}.pl-empty{color:var(--dim);margin:0;font-size:.8125rem}.pl-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.pl-list li{border-radius:7px;align-items:stretch;display:flex;position:relative}.pl-list li.dragging{opacity:.4}.pl-list li.drop-before:before,.pl-list li.drop-after:after{content:"";background:var(--lamp);height:2px;box-shadow:0 0 6px var(--lamp);pointer-events:none;border-radius:1px;position:absolute;left:4px;right:4px}.pl-list li.drop-before:before{top:-1.5px}.pl-list li.drop-after:after{bottom:-1.5px}.pl-list li:hover{background:var(--panel)}.pl-list li.current{background:var(--panel-2)}.pl-song{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:7px 4px 7px 6px;display:flex}.pl-thumb{aspect-ratio:16/9;background:var(--panel-2);width:clamp(96px,36%,136px);box-shadow:0 0 0 1px var(--line);border-radius:7px;flex:none;position:relative;overflow:hidden}.pl-thumb img{object-fit:cover;width:100%;height:100%;display:block}.current .pl-thumb{box-shadow:0 0 0 2px var(--lamp)}.pl-playing{color:var(--lamp);background:color-mix(in srgb, var(--room) 55%, transparent);place-items:center;font-size:1rem;display:grid;position:absolute;inset:0}.pl-text{flex-direction:column;gap:3px;min-width:0;display:flex}.pl-title{font:600 .9375rem/1.3 var(--jp);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.current .pl-title{color:var(--lamp)}.pl-artist{font:400 .75rem/1.3 var(--jp);color:var(--lamp);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pl-views{gap:4px;height:26px;display:flex}.pl-views button{font:500 .75rem/1 var(--ui);color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.pl-views button:hover{color:var(--paper)}.pl-views button[aria-selected=true]{color:var(--paper);background:var(--panel-2);border-color:var(--line)}.pl-label,.pl-views button.pl-view-fav{color:var(--lamp)}.pl-count{font:400 .6875rem/1 var(--mono);color:var(--dim)}.pl-view-heart{--heart:#ff4d6d;width:14px;height:14px;display:inline-block}.pl-fav{--heart:#ff4d6d;cursor:pointer;opacity:0;background:0 0;border:0;flex:none;place-items:center;width:30px;padding:0 4px;display:grid}.pl-fav .heart{width:22px;height:22px}.playlist{container-type:inline-size}@container (width<=320px){.pl-thumb{border-radius:5px;width:80px}.pl-song{gap:10px;padding-block:5px}.pl-title{font-size:.875rem}}.pl-fav.on,.pl-list li:hover .pl-fav,.pl-fav:focus-visible{opacity:1}.pl-fav:hover .heart{transform:scale(1.12)}.pl-remove{width:26px;color:var(--dim);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;flex:none;font-size:1rem}.pl-list li:hover .pl-remove,.pl-remove:focus-visible{opacity:1}.pl-remove:hover{color:var(--paper)}.left-col .controls{flex-flow:column;align-items:stretch;gap:13px}.left-col .side{margin-left:0}.left-col .help-tip{max-width:210px;left:0;right:auto}@media (width<=1240px){.left-col .controls{flex-flow:wrap;align-items:flex-end;gap:14px 22px}.left-col .side{margin-left:auto}.left-col .help-tip{left:auto;right:0}}.group{flex-direction:column;gap:6px;display:flex}.seg{flex-wrap:wrap;gap:4px;display:flex}.chip{font:500 .8125rem/1 var(--ui);color:var(--paper);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:7px;padding:.5rem .65rem}.chip:hover{border-color:var(--dim)}.chip[aria-pressed=true]{background:var(--paper);color:var(--room);border-color:var(--paper)}.chip.jpc{font-family:var(--jp);font-weight:700}.transport{align-items:center;gap:6px;display:flex}.icon{background:var(--panel);border:1px solid var(--line);width:38px;height:38px;color:var(--paper);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.icon:hover{border-color:var(--dim)}.icon.play{background:var(--lamp);width:48px;height:48px;color:var(--lamp-ink);border-color:var(--lamp)}.icon svg{width:18px;height:18px}.icon.play svg{width:20px;height:20px}.offset{align-items:center;gap:4px;display:flex}.offset output{font:400 .75rem/1 var(--mono);text-align:center;font-variant-numeric:tabular-nums;min-width:5.2ch}@media (width<=520px){.controls{gap:12px 16px}}@media (prefers-reduced-motion:reduce){.pf-eq.on i{height:8px;animation:none}.heart.filled,.backdrop-img{animation:none}.list,.line{transition:none}}.learn-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;container:learn/inline-size}.learn-panel>h2{margin:0}.learn{flex-direction:column;gap:16px;display:flex}.ln-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:14px;min-width:0;padding:16px 18px;display:flex}.ln-card.flipped{border-color:color-mix(in srgb, var(--lamp) 40%, var(--line))}.ln-front{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.ln-word{font:700 2.6rem/1.2 var(--jp)}.ln-card.flipped .ln-word{color:var(--lamp)}.ln-back{align-items:flex-start;gap:18px;animation:.3s ln-in;display:flex}@keyframes ln-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.ln-back{animation:none}}.ln-answer{flex-direction:column;flex:auto;align-items:flex-start;gap:6px;min-width:0;font-size:.9375rem;display:flex}.ln-answer .g-senses{margin:0}.ln-reading{font:500 1.15rem/1.3 var(--jp)}.ln-grade{gap:8px;margin-top:6px;display:flex}.ln-knew{color:var(--lamp-ink);background:var(--lamp);border-color:var(--lamp)}.ln-small{margin:0;font-size:.75rem}.ln-image{flex-direction:column;flex:0 220px;gap:4px;min-width:120px;margin:0;display:flex}.ln-image img{object-fit:cover;background:var(--panel);border-radius:8px;width:100%;height:auto;max-height:200px}.ln-image figcaption{color:var(--dim);font-size:.625rem}.ln-image a{color:inherit}.ln-image a:hover{color:var(--paper)}@container learn (width<=520px){.ln-back{flex-direction:column-reverse}.ln-image{flex:none;width:100%}}.ln-section{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:8px;padding-top:10px;display:flex}.ln-section h3{margin:0}.ln-kanji{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ln-kanji li{align-items:flex-start;gap:12px;display:flex}.ln-kinfo{flex-direction:column;gap:3px;font-size:.8125rem;display:flex}.ln-kinfo [lang=ja]{font-family:var(--jp)}.ln-kmean{font-size:.875rem;font-weight:600}.ln-lines{flex-direction:column;align-self:stretch;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ln-lines li{border-left:2px solid var(--line);flex-direction:column;gap:2px;padding:6px 40px 6px 10px;font-size:.8125rem;display:flex;position:relative}.ln-jp{font:500 .9375rem/1.45 var(--jp)}.ln-jp mark{color:var(--lamp);background:0 0;font-weight:700}.ln-play{width:30px;height:30px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:4px;translate:0 -50%}.ln-play:hover{color:var(--lamp-ink);background:var(--lamp)}.ln-play:focus-visible{outline:2px solid var(--lamp);outline-offset:1px}.ln-more{padding:.4rem .7rem}.ln-jisho{margin-left:0;font-size:.75rem}.lyrics-row{position:relative}.print-btn{z-index:2;background:color-mix(in srgb, var(--room) 70%, transparent);border-color:color-mix(in srgb, var(--paper) 14%, transparent);width:34px;height:34px;color:var(--dim);position:absolute;bottom:10px;right:10px}.print-btn:hover{color:var(--paper)}.print-btn svg{width:16px;height:16px}@media screen{.print-sheet{width:var(--ps-w);pointer-events:none;position:fixed;top:0;left:-300vw}}@media print{@page{margin:14mm 16mm}html,body{background:#fff!important;height:auto!important;overflow:visible!important}body>:not(.print-sheet){display:none!important}}.print-sheet{--ps:1;color:#1b1a1f;font-family:var(--ui);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff}.print-sheet p,.print-sheet h1{margin:0}.ps-head{text-align:center;border-bottom:.4pt solid #cfcbd6;margin-bottom:6mm;padding-bottom:5mm}.ps-head h1{font:700 20pt/1.25 var(--jp);letter-spacing:.04em}.ps-artist{font:500 10pt/1.3 var(--jp);color:#6d6878;letter-spacing:.08em;margin-top:1.5mm!important}.ps-body{columns:2;column-gap:var(--ps-gap);column-rule:.4pt solid #e4e1ea}.print-sheet.single .ps-body{columns:1;width:120mm;margin-inline:auto}.print-sheet.measuring .ps-body{columns:1;width:calc((var(--ps-w) - var(--ps-gap)) / 2);margin-inline:0}.ps-verse{padding-bottom:calc(var(--ps) * 4.2mm)}.ps-line{break-inside:avoid;padding-bottom:calc(var(--ps) * 2.1mm)}.ps-jp{font:700 calc(var(--ps) * 12.5pt)/1.45 var(--jp);letter-spacing:.02em}.ps-jp rt{color:#6d6878;font-size:.5em;font-weight:500}.ps-ro{font:400 calc(var(--ps) * 8.6pt)/1.35 var(--ui);color:#6d6878}.ps-tr{font:400 calc(var(--ps) * 9.2pt)/1.35 var(--ui);color:#34313b;margin-top:calc(var(--ps) * .6mm)!important}.ps-times{font:500 .72em var(--ui);color:#8b85a0;margin-left:.6em}.ps-foot{text-align:center;font:500 7pt var(--ui);letter-spacing:.12em;color:#a9a4b4;margin-top:4mm}