*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;min-height:var(--app-vh,100dvh);color:#fff;-webkit-font-smoothing:antialiased;background:#000;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Vazirmatn,Tahoma,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.avatar-img{object-fit:cover;border-radius:50%;flex-shrink:0;display:block}.avatar-ring{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);border-radius:50%;flex-shrink:0;padding:2px}.avatar-ring>*{border:2px solid #000}.verified{flex-shrink:0}.setup{max-width:560px;padding:calc(env(safe-area-inset-top) + 24px) 16px calc(env(safe-area-inset-bottom) + 40px);margin:0 auto}.setup-header{flex-direction:column;align-items:center;gap:10px;display:flex}.setup-name{align-items:center;gap:6px;font-size:17px;font-weight:600;display:flex}.btn-live{background:linear-gradient(90deg,#f58529,#dd2a7b,#8134af);border-radius:12px;width:100%;margin:20px 0 8px;padding:14px;font-size:17px;font-weight:700;display:block}.section{margin-top:24px}.section h3{text-transform:uppercase;letter-spacing:.04em;color:#8e8e8e;margin:0 0 8px 4px;font-size:13px;font-weight:600}.row{background:#121212;border-bottom:1px solid #262626;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 14px;display:flex}.section .row:first-of-type{border-radius:12px 12px 0 0}.section .row:last-of-type{border-bottom:0;border-radius:0 0 12px 12px}.section .row:only-of-type{border-radius:12px}.row-label{flex-direction:column;flex-shrink:0;font-size:15px;display:flex}.row-label small{color:#8e8e8e;font-size:12px}.row-inline{align-items:center;gap:8px;min-width:0;display:flex}.row input:not([type=checkbox]):not([type=range]):not([type=file]),.row select{color:#fff;text-align:end;background:#000;border:1px solid #363636;border-radius:8px;width:60%;min-width:0;padding:8px 10px;font-size:16px}.row input[type=file]{color:#8e8e8e;max-width:190px;font-size:13px}.row input[type=range]{accent-color:#0095f6;width:50%}.row input[type=checkbox]{accent-color:#0095f6;width:22px;height:22px}.note{color:#8e8e8e;margin:0 4px 10px;font-size:13px;line-height:1.5}.section .note:last-child{margin-top:10px}.btn-secondary{background:#262626;border-radius:10px;width:100%;margin-top:10px;padding:11px;font-weight:600}.btn-secondary:disabled{opacity:.4}.btn-link{color:#0095f6;font-size:14px}.test-result{word-break:break-word;margin:10px 4px 0;font-size:13px;line-height:1.5}.test-result.ok{color:#58c322}.test-result.error{color:#ff5a5f}.live{height:var(--app-vh,100dvh);-webkit-user-select:none;user-select:none;background:#111;position:fixed;top:0;left:0;right:0;overflow:hidden}.live-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.live-video.mirror{transform:scaleX(-1)}.cam-error{text-align:center;color:#aaa;font-size:14px;position:absolute;top:45%;left:16px;right:16px}.live-shade-top,.live-shade-bottom{pointer-events:none;position:absolute;left:0;right:0}.live-shade-top{background:linear-gradient(#00000073,#0000);height:140px;top:0}.live-shade-bottom{background:linear-gradient(#0000,#0000008c);height:50%;bottom:0}.live-top{top:calc(env(safe-area-inset-top) + 10px);justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:8px}.live-host{align-items:center;gap:8px;min-width:0;display:flex}.live-host-name{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #0006;font-size:14px;font-weight:600;overflow:hidden}.live-top-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.badge-live{letter-spacing:.04em;background:linear-gradient(90deg,#e1306c,#ff0050);border-radius:4px;padding:3px 7px;font-size:12px;font-weight:700}.badge-viewers{background:#00000073;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:600;display:flex}.icon-btn{filter:drop-shadow(0 1px 2px #0006);flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.icon-btn svg{fill:none}.notice{top:calc(env(safe-area-inset-top) + 60px);color:#ffb4b4;word-break:break-word;background:#000000b3;border-radius:10px;padding:8px 12px;font-size:12px;position:absolute;left:16px;right:16px}.comments{left:12px;right:80px;bottom:calc(env(safe-area-inset-bottom) + 70px);flex-direction:column;justify-content:flex-end;gap:10px;height:40vh;display:flex;position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 35%);mask-image:linear-gradient(#0000,#000 35%)}.row-comment,.row-join{text-shadow:0 1px 2px #00000080;flex-shrink:0;align-items:flex-start;gap:10px;animation:.25s ease-out row-in;display:flex}.row-join{color:#ffffffd9;align-items:center;font-size:13px}.row-body{flex-direction:column;min-width:0;font-size:14px;line-height:1.3;display:flex}.row-body b{font-size:13px;font-weight:600}.row-body span{word-break:break-word}@keyframes row-in{0%{opacity:0;transform:translateY(12px)}}.hearts{right:18px;bottom:calc(env(safe-area-inset-bottom) + 70px);pointer-events:none;width:40px;height:0;position:absolute}.heart{filter:drop-shadow(0 1px 2px #00000040);animation:linear forwards heart-float;position:absolute;bottom:0;left:4px}@keyframes heart-float{0%{opacity:0;transform:translate(0)scale(.4)}10%{opacity:1;transform:translateY(-20px)scale(1)}35%{transform:translate(calc(var(--drift) * .6), -110px) scale(1)}65%{transform:translate(calc(var(--drift) * -.4), -220px) scale(.95);opacity:.9}to{transform:translate(var(--drift), -330px) scale(.85);opacity:0}}.live-bottom{left:12px;right:8px;bottom:calc(env(safe-area-inset-bottom) + 12px);align-items:center;gap:4px;margin:0;display:flex;position:absolute}.comment-input{color:#fff;background:0 0;border:1px solid #fff9;border-radius:22px;outline:none;flex:1;min-width:0;height:44px;padding:0 18px;font-size:16px}.comment-input::placeholder{color:#ffffffd9}.sheet-backdrop{background:#0006;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{width:100%;padding:18px 16px calc(env(safe-area-inset-bottom) + 16px);text-align:center;background:#262626;border-radius:16px 16px 0 0;animation:.2s ease-out sheet-in}.sheet p{margin:0 0 14px;font-weight:600}.sheet button{border-top:1px solid #363636;width:100%;padding:14px;font-size:16px;display:block}.sheet-danger{color:#ed4956;font-weight:700}@keyframes sheet-in{0%{transform:translateY(100%)}}.summary{min-height:var(--app-vh,100dvh);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px 16px;display:flex}.summary h2{margin:0;font-size:22px}.summary-stats{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:360px;display:grid}.summary-stats div{background:#121212;border-radius:12px;flex-direction:column;align-items:center;padding:14px;display:flex}.summary-stats b{font-size:22px}.summary-stats span{color:#8e8e8e;font-size:12px}.btn-primary{background:#0095f6;border-radius:10px;width:100%;max-width:360px;padding:13px;font-weight:700}