#km-root{--km-bg:#08131b;--km-panel:#11222d;--km-ink:#f4f0e6;--km-muted:#b0c3cb;--km-gold:#e1c790;position:fixed;z-index:10000;color:var(--km-ink);font:15px/1.65 "Noto Sans JP",system-ui,sans-serif;text-align:left;letter-spacing:normal;box-sizing:border-box;inset:0;overflow:auto;overscroll-behavior:contain;padding:clamp(12px,3vw,40px);isolation:isolate}
#km-root[hidden],#km-root [hidden]{display:none!important}#km-root *{box-sizing:border-box}#km-root .km-backdrop{position:fixed;inset:0;background:rgba(3,9,15,.94);z-index:-1;backdrop-filter:blur(12px)}
#km-root .km-window{max-width:1120px;margin:auto;background:linear-gradient(140deg,#142a35,#08131b 65%);border:1px solid #5b6b6f;border-radius:18px;box-shadow:0 20px 100px #0009;overflow:hidden}
#km-root h2,#km-root h3,#km-root p{margin:0}#km-root button,#km-root input{font:inherit}#km-root button{border:1px solid #516975;background:#1c3644;color:var(--km-ink);border-radius:8px;cursor:pointer;padding:9px 14px;line-height:1.4;min-height:42px;letter-spacing:normal;text-transform:none}#km-root button:hover{background:#2d4b59;border-color:var(--km-gold)}#km-root button:focus-visible,#km-root a:focus-visible,#km-root input:focus-visible{outline:3px solid #f4dba9;outline-offset:3px}#km-root button[aria-pressed=true]{border-color:var(--km-gold);color:var(--km-gold)}#km-root a{color:var(--km-gold);text-underline-offset:4px}
#km-root .km-header{padding:22px 26px;border-bottom:1px solid #344650;display:flex;gap:18px;align-items:center;justify-content:space-between}#km-root .km-eyebrow{font:11px/1.5 system-ui,sans-serif;letter-spacing:.2em;color:var(--km-gold)}#km-root h2{font-size:clamp(19px,2vw,27px);font-weight:600;margin-top:4px}#km-root .km-header-actions{display:flex;gap:8px;flex-wrap:wrap}
#km-root .km-layout{padding:24px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:24px}#km-root[data-mode=interlude] .km-layout{grid-template-columns:1fr;max-width:900px;margin:auto}#km-root .km-stage{min-width:0}#km-root .km-playerbox{position:relative;background:#000;border:1px solid #435564;aspect-ratio:16/9;min-height:200px;width:100%;overflow:hidden}#km-root #km-video-slot,#km-root #km-video-slot>div,#km-root #km-video-slot>iframe{width:100%;height:100%;position:absolute;inset:0;border:0;display:block;min-width:200px;min-height:200px}
#km-root #km-placeholder{height:100%;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 100%,#21516c,#102737 40%,#07131c 80%);color:var(--km-gold);gap:3px}#km-root #km-placeholder p{font-size:21px;letter-spacing:.25em}#km-root .km-emblem{display:grid;place-items:center;width:65px;height:65px;border:1px solid #a6ac91;border-radius:50%;font-size:35px;margin-bottom:8px}#km-root #km-status{font-size:13px;color:var(--km-muted);padding:10px 0;min-height:42px;line-height:1.6}
#km-root .km-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#km-root .km-volume-label{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--km-muted);margin-left:auto}#km-root input[type=range]{width:95px;accent-color:var(--km-gold)}#km-root .km-detail{padding-top:19px}#km-root .km-context{font-size:12px;color:var(--km-gold)}#km-root h3{font-size:30px;font-weight:500;margin-top:8px;line-height:1.4}#km-root #km-reading{color:var(--km-muted);font-size:12px;margin:5px 0 12px}#km-root #km-reason{line-height:1.9}#km-root .km-links{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;font-size:12px;margin-top:18px}#km-root .km-links button{font-size:12px}
#km-root .km-browser{min-width:0}#km-root .km-filters{display:flex;gap:6px;margin-bottom:10px}#km-root .km-filters button{padding:7px 9px;font-size:12px;flex:1}#km-root #km-search{width:100%;border:1px solid #536b75;background:#091b25;color:var(--km-ink);border-radius:7px;padding:10px 12px;margin-bottom:12px;min-height:42px}#km-root #km-search::placeholder{color:#b0c3cb}#km-root #km-tracks{max-height:490px;overflow:auto;scrollbar-color:#667a81 #10222d;padding-right:4px}#km-root .km-track{display:flex;gap:13px;align-items:center;text-align:left;width:100%;padding:14px 12px;margin-bottom:7px;background:#122935}#km-root .km-track.km-selected{background:#2e4449;border-color:var(--km-gold)}#km-root .km-track-no{font:20px/1.4 Georgia,serif;color:var(--km-gold)}#km-root .km-track strong{font-size:16px;font-weight:500}#km-root .km-track small{display:block;font-size:11px;line-height:1.6;color:var(--km-muted)}#km-root .km-track-play{margin-left:auto;color:var(--km-gold)}#km-root .km-empty{padding:25px 8px;color:var(--km-muted)}
#km-root .km-footer{padding:4px 26px 24px}#km-root #km-next-title{color:var(--km-gold);margin-bottom:12px}#km-root .km-next-buttons{display:flex;gap:12px;flex-wrap:wrap}#km-root button.km-primary{background:var(--km-gold);color:#12212b;font-weight:600;border-color:var(--km-gold)}#km-root button.km-primary:hover{background:#f4dfb3}#km-root .km-preferences{display:flex;gap:10px 24px;flex-wrap:wrap;padding:20px 0 12px;margin-top:16px;border-top:1px solid #344650;font-size:13px}#km-root .km-preferences label{display:flex;align-items:center;gap:8px}#km-root input[type=checkbox]{accent-color:var(--km-gold);width:18px;height:18px;margin:0}#km-root .km-creator{font-size:12px;color:var(--km-gold);margin-top:8px}#km-root .km-fine{font-size:11px;color:var(--km-muted);margin-top:5px;display:block}
#km-root[data-mode=mini]{inset:auto 12px 12px auto;width:370px;max-width:calc(100vw - 24px);padding:0;overflow:visible}#km-root[data-mode=mini] .km-backdrop{display:none}#km-root[data-mode=mini] .km-window{border-radius:12px}#km-root[data-mode=mini] .km-header{padding:9px 10px;gap:8px}#km-root[data-mode=mini] .km-header h2{font-size:13px;margin:0}#km-root[data-mode=mini] .km-eyebrow{display:none}#km-root[data-mode=mini] .km-header button{font-size:11px;min-height:32px;padding:5px 8px}#km-root[data-mode=mini] .km-layout{display:block;padding:8px}#km-root[data-mode=mini] .km-playerbox{min-height:200px;aspect-ratio:16/9}#km-root[data-mode=mini] .km-footer,#km-root[data-mode=mini] .km-detail,#km-root[data-mode=mini] .km-browser{display:none}#km-root[data-mode=mini] #km-status{font-size:11px;padding:6px 2px;min-height:0;max-height:70px;overflow:auto}#km-root[data-mode=mini] .km-controls{gap:5px}#km-root[data-mode=mini] .km-controls button{font-size:12px;padding:6px 9px;min-height:35px}#km-root[data-mode=mini] .km-volume-label{gap:4px;font-size:10px}#km-root[data-mode=mini] input[type=range]{width:65px}
@media(max-width:760px){#km-root{padding:8px}#km-root .km-header{padding:14px;align-items:flex-start;gap:10px}#km-root .km-header h2{font-size:19px}#km-root .km-header-actions button{font-size:12px;padding:8px}#km-root .km-layout{display:block;padding:14px}#km-root .km-browser{margin-top:24px}#km-root #km-tracks{max-height:360px}#km-root .km-footer{padding:0 14px 20px}#km-root .km-next-buttons{display:grid}#km-root .km-next-buttons button{width:100%}#km-root .km-volume-label{margin-left:0}#km-root h3{font-size:25px}#km-root[data-mode=mini]{right:8px;bottom:8px;max-width:calc(100vw - 16px)}}
#km-root[data-mode=mini][data-dock=top-right]{top:12px;bottom:auto;right:12px;left:auto}#km-root[data-mode=mini][data-dock=top-left]{top:12px;bottom:auto;left:12px;right:auto}#km-root[data-mode=mini][data-dock=bottom-left]{bottom:12px;top:auto;left:12px;right:auto}#km-root[data-mode=mini] .km-header{flex-direction:column;align-items:stretch}#km-root[data-mode=mini] .km-header-actions{justify-content:flex-end}#km-root[data-mode=mini] .km-header h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(prefers-reduced-motion:reduce){#km-root *,#km-root *::before,#km-root *::after{animation:none!important;transition:none!important}}
#km-root .km-background{margin-top:18px;padding:14px 16px;border:1px solid #50676c;border-radius:10px;background:#142e39;font-size:12px;line-height:1.8}
#km-root .km-background h4{font-size:14px;color:var(--km-gold);margin:0 0 6px;font-weight:600}
#km-root .km-background details{margin-top:8px;color:var(--km-muted)}#km-root .km-background summary{cursor:pointer;color:var(--km-gold);min-height:34px;padding:4px 0}
#km-root .km-background details p{margin:8px 0}#km-root .km-background summary:focus-visible{outline:3px solid #f4dba9;outline-offset:3px}
#km-root[data-listening=external] #km-status{color:var(--km-gold)}
