:root{--sky-top:#bfe6ff;--sky-bottom:#f4fbff;--sun:#ffb703;--leaf:#2a9d8f;--leaf-dark:#1f7a6f;--ink:#16324f;--ink-soft:#4a6580;--surface:#fff;--border:#d6e6f2;--shadow:0 8px 24px #16324f1a;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,sans-serif;line-height:1.6}*,:before,:after{box-sizing:border-box}html{background:var(--sky-bottom)}body{background:radial-gradient(circle at 85% 0%, #ffb70359, transparent 480px), linear-gradient(180deg, var(--sky-top), var(--sky-bottom) 720px);min-height:100dvh;margin:0}.page{width:min(100%,960px);margin-inline:auto;padding:24px 16px 48px}.page-header{text-align:center;margin-bottom:20px}.page-title{letter-spacing:.08em;margin:0;font-size:clamp(1.75rem,1.2rem + 2.5vw,2.75rem)}.page-title:before{content:"☀️";margin-right:.3em}.page-lead{color:var(--ink-soft);margin:4px 0 0;font-size:clamp(.875rem,.8rem + .4vw,1rem)}.tabs{box-shadow:var(--shadow);background:#ffffffb3;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.tab{min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 6px;font-size:clamp(.8125rem,.7rem + .6vw,1rem);font-weight:700;line-height:1.3;transition:background-color .2s,color .2s}.tab-segment{display:inline-block}.tab:hover{background:#2a9d8f1f}.tab:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.tab[aria-selected=true]{background:var(--leaf);color:#fff}.panel{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin-top:20px;padding:16px}.panel-title{margin:0 0 12px;font-size:clamp(1.125rem,1rem + .6vw,1.5rem)}.player{background:#000;border-radius:12px;overflow:hidden}.player-frame{aspect-ratio:16/9}.player-frame iframe{border:0;width:100%;height:100%;display:block}.toggle{min-height:44px;color:var(--ink-soft);cursor:pointer;align-items:center;gap:8px;margin-top:12px;font-size:.9375rem;display:inline-flex}.toggle input{width:20px;height:20px;accent-color:var(--leaf);margin:0}@media (width>=768px){.page{padding:40px 24px 64px}.panel{padding:24px}}@media (prefers-reduced-motion:reduce){.tab{transition:none}}