:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f5f6f4;--color-surface:#fff;--color-surface-muted:#f2f4ee;--color-border:#e0e3dc;--color-text:#1a1a1a;--color-text-muted:#6b6b6b;--color-accent:#6b8afd;--color-accent-text:#fff;--color-error:#c5221f;--color-focus:#6b8afd}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:32px;display:flex;box-shadow:0 1px 3px #1a1a1a0f}.title{text-align:center;margin:0;font-size:1.5rem}.subtitle{text-align:center;color:var(--color-text-muted);margin:0 0 8px;font-size:.95rem}.field{flex-direction:column;gap:8px;display:flex}.field label{font-size:.875rem;font-weight:600}.field input{border:1px solid var(--color-border);background:var(--color-surface);color:inherit;border-radius:10px;padding:12px;font-size:1rem}.field input:focus{outline:2px solid var(--color-focus);outline-offset:1px}.error{color:var(--color-error);margin:0;font-size:.875rem}button{background:var(--color-accent);color:var(--color-accent-text);cursor:pointer;border:none;border-radius:10px;margin-top:8px;padding:12px 16px;font-size:1rem;font-weight:600}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.user-info{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:10px;margin:0;padding:16px;font-size:.875rem;line-height:1.5;overflow-x:auto}.row{justify-content:space-between;gap:12px;font-size:.875rem;display:flex}.row span:last-child{color:var(--color-text-muted);text-align:right;word-break:break-all}.link-button{background:var(--color-accent);color:var(--color-accent-text);border-radius:10px;justify-content:center;align-items:center;padding:12px 16px;font-weight:600;text-decoration:none;display:inline-flex}.player-loading{align-items:center}.player-layout{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.player-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:16px 20px 12px}.player-title{text-align:center;margin:0;font-size:1rem;font-weight:600}.player-video-wrap{aspect-ratio:16/9;background:#000;width:100%}.player-video{background:#000;width:100%;height:100%;display:block}.youtube-wrap{position:relative}.youtube-player,.youtube-player iframe{width:100%;height:100%}.youtube-loading{color:#fff;background:#00000073;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.transcript-section{background:var(--color-surface);flex-direction:column;flex:1;min-height:0;display:flex}.status-banner{border-bottom:1px solid var(--color-border);background:var(--color-surface-muted);padding:10px 16px}.status-banner p{text-align:center;color:var(--color-text-muted);margin:0;font-size:.875rem}.transcript-list{background:var(--color-surface);flex:1;padding:8px 8px 24px;overflow-y:auto}.transcript-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:block}.transcript-empty{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.transcript-empty p{color:var(--color-text-muted);text-align:center;margin:0}