*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:#050505;color:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overscroll-behavior:none}button{font:inherit}input{min-width:0;border:1px solid #3a3a3a;border-radius:8px;padding:12px 14px;background:#111;color:#fff;font:inherit;font-size:18px;outline:none}input:focus{border-color:#8ee7ff}.screen{position:fixed;top:0;right:0;bottom:0;left:0;width:var(--app-width, 100dvw);height:var(--app-height, 100dvh);display:grid;place-items:stretch;padding:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#050505;overflow:hidden}.captions{width:100%;height:100%;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:0}.captions:empty:before{content:" "}.captions:has(.words:only-child) .words{font-size:clamp(30px,min(7vw,15dvh),104px);max-height:100%}.words{display:flex;align-items:flex-start;justify-content:center;text-align:center;color:#fff;font-weight:800;line-height:.96;overflow-wrap:anywhere;max-height:100%;overflow:hidden}.transcript{display:none;color:#fff;font-size:clamp(34px,min(10vw,20dvh),128px)}.translation{color:#fff;font-size:clamp(28px,min(6vw,13dvh),92px)}.english{grid-row:1;color:#8ee7ff}.hindi{grid-row:2;color:#ffd166}.settings{width:min(92vw,460px);display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px}.field{display:grid;gap:7px}.field span{color:#bdbdbd;font-size:13px;font-weight:700;text-transform:uppercase}.start{min-width:148px;min-height:64px;border:1px solid #ffffff;border-radius:8px;padding:0 28px;background:#fff;color:#050505;font-size:24px;font-weight:750}@media (max-width: 720px){.settings{grid-template-columns:1fr 1fr}.field:first-child,.start{grid-column:1 / -1}}@media (orientation: portrait){.screen{transform:rotate(90deg);transform-origin:center;width:var(--app-height, 100dvh);height:var(--app-width, 100dvw);position:fixed;inset:calc((var(--app-height, 100dvh) - var(--app-width, 100dvw)) / 2) calc((var(--app-width, 100dvw) - var(--app-height, 100dvh)) / 2)}}