.intro-feature{border-block-end:1px solid var(--ex-line,var(--line));min-width:0;font-family:var(--ui);color:var(--ink);margin-block:24px;padding-block:20px}.intro-private{color:var(--muted);margin-block-end:8px;font-size:.8125rem;display:block}.intro-launch{width:100%;max-width:760px;color:inherit;text-align:start;cursor:pointer;font:inherit;background:0 0;border:0;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:22px;padding:0;display:grid}.intro-poster{aspect-ratio:16/9;background:#102d27;border-radius:8px;display:block;position:relative;overflow:hidden}.intro-poster>img{object-fit:cover;width:100%;height:100%;display:block}.intro-play{color:#173c34;background:#fffdfcf0;border-radius:50%;place-items:center;width:48px;height:48px;margin:auto;display:grid;position:absolute;inset:0;box-shadow:0 0 0 1px #173c3422}.intro-duration{inset-inline-end:7px;color:#fff;background:#102d27e8;border-radius:4px;padding:1px 6px;font-size:.75rem;position:absolute;bottom:6px}.intro-copy{gap:6px;min-width:0;display:grid}.intro-copy strong{font-size:1.125rem;font-weight:600;line-height:1.6}.intro-copy>span{color:var(--muted);font-size:.9375rem;line-height:1.8}.intro-copy>b{color:var(--green);font-size:.875rem;font-weight:600}.intro-feature :is(button,summary):focus-visible{outline:3px solid var(--green);outline-offset:5px}.intro-settings :focus-visible{outline:3px solid var(--green);outline-offset:5px}.intro-theater{color:#fffdf6;width:min(88vw,1200px);max-width:calc(100vw - 32px);height:fit-content;max-height:calc(100dvh - 32px);box-shadow:none;background:#10231f;border:1px solid #6e8178;border-radius:12px;margin:auto;padding:0;animation:.2s ease-out intro-reveal;position:fixed;inset:0;overflow:auto}.intro-theater.is-expanded{width:min(96vw,1600px)}.intro-theater::backdrop{background:#06100de6}.intro-theater>header{justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.intro-theater>header h2{font:600 1rem/1.6 var(--ui);color:inherit;overflow-wrap:anywhere;min-width:0;margin:0}.intro-window-tools{flex-shrink:0;gap:4px;display:flex}.intro-theater button{color:#fffdf6;cursor:pointer;min-width:44px;min-height:44px;font:500 .875rem var(--ui);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.intro-theater button:hover{background:#25443a}.intro-theater button:focus-visible{outline-offset:-2px;outline:2px solid #f4d49d}.intro-theater>video{object-fit:contain;background:#000;width:100%;height:auto;max-height:calc(100dvh - 175px);display:block}.intro-theater>footer{font:400 .8125rem/1.7 var(--ui);color:#d2dfd7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.intro-playback-note{font:400 .9375rem/1.8 var(--ui);color:#f4d49d;margin:0;padding:4px 16px 16px}.intro-settings{border-block:1px solid var(--line);margin-block:24px;padding-block:12px}.intro-settings>summary{cursor:pointer;align-content:center;min-height:48px;font-weight:600}.intro-settings>p{max-width:65ch;font-size:.9375rem;line-height:1.8}.intro-setting-actions{flex-wrap:wrap;gap:10px;margin-block:14px;display:flex}.intro-settings textarea,.intro-settings input:not([type=file]){width:100%}@keyframes intro-reveal{0%{opacity:0}to{opacity:1}}@media (min-width:1100px){.intro-launch{grid-template-columns:200px minmax(0,1fr);gap:26px;max-width:850px}.intro-copy strong{font-size:1.375rem}.intro-copy>span{font-size:1.0625rem}.intro-copy>b{font-size:1rem}}@media (max-width:600px){.intro-launch{grid-template-columns:112px minmax(0,1fr);gap:14px}.intro-copy strong{font-size:1rem}.intro-copy>span{font-size:.8125rem;line-height:1.75}.intro-copy>b{font-size:.8125rem}.intro-play{width:44px;height:44px}.intro-theater,.intro-theater.is-expanded{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px);border-radius:10px}.intro-theater>header{gap:8px;padding:8px}.intro-theater>header h2{font-size:.875rem}.intro-window-tools{gap:0}.intro-theater>video{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 185px)}.intro-theater>footer{padding:8px 12px;font-size:.75rem}.intro-feature{margin-block:18px;padding-block:16px}}@media (prefers-reduced-motion:reduce){.intro-theater{transition:none;animation:none}}@media print{.intro-feature,.intro-settings{display:none}}.intro-feature .intro-theater button{color:#fffdf6;background:0 0;border:1px solid #0000;min-width:44px;min-height:44px;padding:8px}.intro-feature .intro-theater button:hover{background:#25443a}.intro-feature .intro-theater>header h2{color:#fffdf6;font:600 1rem/1.6 var(--ui);margin:0}@media (max-width:600px){.intro-theater.is-expanded{width:calc(100vw - 8px);max-width:calc(100vw - 8px)}.intro-feature .intro-theater>header h2{font-size:.875rem}}