:root{--background:#f8faf9;--foreground:#111827;--muted:#5f6b66;--brand:#0f3d2e;--brand-accent:#087a55;--surface:#fff;--border:#dfe7e3}*{box-sizing:border-box}html{min-height:100%}body{background:var(--background);min-height:100%;color:var(--foreground);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}:where(a,button,input):focus-visible{outline-offset:3px;outline:3px solid #087a556b}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb}.site-header__inner{justify-content:space-between;align-items:center;width:min(1120px,100% - 32px);margin:0 auto;padding:18px 0;display:flex}.brand-mark{letter-spacing:0;color:var(--brand);font-weight:800}.site-main{flex:1}.site-footer{border-top:1px solid var(--border);background:#ffffffc7}.site-footer__inner{justify-content:flex-end;width:min(1120px,100% - 32px);margin:0 auto;padding:18px 0 24px;display:flex}.site-footer a{color:var(--muted);font-size:.875rem;font-weight:700;text-decoration:none}.site-footer a:hover{color:var(--brand-accent);text-decoration:underline}.smoke-page{width:min(840px,100% - 32px);margin:0 auto;padding:80px 0}.smoke-page h1{letter-spacing:0;color:var(--brand);margin:0 0 16px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05}.smoke-page p{max-width:620px;color:var(--muted);margin:0;font-size:1.125rem;line-height:1.65}.capture-page{padding:48px 0 72px}.capture-page__inner{width:min(760px,100% - 32px);margin:0 auto}.capture-intro{margin-bottom:28px}.capture-intro__eyebrow{color:var(--brand-accent);text-transform:uppercase;margin:0 0 10px;font-size:.875rem;font-weight:800}.capture-intro h1{color:var(--brand);letter-spacing:0;margin:0 0 12px;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.capture-intro p:last-child{color:var(--muted);margin:0;font-size:1.0625rem;line-height:1.6}.capture-form{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:22px;padding:24px;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.field,.headshot-field{color:var(--foreground);gap:8px;font-size:.9375rem;font-weight:700;display:grid}.field input,.headshot-field input[type=file]{width:100%}.field input{border:1px solid var(--border);min-height:44px;color:var(--foreground);font:inherit;background:#fff;border-radius:6px;padding:10px 12px;font-weight:500}.field input:focus{border-color:var(--brand-accent);outline:3px solid #19a97438}.field input:focus-visible{outline:3px solid #087a556b}.headshot-field{border:1px dashed var(--border);background:#fbfdfc;border-radius:8px;padding:16px}.headshot-field__filename{color:var(--muted);font-size:.875rem;font-weight:600}.prompt-panel,.permission-panel{border:1px solid var(--border);background:#fbfdfc;border-radius:8px;gap:16px;padding:18px;display:grid}.prompt-panel h2{color:var(--brand);letter-spacing:0;margin:0;font-size:1rem;line-height:1.45}.prompt-panel ol{color:var(--foreground);margin:0;padding-left:22px;line-height:1.55}.prompt-panel li+li{margin-top:8px}.permission-panel p{color:var(--foreground);margin:0;line-height:1.55}.permission-actions{flex-wrap:wrap;gap:12px;display:flex}.permission-help{color:var(--muted)}.preview-panel{aspect-ratio:16/9;background:#101815;border-radius:8px;position:relative;overflow:hidden}.preview-panel video{object-fit:contain;width:100%;height:100%;display:block}.recording-panel,.post-recording-panel{gap:14px;display:grid}.recording-panel__status,.recording-timer{color:var(--brand);font-weight:800}.recording-error{color:#9f1239;margin:0;font-weight:700}.countdown-overlay{color:#fff;background:#00000052;place-items:center;font-size:clamp(4rem,18vw,8rem);font-weight:900;display:grid;position:absolute;inset:0}.post-recording-actions{flex-wrap:wrap;gap:12px;display:flex}.consent-panel{border:1px solid var(--border);background:#fbfdfc;border-radius:8px;gap:16px;padding:18px;display:grid}.consent-checkbox{color:var(--foreground);grid-template-columns:auto 1fr;align-items:start;gap:12px;line-height:1.55;display:grid}.consent-checkbox input{width:18px;height:18px;margin-top:3px}.upload-status,.upload-error p{color:var(--foreground);margin:0;line-height:1.55}.upload-error{gap:12px;display:grid}.thank-you-page{place-items:center;min-height:calc(100vh - 73px);padding:48px 0;display:grid}.thank-you-page__inner{width:min(680px,100% - 32px);margin:0 auto}.thank-you-page h1{color:var(--brand);letter-spacing:0;margin:0 0 14px;font-size:clamp(2rem,5vw,3rem);line-height:1.08}.thank-you-page p{color:var(--muted);margin:0;font-size:1.125rem;line-height:1.65}.admin-auth-page,.admin-page{padding:56px 0}.admin-auth-page__inner{width:min(720px,100% - 32px);margin:0 auto}.admin-page__inner{width:min(960px,100% - 32px);margin:0 auto}.admin-page__header{margin-bottom:18px}.admin-page__eyebrow{color:var(--brand-accent);text-transform:uppercase;margin:0 0 8px;font-size:.8125rem;font-weight:800}.admin-auth-page h1,.admin-page h1{color:var(--brand);letter-spacing:0;margin:0 0 10px;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.admin-page__summary{color:var(--muted);margin:0;line-height:1.6}.admin-auth-page p{color:var(--muted);margin:0;line-height:1.65}.admin-navigation{border:1px solid var(--border);background:#fff;border-radius:8px;flex-wrap:wrap;gap:8px;margin-bottom:22px;padding:10px;display:flex}.admin-navigation__link{border:1px solid var(--border);min-height:40px;color:var(--brand);background:#fff;border-radius:6px;align-items:center;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.admin-navigation__link--active{border-color:var(--brand);background:var(--brand);color:#fff}.admin-dashboard{gap:20px;display:grid}.admin-list{gap:12px;display:grid}.admin-empty-state{color:var(--muted);margin:0}.admin-list-row{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:112px minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:14px;display:grid}.admin-list-row__thumbnail{aspect-ratio:16/9;background:#101815;border-radius:6px;overflow:hidden}.admin-approved-thumbnail{background-position:50%;background-size:cover;width:100%;height:100%}.admin-placeholder-thumbnail{color:#fff;place-items:center;width:100%;height:100%;font-size:.75rem;font-weight:900;display:grid}.admin-placeholder-thumbnail span+span{color:var(--brand-accent);font-size:.6875rem}.admin-list-row__details{min-width:0}.admin-list-row__details h2{color:var(--foreground);letter-spacing:0;margin:0 0 4px;font-size:1rem;line-height:1.35}.admin-list-row__details p{color:var(--muted);margin:0;line-height:1.45}.admin-list-row__status{color:var(--brand);font-weight:800}.admin-review{gap:18px;display:grid}.admin-back-link{color:var(--brand);justify-self:start;font-weight:800;text-decoration:none}.admin-back-link:hover{color:var(--brand-accent);text-decoration:underline}.admin-review__video{background:#101815;border-radius:8px;width:100%;max-height:520px}.admin-review-section{border:1px solid var(--border);background:#fff;border-radius:8px;gap:12px;padding:16px;display:grid}.admin-review-section h2{color:var(--brand);letter-spacing:0;margin:0;font-size:1rem;line-height:1.35}.thumbnail-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.thumbnail-choice{color:var(--foreground);gap:8px;font-weight:800;display:grid}.thumbnail-choice__image{aspect-ratio:16/9;background-position:50%;background-size:cover;border-radius:6px;display:block}.admin-details{gap:10px;margin:0;display:grid}.admin-details div{grid-template-columns:160px minmax(0,1fr);gap:12px;display:grid}.admin-details dt{color:var(--muted);font-weight:800}.admin-details dd{margin:0}.admin-action-row,.admin-confirmation{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-confirmation{border:1px solid var(--border);background:#fbfdfc;border-radius:8px;padding:16px}.admin-confirmation p{flex-basis:100%;margin:0}@media (max-width:760px){.admin-list-row{grid-template-columns:96px minmax(0,1fr)}.admin-list-row__status,.admin-list-row .secondary-button{grid-column:2;justify-self:start}.thumbnail-choice-grid,.admin-details div{grid-template-columns:1fr}}.primary-button{background:var(--brand);color:#fff;cursor:pointer;min-height:46px;font:inherit;border:0;border-radius:6px;justify-self:start;padding:0 18px;font-weight:800}.primary-button:disabled{cursor:not-allowed;opacity:.45}.secondary-button{border:1px solid var(--border);min-height:46px;color:var(--brand);cursor:pointer;font:inherit;background:#fff;border-radius:6px;padding:0 16px;font-weight:800}@media (max-width:680px){.capture-page{padding-top:32px}.capture-form{padding:18px}.field-grid{grid-template-columns:1fr}}
