.demo-player .ext-subtitle-stack{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:8px;max-width:85%;box-sizing:border-box}@media(max-width:640px){.demo-player .ext-subtitle-stack{max-width:100%;gap:6px}}.demo-player .ext-subtitle-block{background:#000000c7;border-radius:6px;padding:10px 20px;display:block;width:fit-content;max-width:100%;margin-inline:auto;box-sizing:border-box}.demo-player .ext-subtitle-jp{font-size:2.6em;color:#fff;line-height:1.8;letter-spacing:.02em;text-align:center;-webkit-user-select:text;user-select:text}.demo-player .ext-subtitle-en-box{background:#000000c7;border-radius:6px;padding:8px 18px;box-sizing:border-box;width:fit-content;max-width:100%}.demo-player .ext-subtitle-en{font-size:1.25em;color:#ffffffa6;margin:0;line-height:1.4;text-align:center;overflow-wrap:anywhere}.demo-player .ext-token{cursor:pointer;display:inline-block;vertical-align:baseline;color:#fff;transition:background-color .12s ease;border-radius:2px;padding:0 1px;position:relative;-webkit-user-select:text;user-select:text}.demo-player .ext-token:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:95%;min-width:.2em;height:3px;background:#ffffff21;border-radius:1px;pointer-events:none}.demo-player .ext-token:hover{background-color:#ffffff2e}.demo-player .ext-token.ext-known:after{background:#34d399}.demo-player .ext-token.ext-fragile:after{background:#f59e0b}.demo-player .ext-token.ext-new:after{background:var(--accent-400)}.demo-player .ext-token.ext-particle{color:#fff}.demo-player .ext-token ruby{ruby-position:over}.demo-player .ext-token rt{font-size:.45em;color:#fff;font-weight:400}.demo-player .ext-token rp{display:none}.demo-player .ext-word-card{position:absolute;z-index:100;display:flex;flex-direction:column;background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:0;min-width:240px;max-width:420px;max-height:60vh;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;box-shadow:0 8px 32px #0000008c;font-family:var(--font-sans);color:#e2e4e9;pointer-events:auto;animation:ext-wc-fadein .12s ease}.demo-player .ext-wc-header-bar{display:flex;flex-shrink:0;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 16px 10px;border-bottom:1px solid #1e293b}.demo-player .ext-wc-header-bar .ext-wc-header{margin-bottom:0}.demo-player .ext-wc-header-main{flex:1;min-width:0}.demo-player .ext-wc-header-sub{margin-top:.25em;font-size:.75em;font-weight:500;font-style:italic;color:#a78bfa;line-height:1.35}.demo-player .ext-wc-close{flex-shrink:0;margin:0;padding:.25em;border:none;background:transparent;color:#64748b;font-size:1.25em;line-height:1;cursor:pointer;transition:color .12s ease}.demo-player .ext-wc-close:hover{color:#9ca3af}.demo-player .ext-wc-scroll{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.demo-player .ext-wc-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.demo-player .ext-wc-meta-row .ext-wc-pos{margin-bottom:0}.demo-player .ext-wc-actions{flex-shrink:0;margin-top:0;padding:12px 16px 16px;border-top:1px solid #1e293b}.demo-player .ext-wc-scroll>.ext-sc-body{padding:12px 16px;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.demo-player .ext-wc-scroll>.ext-wc-explain-wrap{margin-top:0;padding:12px 16px 16px;border-top:1px solid #1e293b}.demo-player .ext-selection-card{min-width:320px;max-width:480px}.demo-player .ext-selection-card.ext-sc-expanded{max-width:min(780px,95vw)}.demo-player .ext-sc-body{display:flex;gap:20px;align-items:flex-start;box-sizing:border-box}.demo-player .ext-sc-left-col{flex:0 0 auto;display:flex;flex-direction:column;gap:12px;min-width:180px;max-width:280px}.demo-player .ext-sc-right-col{display:none;flex:1;min-width:200px;border-left:1px solid #1e293b;padding-left:20px;overflow-wrap:anywhere;word-break:break-word}.demo-player .ext-sc-right-col.ext-sc-right-visible{display:block}.demo-player .ext-wc-section-label{font-size:.7em;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}@keyframes ext-wc-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.demo-player .ext-wc-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px;min-width:0}.demo-player .ext-wc-surface{font-size:1.85em;font-weight:600;color:#fff;min-width:0;overflow-wrap:anywhere}.demo-player .ext-wc-reading{font-size:1.1em;color:#9ca3af}.demo-player .ext-wc-dict{font-size:.95em;color:#6b7280;margin-bottom:2px}.demo-player .ext-wc-pos{font-size:.88em;color:var(--accent-400);margin-bottom:2px}.demo-player .ext-wc-conjugation{font-size:.92em;color:#a78bfa;font-style:italic;margin-bottom:2px}.demo-player .ext-wc-parts{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:2px}.demo-player .ext-wc-part{font-size:.85em;background:#1e293b;padding:2px 8px;border-radius:4px;color:#d1d5db;cursor:default}.demo-player .ext-wc-sep{height:1px;background:#1e293b;margin:8px 0}.demo-player .ext-wc-glosses{font-size:1em;line-height:1.6;min-width:0}.demo-player .ext-wc-gloss{display:block;color:#d1d5db;padding-left:2px;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.demo-player .ext-wc-more{color:#6b7280;font-size:.85em}.demo-player .ext-wc-familiarity{display:inline-block;font-size:.75em;padding:.125em .5em;border-radius:9999px;font-weight:500}.demo-player .ext-wc-fam-known{background:#34d39926;color:#34d399}.demo-player .ext-wc-fam-fragile{background:#f59e0b26;color:#f59e0b}.demo-player .ext-wc-fam-new{background:#818cf826;color:var(--accent-400)}.demo-player .ext-wc-btn-row{display:flex;gap:8px;align-items:stretch}.demo-player .ext-wc-btn-row>.ext-wc-explain-wrap{flex:1;min-width:0;margin-top:0}.demo-player .ext-wc-btn-row>.ext-wc-anki-btn{flex:1;min-width:0}.demo-player .ext-wc-anki-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5em 1em;font-size:.875em;white-space:nowrap;font-weight:500;line-height:1.25;border-radius:.5em;cursor:pointer;font-family:inherit;border:1px solid #475569;color:#e2e8f0;background:#0f172a;box-shadow:0 1px 2px #0000000d;transition:background-color .1s ease,border-color .1s ease,color .1s ease,box-shadow .1s ease}.demo-player .ext-wc-anki-btn:hover:not(:disabled){background:#1e293b;border-color:#64748b;color:#f1f5f9}.demo-player .ext-wc-anki-btn:disabled{cursor:not-allowed;opacity:.5}.demo-player .ext-wc-anki-btn:disabled.ext-wc-anki-added{opacity:1}.demo-player .ext-wc-anki-added{background:#34d3991f;color:#34d399;border-color:#34d3994d}.demo-player .ext-wc-explain-wrap{margin-top:0}.demo-player .ext-wc-explain-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.5em 1em;font-size:.875em;white-space:nowrap;font-weight:500;line-height:1.25;border-radius:.5em;cursor:pointer;font-family:inherit;border:1px solid rgba(99,102,241,.45);color:#c7d2fe;background:#0f172a;box-shadow:0 1px 2px #0000000d;transition:background-color .1s ease,border-color .1s ease,color .1s ease,box-shadow .1s ease}.demo-player .ext-wc-explain-btn:hover:not(:disabled){background:#1e1b4b80;border-color:#818cf8a6;color:#e0e7ff}.demo-player .ext-wc-explain-btn:disabled{opacity:.5;cursor:not-allowed}.demo-player .ext-wc-explain-btn.ext-wc-loading{color:var(--accent-400)}.demo-player .ext-wc-explanation{animation:ext-wc-fadein .2s ease}.demo-player .ext-wc-expl-text{font-size:.95em;color:#d1d5db;line-height:1.65;overflow-wrap:anywhere;word-break:break-word}.demo-player .ext-wc-expl-text strong{color:#fff;font-weight:600}.demo-player .ext-wc-expl-text em{color:#c4b5fd;font-style:italic}@media(max-width:640px){.demo-player .ext-subtitle-jp{font-size:clamp(.55rem,1.75vw + .38rem,.82rem);line-height:1.65;white-space:nowrap}.demo-player .ext-subtitle-en{font-size:clamp(.7rem,3vw,.8125rem)}.demo-player .ext-word-card{min-width:0;max-width:min(340px,calc(100vw - 2rem));font-size:.85em}.demo-player .ext-subtitle-block{padding:8px 10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.demo-player .ext-subtitle-block::-webkit-scrollbar{display:none}.demo-player .ext-subtitle-en-box{padding:6px 10px}.demo-player .ext-token{padding:2px;margin:0 -1px}.demo-player .ext-token:after{height:2px}.demo-player .ext-token rt{font-size:.42em}.demo-player .ext-sc-body{flex-direction:column;gap:12px}.demo-player .ext-sc-left-col{min-width:0;max-width:none}.demo-player .ext-sc-right-col{border-left:none;padding-left:0;border-top:1px solid #1e293b;padding-top:12px;min-width:0}.demo-player .ext-selection-card.ext-sc-expanded{max-width:calc(100vw - 2rem)}}@media(min-width:641px)and (max-width:1024px){.demo-player .ext-subtitle-jp{font-size:2em}}@keyframes sci-guide-breathe{0%,to{opacity:.55}50%{opacity:.95}}@keyframes sci-flow-travel{to{stroke-dashoffset:-980}}@keyframes sci-hub-glow{0%,to{box-shadow:0 0 #6366f11f}50%{box-shadow:0 0 28px 2px #6366f12e}}.sci-guide-ring[data-astro-cid-pzm6i5r4]{animation:sci-guide-breathe 5.5s ease-in-out infinite}.sci-flow-dash[data-astro-cid-pzm6i5r4]{animation:sci-flow-travel 24s linear infinite}.sci-loop-hub[data-astro-cid-pzm6i5r4]{animation:sci-hub-glow 6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.sci-guide-ring[data-astro-cid-pzm6i5r4],.sci-flow-dash[data-astro-cid-pzm6i5r4],.sci-loop-hub[data-astro-cid-pzm6i5r4]{animation:none}.sci-guide-ring[data-astro-cid-pzm6i5r4]{opacity:.75}}