:root{--brand: #0ea5e9;--video-max-width: 1100px;--vh-offset-desktop: 220px;--vh-offset-mobile: 160px;--bg: #f8fafc;--fg: #0f172a;--muted: #64748b;--card: #fff;--badge-bg: #e0f2fe;--badge-fg: #075985;--shadow: 0 1px 4px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.6rem;font-weight:600;color:#fff;background:var(--brand);border:none;cursor:pointer;transition:filter .15s ease,transform .02s ease}.btn:hover{filter:brightness(.96)}.btn:active{transform:translateY(1px)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.6rem;font-weight:600;border:1px solid var(--brand);color:var(--brand);background:#fff;cursor:pointer;transition:background .15s ease,color .15s ease}.btn-outline:hover{background:#f0f9ff}.card{background:var(--card);border-radius:1rem;box-shadow:var(--shadow);padding:1.25rem}.badge{display:inline-flex;align-items:center;font-size:.85rem;padding:.1rem .5rem;border-radius:999px;background:var(--badge-bg);color:var(--badge-fg)}.border{border:1px solid rgba(15,23,42,.15)}.rounded{border-radius:.5rem}.video-responsive{width:100%;height:auto;max-height:calc(100vh - var(--vh-offset-desktop));background:#000;border-radius:8px}@media(max-width:768px){.video-responsive{max-height:calc(100vh - var(--vh-offset-mobile))}}.video-shell{width:clamp(320px,90vw,var(--video-max-width));margin:0 auto}.iframe-box{position:relative;width:100%;aspect-ratio:16 / 9;max-height:calc(100vh - var(--vh-offset-desktop));background:#000;border-radius:8px;overflow:hidden}.iframe-box>iframe,.iframe-box>div{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}@media(max-width:768px){.video-shell{width:100%}.iframe-box{max-height:calc(100vh - var(--vh-offset-mobile))}}.video-controls{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:8px}body.kiosk{overflow:hidden}.muted{color:var(--muted);font-size:14px}.btn:focus-visible,.btn-outline:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}