/* Account controls share the study panel's translucent, quiet palette. */
.video-home .feature-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto;min-width:0}
.video-home #account-open{display:flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;max-width:116px;padding:9px 12px;border:1px solid #ffffff9c;border-radius:13px;background:#ffffff5c;color:#54734d;font-size:12px;line-height:1.5;transition:background .2s,box-shadow .2s}
.video-home #account-open:hover{background:#ffffff9e;box-shadow:0 3px 12px #35563d0c}
.video-home #account-open[aria-pressed=true]{color:#3e6545;background:#ffffffb5}
.video-home #account-open>.icon,.video-home #account-open>svg{width:15px;height:15px;flex-shrink:0}
.video-home #account-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.video-home .feature-header-actions #feature-close{width:44px;height:44px;flex-shrink:0;border-radius:13px}
.video-home .account-view{padding-bottom:28px}
.video-home #account-root{max-width:600px;margin:0 auto;color:#55734f}
.video-home #account-root [hidden]{display:none!important}
.video-home #account-root button{font-family:inherit;cursor:pointer}
.video-home #account-root button:disabled,.video-home #account-root input:disabled{opacity:.5;cursor:default}
.video-home #account-root button:focus-visible,.video-home #account-root input:focus-visible,.video-home #account-root summary:focus-visible,.video-home #account-open:focus-visible{outline:2px solid #789a71;outline-offset:3px}
.video-home .account-heading{margin-bottom:22px}
.video-home .account-eyebrow{display:block;margin:0 0 10px;color:#809475;font-size:11px;letter-spacing:.16em}
.video-home .account-heading h2{margin:0 0 8px;font-size:23px;font-weight:500;line-height:1.5;letter-spacing:.035em}
.video-home .account-heading p{margin:0;font-size:13px;line-height:1.8}
.video-home #account-root .account-environment{display:inline-flex;align-items:center;gap:7px;margin:0 0 16px;padding:5px 10px;border:1px solid #9aaf8955;border-radius:8px;color:#6d825a;background:#e2e9d641;font-size:11px;line-height:1.6}
.video-home .account-environment:before{content:'';width:5px;height:5px;border-radius:50%;background:#91a87b}
.video-home #account-root .account-notice{margin:0 0 16px;padding:12px 14px;border:1px solid #ffffff8c;border-radius:13px;background:#ffffff42;color:#6d805f;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.video-home #account-root .account-error{border-color:#b58b7038;background:#fbefe647;color:#9b6152}
.video-home .account-tabs{display:flex;gap:5px;max-width:280px;margin-bottom:20px;padding:4px;border-radius:13px;background:#73936713}
.video-home .account-tabs button{flex:1;min-width:0;min-height:44px;padding:9px 12px;border:1px solid transparent;border-radius:10px;color:#78916e;background:transparent;font-size:13px;line-height:1.5}
.video-home .account-tabs button[aria-pressed=true]{border-color:#ffffff8c;background:#ffffffa6;color:#3e6545;box-shadow:0 2px 8px #35563d09}
.video-home .account-form{margin:0}
.video-home .account-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px 16px}
.video-home .account-fields label{display:block;min-width:0;font-size:12px;line-height:1.7;color:#66825b}
.video-home .account-fields input{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:46px;margin-top:6px;padding:11px 13px;border:1px solid #ffffffbd;border-radius:12px;color:#3e6545;background:#ffffff61;font:inherit;font-size:15px;line-height:1.5;box-shadow:inset 0 1px 2px #35563d04;appearance:none;-webkit-appearance:none;transition:border-color .2s,background .2s}
.video-home .account-fields input:hover{background:#ffffff85}
.video-home .account-fields input:focus{border-color:#8da9829c;background:#ffffffa6}
.video-home .account-fields input::placeholder{color:#94a08a;font-size:13px}
.video-home .account-fields label small{display:block;margin-top:6px;color:#8a9a80;font-size:11px;line-height:1.65}
.video-home .account-primary,.video-home .account-secondary,.video-home .account-conflict-actions>button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:0;padding:11px 18px;border:1px solid #66885c30;border-radius:12px;background:#6d8f6140;color:#3e653d;font-size:13px;line-height:1.5;transition:background .2s}
.video-home .account-primary:hover,.video-home .account-conflict-actions>button:hover{background:#6d8f615e}
.video-home #account-auth-submit{width:100%;margin-top:21px}
.video-home .account-text-button{display:block;min-height:40px;margin:6px 0 0 auto;padding:8px 0 8px 12px;border:0;background:transparent;color:#768e6a;font-size:12px;line-height:1.7;text-underline-offset:4px}
.video-home .account-text-button:hover{text-decoration:underline;color:#42663e}
.video-home .account-recover h3,.video-home .account-recovery-card h3{margin:0 0 9px;color:#42663e;font-size:18px;font-weight:500;line-height:1.6}
.video-home #account-root .account-recover>p{margin:0 0 20px;color:#78906c;font-size:12px;line-height:1.85}
.video-home .account-recover-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}
.video-home .account-recover-actions>button{flex:1}
.video-home #account-root .account-recover .account-recover-note{margin:15px 0 0;color:#91a087;font-size:11px}
.video-home .account-recovery-card{margin:0 0 24px;padding:21px 22px;border:1px solid #95ad8557;border-radius:18px;background:linear-gradient(135deg,#f4f8edb0,#ffffff56)}
.video-home .account-recovery-card .account-eyebrow{margin-bottom:8px}
.video-home #account-root .account-recovery-card>p{margin:0;color:#78906c;font-size:12px;line-height:1.85;overflow-wrap:anywhere}
.video-home #account-recovery-code{display:block;margin:17px 0 14px;padding:15px 16px;border:1px solid #ffffffbf;border-radius:12px;background:#ffffff7a;color:#3d6039;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;font-weight:500;letter-spacing:.055em;line-height:1.9;overflow-wrap:anywhere;user-select:all}
.video-home #account-root .account-recovery-card .account-recovery-warning{color:#887952;font-size:11px}
.video-home .account-recovery-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.video-home .account-recovery-actions>button{flex:1 1 auto;padding:10px 12px;font-size:12px}
.video-home #account-root .account-recovery-card .account-status-note{min-height:0;margin-top:9px;color:#7c936f;font-size:11px}
.video-home #account-root .account-recovery-help{margin:4px 0 5px;color:#8a9a80;font-size:12px;line-height:1.85}
.video-home #account-recovery-generate{margin-top:17px}
.video-home .account-secondary{background:#ffffff4d;border-color:#ffffff8a;color:#6c8262}
.video-home .account-secondary:hover{background:#ffffff9e}
.video-home #account-root .account-status-note{min-height:20px;margin:11px 0 0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.video-home .account-profile{display:flex;align-items:center;gap:13px;margin:0 0 21px;min-width:0}
.video-home .account-avatar{display:grid;place-items:center;flex:0 0 auto;width:49px;height:49px;border:1px solid #ffffffb5;border-radius:17px;background:linear-gradient(135deg,#ffffff8c,#c6d7bc3b);color:#6d8d61}
.video-home .account-avatar svg{width:23px;height:23px;stroke-width:1.35}
.video-home .account-profile-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.video-home .account-profile-copy>span{color:#8a9b80;font-size:11px;line-height:1.6}
.video-home .account-profile-copy>strong{font-size:19px;font-weight:500;line-height:1.4;color:#42663e;overflow-wrap:anywhere}
.video-home .account-signed-badge{flex:0 0 auto;padding:4px 9px;border:1px solid #a9bc9e49;border-radius:8px;background:#d7e4cd41;color:#748d66;font-size:11px;line-height:1.6}
.video-home .account-sync-card{padding:18px 19px;border:1px solid #ffffff9c;border-radius:18px;background:linear-gradient(135deg,#ffffff58,#ffffff20)}
.video-home .account-sync-line{display:flex;align-items:center;gap:9px;min-width:0}
.video-home .account-sync-line strong{font-size:14px;font-weight:500;line-height:1.7;color:#4b7045;overflow-wrap:anywhere}
.video-home .account-sync-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#8ca87b;box-shadow:0 0 0 4px #8ca87b16}
.video-home .account-sync-card[data-phase=syncing] .account-sync-dot,.video-home .account-sync-card[data-phase=loading] .account-sync-dot{animation:account-pulse 1.5s ease-in-out infinite}
.video-home .account-sync-card[data-phase=offline] .account-sync-dot,.video-home .account-sync-card[data-phase=error] .account-sync-dot,.video-home .account-sync-card[data-phase=conflict] .account-sync-dot{background:#b59b72;box-shadow:0 0 0 4px #b59b7214}
.video-home #account-root .account-sync-card p{margin:6px 0 0;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.video-home #account-root .account-sync-card .account-last-sync{margin-top:12px;color:#91a088;font-size:11px;font-variant-numeric:tabular-nums}
.video-home .account-member-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.video-home .account-member-actions>button{flex:1}
.video-home .account-conflict{margin-top:15px;padding:17px 18px;border:1px solid #bda17b3f;border-radius:16px;background:#f6eedb38}
.video-home #account-root .account-conflict h3{margin:0 0 6px;color:#89754f;font-size:14px;line-height:1.7}
.video-home #account-root .account-conflict p{margin:0;color:#8c846d;font-size:12px;line-height:1.8}
.video-home .account-conflict-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}
.video-home .account-conflict-actions>button{padding:11px 8px;font-size:12px;background:#ffffff62;border-color:#ffffff8a;color:#7c7859}
.video-home .account-password-details{margin-top:20px;padding-top:6px;border-top:1px solid #6d89611c}
.video-home .account-password-details summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:6px 2px;list-style:none;color:#78906d;font-size:12px;line-height:1.7;cursor:pointer;user-select:none}
.video-home .account-password-details summary::-webkit-details-marker{display:none}
.video-home .account-password-details summary>svg{width:12px;height:12px;stroke-width:1.5;transition:transform .2s}
.video-home .account-password-details[open] summary>svg{transform:rotate(90deg)}
.video-home .account-password-details .account-form{padding:11px 0 5px}
.video-home .account-password-details .account-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.video-home .account-password-details .account-fields>label:first-child{grid-column:1/-1}
.video-home #account-password-submit{margin-top:17px}
.video-home .account-data-note{margin-top:24px;padding:18px 0 0;border-top:1px solid #6d89611c}
.video-home .account-data-note>strong{display:block;font-size:12px;line-height:1.8;font-weight:500;color:#768e6a}
.video-home #account-root .account-data-note>p{margin:6px 0 0;font-size:12px;line-height:1.9;color:#8a9a80}
@keyframes account-pulse{50%{opacity:.35}}
@media(max-width:760px){
  .video-home .feature-panel-header{gap:9px}
  .video-home .feature-header-actions{gap:5px}
  .video-home #account-open{max-width:99px;padding:8px 10px;font-size:11px}
  .video-home .account-heading{margin-bottom:18px}
  .video-home .account-heading h2{font-size:21px}
  .video-home .account-heading p{font-size:12px}
}
@media(max-width:540px){
  .video-home .feature-panel-header .feature-brand{flex:1 1 auto;overflow:hidden}
  .video-home .feature-panel-header .feature-brand>strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .video-home .feature-panel-header .feature-brand>small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.03em}
  .video-home #account-open{gap:5px;max-width:106px;padding:8px 9px}
  .video-home #account-open>.icon,.video-home #account-open>svg{width:13px;height:13px}
  .video-home .account-fields,.video-home .account-password-details .account-fields{grid-template-columns:minmax(0,1fr);gap:15px}
  .video-home .account-fields input{font-size:16px;min-height:46px}
  .video-home .account-tabs{max-width:none}
  .video-home .account-heading h2{font-size:20px;letter-spacing:.01em}
  .video-home .account-profile{gap:10px}
  .video-home .account-profile-copy>strong{font-size:17px}
  .video-home .account-avatar{width:43px;height:43px;border-radius:14px}
  .video-home .account-signed-badge{padding:3px 7px;font-size:10px}
  .video-home .account-sync-card{padding:15px 16px;border-radius:16px}
  .video-home .account-conflict{padding:15px}
  .video-home .account-conflict-actions{grid-template-columns:minmax(0,1fr)}
  .video-home .account-member-actions{gap:8px}
  .video-home .account-member-actions>button{padding:11px 9px;font-size:12px}
  .video-home .account-recovery-card{padding:17px 16px}
  .video-home #account-recovery-code{padding:13px;font-size:14px;letter-spacing:.025em}
  .video-home .account-recovery-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .video-home #account-recovery-dismiss{grid-column:1/-1}
  .video-home .account-recover-actions>button{padding:11px 10px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.video-home #account-root *,.video-home #account-open{animation:none!important;transition:none!important}}