*{margin:0;padding:0}html,body{height:100%}body{overflow:hidden}.loading-overlay{color:#fff;z-index:9999;background:#222;justify-content:center;align-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;display:flex;position:fixed;inset:0}.loading-content{flex-direction:column;align-items:center;gap:12px;display:flex}.loading-spinner{border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onboarding-overlay{z-index:10000;background:#000000bf;justify-content:center;align-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;display:flex;position:fixed;inset:0}.onboarding-card{color:#222;background:#fff;border-radius:16px;width:90%;max-width:480px;padding:40px 48px;box-shadow:0 8px 32px #0000004d}.onboarding-card h1{margin-bottom:16px;font-size:1.5rem}.onboarding-card h2{margin-top:20px;margin-bottom:8px;font-size:1.1rem}.onboarding-card p{margin-bottom:8px;line-height:1.6}.onboarding-card ul{margin-bottom:8px;padding-left:20px}.onboarding-card li{margin-bottom:4px;line-height:1.6}.onboarding-dismiss{color:#fff;cursor:pointer;background:#333;border:none;border-radius:8px;width:100%;margin-top:24px;padding:12px;font-size:1rem;display:block}.onboarding-dismiss:hover{background:#555}.settings-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;display:flex;position:fixed;inset:0}.settings-modal{color:#222;background:#fff;border-radius:16px;width:90%;max-width:420px;padding:0;overflow:hidden;box-shadow:0 8px 32px #0000004d}.settings-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.settings-header h1{font-size:1.3rem}.settings-close{cursor:pointer;color:#666;background:0 0;border:none;padding:0 4px;font-size:1.5rem}.settings-close:hover{color:#000}.settings-body{padding:16px 24px 24px}.settings-section{margin-bottom:20px}.settings-section:last-child{margin-bottom:0}.settings-section h2{margin-bottom:4px;font-size:1rem}.settings-section p{color:#555;margin-bottom:10px;font-size:.9rem;line-height:1.4}.settings-reset-positions,.settings-show-onboarding{color:#222;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px;font-size:.9rem;display:block}.settings-reset-positions:hover,.settings-show-onboarding:hover{background:#eaeaea}.settings-confirm{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:12px;padding:16px}.settings-confirm p{color:#222;margin-bottom:8px;font-size:.9rem}.settings-confirm-actions{gap:8px;margin-top:12px;display:flex}.settings-confirm-cancel,.settings-confirm-ok{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px;font-size:.85rem}.settings-confirm-cancel{color:#333;background:#e0e0e0}.settings-confirm-cancel:hover{background:#d0d0d0}.settings-confirm-ok{color:#fff;background:#c0392b}.settings-confirm-ok:hover{background:#a93226}.screen-share-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;display:flex;position:fixed;inset:0}.screen-share-modal{color:#222;background:#fff;border-radius:16px;width:90%;max-width:420px;padding:0;overflow:hidden;box-shadow:0 8px 32px #0000004d}.screen-share-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.screen-share-header h1{font-size:1.3rem}.screen-share-close{cursor:pointer;color:#666;background:0 0;border:none;padding:0 4px;font-size:1.5rem}.screen-share-close:hover{color:#000}.screen-share-body{padding:16px 24px 24px}.screen-share-body p{color:#555;margin-bottom:10px;font-size:.9rem;line-height:1.4}.screen-share-activate{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;margin-bottom:8px;padding:10px 14px;font-size:.9rem;font-weight:600;display:block}.screen-share-activate:hover{background:#1d4ed8}.screen-share-activate:disabled{cursor:default;background:#93c5fd}.screen-share-activate[hidden],.screen-share-live{display:none}.screen-share-live--visible{display:block}.screen-share-stop{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;width:100%;margin-bottom:8px;padding:10px 14px;font-size:.9rem;font-weight:600;display:block}.screen-share-stop:hover{background:#b91c1c}.screen-share-stop[hidden]{display:none}.screen-share-url-row{gap:8px;margin-bottom:4px;display:flex}.screen-share-url{color:#222;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;flex:1;padding:8px 10px;font-size:.85rem}.screen-share-copy{color:#fff;cursor:pointer;background:#333;border:none;border-radius:8px;padding:8px 14px;font-size:.85rem}.screen-share-copy:hover{background:#555}.screen-share-regenerate{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:8px;padding:8px 14px;font-size:.85rem;display:block}.screen-share-regenerate:hover{background:#f5f5f5}.screen-share-copy-feedback{color:#555;min-height:1.2em;margin-bottom:8px;font-size:.85rem}.screen-share-copy-feedback--error{color:#c0392b}.screen-share-status{color:#333;min-height:1.2em;font-size:.85rem;font-weight:600}.screen-share-viewer{background:#111;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen-share-viewer-video{object-fit:contain;width:100%;height:100%}.screen-share-viewer-close{color:#fff;cursor:pointer;z-index:1;background:#0009;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;line-height:1;position:absolute;top:16px;right:16px}.screen-share-viewer-close:hover{background:#000c}.screen-share-viewer-status{text-align:center;color:#fff;background:#0009;padding:16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;font-size:.95rem;display:none;position:absolute;bottom:0;left:0;right:0}.screen-share-viewer-status--visible{display:block}.app-footer{text-align:center;z-index:9998;pointer-events:none;padding:8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;position:fixed;bottom:0;left:0;right:0}.app-footer-link{pointer-events:auto;color:#00000073;text-underline-offset:2px;cursor:pointer;font-size:.8rem;text-decoration:underline}.app-footer-link:hover{color:#000000b3}.legal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;display:flex;position:fixed;inset:0}.legal-modal{color:#222;background:#fff;border-radius:16px;width:90%;max-width:600px;padding:0;overflow:hidden;box-shadow:0 8px 32px #0000004d}.legal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.legal-header h1{font-size:1.2rem}.legal-close{cursor:pointer;color:#666;background:0 0;border:none;padding:0 4px;font-size:1.5rem}.legal-close:hover{color:#000}.legal-body{padding:16px 24px 24px}.legal-body h2{color:#888;text-transform:uppercase;letter-spacing:.05em;margin-top:16px;margin-bottom:6px;font-size:.9rem}.legal-body h2:first-child{margin-top:0}.legal-body p{color:#444;margin-bottom:6px;font-size:.85rem;line-height:1.5}.legal-date{color:#999;margin-bottom:16px;font-size:.8rem}