:root{--text:#d9d5df;--text-h:#fff8f2;--bg:#15161d;--border:#fff8f21f;--code-bg:#fff8f21f;--accent:#ffc6e2;--accent-bg:#ffc6e229;--accent-border:#ffc6e26b;--social-bg:#fff8f214;--shadow:#00000047 0 20px 40px -18px, #0000002e 0 8px 18px -12px;--sans:"Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--heading:"Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--mono:ui-monospace, SFMono-Regular, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#d9d5df;--text-h:#fff8f2;--bg:#15161d;--border:#fff8f21f;--code-bg:#fff8f21f;--accent:#ffc6e2;--accent-bg:#ffc6e229;--accent-border:#ffc6e26b;--social-bg:#fff8f214;--shadow:#00000047 0 20px 40px -18px, #0000002e 0 8px 18px -12px}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;background:0 0;flex-direction:column;width:min(1180px,100%);max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{background:radial-gradient(circle at top,#ffc6e214,#0000 34%),radial-gradient(circle at 82% 18%,#decdfc17,#0000 28%),radial-gradient(circle at 15% 86%,#ffc6e20f,#0000 24%),linear-gradient(#1a1b23 0%,#111218 60%,#0f1015 100%);margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-.04em;margin:22px 0 10px;font-size:clamp(2.4rem,5vw,4rem)}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}::selection{color:var(--text-h);background:#ffc6e247}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-shell{box-sizing:border-box;isolation:isolate;width:min(1120px,100%);margin:0 auto;padding:32px 20px 118px;position:relative}.ambient-layer{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.petal,.sparkle{will-change:transform, opacity;border-radius:999px;position:absolute}.petal{filter:blur(.2px);background:linear-gradient(135deg,#ffc6e2e0,#fff4f61f);animation-name:petalFloat;animation-timing-function:linear;animation-iteration-count:infinite;box-shadow:0 0 18px #ffc6e23d}.petal:before{content:"";background:#fff4f680;border-radius:999px 999px 40% 40%;position:absolute;inset:15% 35%;transform:rotate(18deg)}.sparkle{background:radial-gradient(circle,#fff8f2fa 0%,#decdfc5c 45%,#0000 72%);animation-name:sparkleDrift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;box-shadow:0 0 16px #decdfc5c}.app-shell:before,.app-shell:after{content:"";pointer-events:none;z-index:-2;filter:blur(10px);position:absolute}.app-shell:before{background:radial-gradient(circle,#ffc6e229,#ffc6e200);border-radius:50%;width:320px;height:320px;inset:60px auto auto -120px}.app-shell:after{background:radial-gradient(circle,#decdfc24,#decdfc00);border-radius:50%;width:260px;height:260px;inset:180px -100px auto auto}.app-header{--app-title-height:96px;margin-bottom:20px}.app-header h1{height:var(--app-title-height);justify-content:center;align-items:center;margin:0;display:flex}@media (width<=1024px){.app-header{--app-title-height:72px}}.app-header-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.language-switch{align-items:center;gap:6px;display:inline-flex}.language-chip{color:#fff8f2;cursor:pointer;background:#fff8f214;border:1px solid #fff8f233;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.language-chip.is-active{background:#ffc6e233;border-color:#ffc6e2e6}.language-chip:focus-visible{outline-offset:1px;outline:2px solid #ffc6e2e0}.app-kicker{color:#fff8f2bd;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.category-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff8f20f;border:1px solid #fff8f229;border-radius:22px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;margin:0 0 18px;padding:14px 16px;display:flex;box-shadow:0 18px 42px #0000002e}.category-filter-list{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.category-filter-action{color:#ffe8f2;cursor:pointer;background:#ffc6e21f;border:1px solid #ffc6e247;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;box-shadow:inset 0 1px #ffffff1f}.category-filter-action:hover{transform:translateY(-1px)}.category-filter-action:focus-visible{outline-offset:2px;outline:3px solid #ffc6e2e0}.category-chip{cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:none;background:#fffaf414;border:1px solid #fff8f224;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;transition:transform .18s,border-color .22s,box-shadow .22s,background-color .22s;display:inline-flex}.category-chip input{opacity:0;pointer-events:none;position:absolute}.category-chip-icon{color:#0000;background:#ffc6e214;border:1px solid #ffc6e280;border-radius:999px;place-items:center;width:18px;height:18px;font-size:11px;transition:border-color .22s,box-shadow .22s,background-color .22s;display:inline-grid;box-shadow:inset 0 0 0 2px #fff8f214}.category-chip-name{color:#fff8f2;font-size:13px;font-weight:700}.category-chip-count{color:#fff8f2;background:linear-gradient(135deg,#ffc6e247,#decdfc47);border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:inline-grid}.category-chip.is-checked{background:linear-gradient(135deg,#ffc6e257,#decdfc3d);border-color:#0000;box-shadow:0 10px 24px #ffc6e224}.category-chip:has(input:checked){background:linear-gradient(135deg,#ffc6e257,#decdfc3d);border-color:#0000;box-shadow:0 10px 24px #ffc6e224}.category-chip.is-checked .category-chip-icon{color:#1f1320;box-shadow:none;background:#ffc6e2;border-color:#0000;font-weight:800}.category-chip:has(input:checked) .category-chip-icon{color:#1f1320;box-shadow:none;background:#ffc6e2;border-color:#0000;font-weight:800}.category-chip:has(input:focus-visible){outline-offset:2px;outline:3px solid #ffc6e2e0}.category-chip:active{animation:.22s ease-out categoryChipBorderFadeOut}.category-chip:hover{transform:translateY(-1px)}@keyframes categoryChipBorderFadeOut{0%{border-color:#ffc6e2e0}to{border-color:#0000}}.app-copy{color:#fff8f2c2;max-width:600px;margin:14px auto 0}.control-panel{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:12px;display:flex}.sort-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;margin-bottom:22px;display:flex}.sort-toolbar-label{color:#fff8f2b8;letter-spacing:.04em;font-size:13px;font-weight:700}.voice-launch{color:#2e0b00;font-family:var(--heading);cursor:pointer;background:linear-gradient(130deg,#ff865b,#ffb267);border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:18px;font-weight:700;display:inline-flex;box-shadow:0 10px 26px #ff865b4d}.voice-launch:hover{transform:translateY(-2px)}.voice-garageya{color:#03292e;font-family:var(--heading);cursor:pointer;background:linear-gradient(130deg,#8bc8ff,#7ce7c3);border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:18px;font-weight:700;display:inline-flex;box-shadow:0 10px 26px #5abbe84d}.voice-garageya:hover{transform:translateY(-2px)}.voice-garageya:focus-visible{outline-offset:2px;outline:3px solid #0d3134}.voice-stop{color:#33060f;font-family:var(--heading);cursor:pointer;background:linear-gradient(130deg,#ff7087,#ff9ca8);border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 10px 26px #ff70873d}.voice-stop:hover{transform:translateY(-2px)}.voice-stop:focus-visible{outline-offset:2px;outline:3px solid #33060f}.voice-stop-icon{font-size:14px;line-height:1}.voice-sequential{color:#4f2f1a;font-family:var(--heading);cursor:pointer;background:#fff7ed;border:1px solid #d9c8b5;border-radius:999px;padding:13px 22px;font-size:16px;font-weight:700}.voice-sequential:hover{transform:translateY(-2px)}.voice-sequential.is-active{color:#3d1700;background:#ffc79c;border-color:#aa4f1b;box-shadow:0 10px 20px #aa4f1b40}.voice-sequential:focus-visible{outline-offset:2px;outline:3px solid #4f2f1a}.voice-launch:focus-visible{outline-offset:2px;outline:3px solid #271100}.voice-launch-icon{font-size:14px;animation:.45s ease-out burst}.sort-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.sort-chip{color:#594334;cursor:pointer;background:#fffbf7;border:1px solid #e8d9c8;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700}.sort-chip:hover{transform:translateY(-1px)}.sort-chip.is-active{color:#3f1f08;background:#ffd9bd;border-color:#b77445;box-shadow:0 8px 16px #b7744533}.sort-chip:focus-visible{outline-offset:1px;outline:3px solid #40200b}.toast-layer{pointer-events:none;z-index:120;position:fixed;inset:0}.floating-clip{pointer-events:auto;background:#fff;border-radius:14px;width:320px;max-width:calc(100% - 16px);padding:8px;animation:.18s ease-out both toastScaleIn,3.8s ease-in-out .18s infinite drift;position:fixed;box-shadow:0 18px 34px #58341538}.floating-clip.is-exiting,.floating-clip.is-stopping{animation:.18s ease-in forwards toastScaleOut}.floating-clip-close{color:#633d22;cursor:pointer;background:#fffcf9eb;border:1px solid #5c381c66;border-radius:999px;width:24px;height:24px;font-size:13px;font-weight:700;line-height:1;position:absolute;top:12px;right:12px}.floating-clip-close:hover{transform:scale(1.06)}.floating-clip-close:focus-visible{outline-offset:1px;outline:2px solid #5c381c}.clip-video{border-radius:10px;width:100%;display:block}.clip-serif{color:#3d2819;margin:8px 4px 2px;font-weight:700}.voice-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.empty-state{color:#6f5a49;text-align:center;background:#fffaf4;border:1px dashed #d9cab8;border-radius:14px;margin:0;padding:24px 16px}.stream-groups{flex-direction:column;gap:16px;display:flex}.stream-group{background:#fffaf4e6;border:1px solid #eadfce;border-radius:14px;padding:12px}.stream-group-header{text-align:left;margin-bottom:10px;padding:4px 6px}.stream-group-link{color:#5b2d0f;font-weight:700;text-decoration:none}.stream-group-link:hover{text-decoration:underline}.stream-group-link:focus-visible{outline-offset:1px;outline:2px solid #5b2d0f}.stream-group-date{color:#7f6048;margin:3px 0 0;font-size:12px}.voice-card{background:#ffffffe6;border:1px solid #e5dbcf;border-radius:14px;min-height:112px;transition:transform .18s,box-shadow .18s;position:relative;box-shadow:0 5px 10px #35241614}.voice-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #35241629}.voice-card-play{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:8px;width:100%;height:100%;min-height:112px;padding:14px 44px 32px 14px;display:flex}.voice-card-play:focus-visible{outline-offset:2px;outline:3px solid #342113}.voice-card-info{color:#5f3a20;cursor:pointer;background:#fff7ee;border:1px solid #cdb69f;border-radius:999px;width:26px;height:26px;font-weight:700;position:absolute;top:10px;right:10px}.voice-card-info:focus-visible{outline-offset:1px;outline:2px solid #342113}.info-modal-backdrop{z-index:200;background:#1b120b61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.info-modal{text-align:left;background:#fffaf4;border:1px solid #e6d8c7;border-radius:16px;flex-direction:column;gap:10px;width:min(560px,100%);padding:18px;display:flex;box-shadow:0 18px 42px #0003}.info-modal-title{margin:0;font-size:20px}.info-modal-video-title{color:#3e2514;margin:0;font-weight:700}.info-modal-date{color:#725844;margin:0;font-size:13px}.info-modal-meta{gap:6px;margin:0;display:grid}.info-modal-row{grid-template-columns:86px 1fr;gap:8px;display:grid}.info-modal-row dt{color:#7a5a44;font-size:13px;font-weight:700}.info-modal-row dd{color:#3e2514;margin:0}.info-modal-link{color:#7444d3;font-weight:700;text-decoration:none}.info-modal-link:hover{text-decoration:underline}.info-modal-close{color:#402614;cursor:pointer;background:#fff;border:1px solid #d5c2ab;border-radius:999px;align-self:flex-end;padding:9px 14px;font-weight:700}.app-total-plays{text-align:center;color:#fff8f2d1;letter-spacing:.04em;margin:12px 0 0;font-size:16px;font-weight:700}.app-total-plays-count{color:#ffd9ec;font-variant-numeric:tabular-nums;text-shadow:0 0 18px #ffc6e280;transform-origin:bottom;font-size:32px;font-weight:800;line-height:1;animation:.52s cubic-bezier(.34,1.56,.64,1) totalPlaysPop;display:inline-block}@keyframes totalPlaysPop{0%{transform:scale(1)}35%{text-shadow:0 0 26px #ffc6e2d9;transform:scale(1.22)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.app-total-plays-count{animation:none}}.voice-card-count{color:#7a5a44;pointer-events:none;background:#fff7ee;border:1px solid #e2cdb6;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;bottom:10px;right:10px}@keyframes petalFloat{0%{opacity:0;transform:translateY(-12vh)rotate(0)}12%{opacity:.88}50%{opacity:.72;transform:translate(3vw,55vh)rotate(150deg)}to{opacity:0;transform:translate(-2vw,120vh)rotate(300deg)}}@keyframes sparkleDrift{0%,to{opacity:.25;transform:translate(0,0)scale(.92)}50%{opacity:.98;transform:translateY(-18px)scale(1.12)}}@keyframes stopSink{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(1px);transform:scale(.82)translateY(10px)}}@keyframes toastScaleIn{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}@keyframes toastScaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.84)}}@media (width<=768px){.app-shell{padding:18px 12px 102px}.app-header-top{flex-direction:column;align-items:flex-start}.petal{opacity:.72}.sparkle{opacity:.78}}.volume-dock{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:150;background:#fff8eef5;border:1px solid #dfcfbd;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(720px,100% - 24px);padding:10px 14px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #38200c33}.volume-icon{font-size:18px}.volume-slider{width:100%}.volume-value{color:#5f3a20;text-align:right;min-width:40px;font-size:13px;font-weight:700}.voice-card-text{color:#322114;font-size:15px;font-weight:700;line-height:1.45}.voice-card-sub{color:#8d7561;font-size:12px}.analytics-consent{z-index:180;background:#fffaf4fa;border:1px solid #dbcab5;border-radius:14px;gap:10px;width:min(720px,100% - 24px);padding:12px 14px;display:grid;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 14px 28px #38200c38}.analytics-consent-title{color:#452916;margin:0;font-size:14px;font-weight:700}.analytics-consent-text{color:#6d5039;margin:0;font-size:13px;line-height:1.5}.analytics-consent-actions{flex-wrap:wrap;gap:8px;display:flex}.analytics-consent-accept,.analytics-consent-decline{cursor:pointer;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.analytics-consent-accept{color:#4a1f00;background:#ffcfaa;border:1px solid #c26a30}.analytics-consent-decline{color:#5f3a20;background:#fff;border:1px solid #d7c5b0}.analytics-consent-accept:focus-visible,.analytics-consent-decline:focus-visible{outline-offset:1px;outline:2px solid #40200b}.app-guide{text-align:left;background:#fff8f214;border:1px solid #fff8f238;border-radius:16px;margin:22px 0 10px;padding:16px}.app-guide-line{color:#fff8f2d1;margin:0;line-height:1.75}.app-guide-line+.app-guide-line{margin-top:6px}.app-guide-link{color:#ffd6ea;text-underline-offset:2px;font-weight:700;text-decoration:underline}.app-guide-link:focus-visible{outline-offset:2px;outline:2px solid #fff8f2eb}@keyframes burst{0%{opacity:0;transform:scale(.4)rotate(-8deg)}60%{opacity:1;transform:scale(1.18)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes drift{0%{transform:translate(0,0)scale(1)}50%{transform:translateY(-10px)scale(1)}to{transform:translate(0,0)scale(1)}}@media (width<=768px){.category-toolbar{padding:10px}.sort-toolbar{margin-bottom:18px}.floating-clip{width:min(90%,320px)}.volume-dock{border-radius:12px;gap:8px;width:min(560px,100% - 16px);max-width:calc(100% - 16px);padding:9px 10px;bottom:8px}.analytics-consent{border-radius:12px;width:calc(100% - 16px);padding:10px;bottom:72px}}