.intro-video-dialog{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.intro-video-dialog[hidden]{display:none}.intro-video-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.intro-video-card{position:relative;width:100%;max-width:840px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--md-sys-color-surface-2);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.5)}.intro-video-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.intro-video-title{margin:0;font-size:var(--md-sys-typescale-title-large);font-weight:500}.intro-video-close-btn{appearance:none;background:transparent;color:var(--md-sys-color-on-surface-variant);border:0;cursor:pointer;padding:8px;border-radius:8px}.intro-video-close-btn:hover{background:var(--md-sys-color-surface-3);color:var(--md-sys-color-on-surface)}.intro-video-body{padding:0;background:#000}.intro-video-body video{display:block;width:100%;height:auto;max-height:65vh}.intro-video-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid var(--md-sys-color-outline-variant)}.intro-video-checkbox{display:flex;align-items:center;gap:8px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;user-select:none}.intro-video-checkbox input{width:18px;height:18px;accent-color:var(--md-sys-color-primary);cursor:pointer}.intro-video-done-btn{appearance:none;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:0;padding:10px 20px;border-radius:20px;font-weight:500;cursor:pointer}.intro-video-done-btn:hover{filter:brightness(1.05)}@media(max-width:600px){.intro-video-dialog{padding:0}.intro-video-card{max-height:100vh;height:100vh;border-radius:0}}