body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0}*,body{padding:0}body{--primary:#137a7a;--primary-700:#0f6464;--accent:#17a2b8;--surface-1:#e9fbf7;--surface-2:#eef7ff;--surface-3:#f7f3ff;--text:#144949;--shadow:0 12px 40px #1449492e;background:radial-gradient(1200px 600px at 20% 0,#bdebe6 0,#0000 60%),radial-gradient(1200px 800px at 100% 0,#b8e3ff 0,#0000 55%),linear-gradient(135deg,#d1f5f1,#a8e6e0 45%,#7dd3c7);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}div>h1{background:linear-gradient(135deg,var(--primary) 0,var(--primary-700) 100%);border-radius:16px;box-shadow:var(--shadow);color:#fff;letter-spacing:.2px;margin:0 auto 24px;padding:16px 28px}h2{background:#ffffffd9;border:1px solid #ffffffb3;border-radius:999px;box-shadow:0 8px 24px #1449491f;color:var(--text);font-size:.95rem;margin:8px 0 16px;padding:10px 16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}div>div:first-of-type{align-items:center;background:linear-gradient(145deg,var(--surface-1),#fff);border:1px solid #ffffffb3;border-radius:22px;box-shadow:var(--shadow);flex-wrap:wrap;gap:14px;justify-content:center;margin:18px 0 32px;padding:26px}input[type=text]{background:#fff;border:2px solid #cfeeed;border-radius:12px;flex:1 1;font-size:1rem;min-width:240px;padding:14px 18px;transition:border-color .2s,box-shadow .2s}input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #137a7a1f;outline:none}button{background:linear-gradient(135deg,var(--primary) 0,var(--primary-700) 100%);border:none;border-radius:12px;box-shadow:0 6px 18px #137a7a40;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 26px;transition:transform .15s ease,box-shadow .2s ease;white-space:nowrap}button:hover{box-shadow:0 10px 24px #137a7a59;transform:translateY(-2px)}button:active{transform:translateY(0)}div>div:nth-of-type(2){background:linear-gradient(145deg,var(--surface-2),#fff);border:1px solid #ffffffbf;border-radius:22px;box-shadow:var(--shadow);margin:22px 0;padding:26px}div>div:nth-of-type(2) h2{margin-bottom:15px;margin-top:0}video{background:#000;border-radius:16px;box-shadow:0 10px 28px #14494940;display:block;height:"500px"}div>div:nth-of-type(3){background:linear-gradient(145deg,var(--surface-3),#fff);border:1px solid #ffffffbf;border-radius:22px;box-shadow:var(--shadow);margin:22px 0;padding:26px}div>div:nth-of-type(3) h2{margin-bottom:15px;margin-top:0}ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none}li{background:linear-gradient(135deg,var(--accent) 0,#138496 100%);border-radius:20px;box-shadow:0 6px 14px #14494938;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px}div>div:nth-of-type(4){background:linear-gradient(145deg,var(--surface-1),#fff);border:1px solid #ffffffbf;border-radius:22px;box-shadow:var(--shadow);margin:22px 0;padding:26px}div>div:nth-of-type(4) h2{margin-bottom:15px;margin-top:0}#remote-media{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}#remote-media audio,#remote-media video{background:#000;border-radius:16px;box-shadow:0 10px 28px #14494940;height:"500px"}@media (max-width:768px){body>div{padding:24px 16px}div>h1{font-size:1.5rem}h2{padding:10px 15px}button,h2{font-size:.9rem}button{padding:10px 20px}input[type=text]{font-size:.9rem;min-width:150px;padding:10px 14px}video{max-width:100%}#remote-media{gap:14px;grid-template-columns:1fr}}@media (max-width:480px){body{padding:10px}div>h1{font-size:1.25rem;margin-bottom:.75rem}h2{font-size:.85rem;padding:8px 12px;word-break:break-word}div>div:first-of-type{flex-direction:column;padding:15px}button{padding:12px 16px}button,input[type=text]{font-size:.9rem;width:100%}input[type=text]{min-width:0;min-width:auto;padding:12px 14px}div>div:nth-of-type(2),div>div:nth-of-type(3),div>div:nth-of-type(4){padding:15px}video{border-radius:8px;max-width:100%}ul{flex-direction:column}li{text-align:center;width:100%}#remote-media{gap:10px;grid-template-columns:1fr}}@media (max-width:768px) and (orientation:landscape){video{max-width:300px}#remote-media{grid-template-columns:repeat(2,minmax(0,1fr))}}button:disabled{cursor:not-allowed;opacity:.6}*{transition:background-color .3s ease}button:focus-visible,input:focus-visible{outline:3px solid #4dacae;outline-offset:2px}
/*# sourceMappingURL=main.81502306.css.map*/