*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top,#17366b 0,#07111f 48%,#030711 100%);color:#f7fbff;display:grid;place-items:center;padding:24px}.wrap{width:min(900px,100%)}.card{background:rgba(10,22,39,.9);border:1px solid rgba(125,190,255,.2);border-radius:28px;padding:30px;box-shadow:0 25px 80px rgba(0,0,0,.4);backdrop-filter:blur(12px)}.top{display:flex;justify-content:space-between;align-items:center;color:#8fb6dc;font-size:12px;font-weight:800;letter-spacing:.12em}.badge{border:1px solid #315d8e;border-radius:999px;padding:7px 11px}h1{font-size:clamp(42px,8vw,76px);line-height:.95;margin:28px 0 12px;letter-spacing:-.05em}h1 span{color:#62b6ff}.intro{color:#a9bfd6;font-size:17px;margin-bottom:24px}.upload{display:inline-block;background:#fff;color:#07111f;font-weight:800;padding:12px 18px;border-radius:12px;cursor:pointer}input{display:none}.file{display:inline-block;margin:0 0 0 12px;color:#8fa9c1;font-size:14px;max-width:55%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.screen{position:relative;margin-top:22px;border-radius:18px;overflow:hidden;background:#02060c;min-height:280px;display:grid;place-items:center;border:1px solid #193552}.screen video{display:block;width:100%;max-height:480px;background:#000}.empty{position:absolute;color:#58738f;text-align:center;padding:30px;pointer-events:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.stats>div{padding:16px;border-radius:15px;background:#0c1b2d;border:1px solid #173653}.stats small{display:block;color:#7693ad;font-size:10px;font-weight:800;letter-spacing:.12em}.stats strong{display:block;margin-top:6px;font-size:20px}.keys{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#9eb4c9}.keys div{display:flex;align-items:center;gap:8px}kbd{font:800 13px ui-monospace,SFMono-Regular,Menlo,monospace;background:#102943;border:1px solid #2d587d;border-bottom-width:3px;border-radius:7px;padding:6px 9px;color:#dff1ff}button{margin-left:auto;border:1px solid #2d587d;background:#0c1b2d;color:#dff1ff;border-radius:9px;padding:8px 12px;cursor:pointer}.message{text-align:center;color:#70bfff;font-weight:700;min-height:22px;margin:22px 0 0}@media(max-width:650px){.card{padding:20px}.stats{grid-template-columns:1fr}.file{display:block;margin:10px 0 0;max-width:100%}.screen{min-height:210px}button{margin-left:0}}