@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";:root{font-family:Space Grotesk,sans-serif;color:#1f1f1f;background-color:#f7f3ec;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#fff,#f7f3ec 55%,#efe7dc)}#root{min-height:100vh}a{color:inherit;text-decoration:none}.app{width:100%;max-width:980px;margin:0 auto;padding:3.5rem 1.5rem 4rem;box-sizing:border-box;display:flex;flex-direction:column;gap:2.5rem}.app-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem}.app-header-copy{display:grid;gap:.6rem}.app-header h1{font-size:clamp(2.2rem,2.2rem + 1vw,3.2rem);margin:0;letter-spacing:-.03em}.app-tagline{margin:0;font-size:1.05rem;color:#4d4d4d}.language-switcher{display:inline-flex;gap:.25rem;padding:.25rem;border:1px solid #ead8c4;border-radius:999px;background:#fff8f2;box-shadow:0 10px 24px #422f170d}.language-switcher-button{min-height:2.35rem;padding:.55rem .85rem;border:0;border-radius:999px;background:transparent;color:#5b4732;box-shadow:none;font-size:.86rem}.language-switcher-button.active{background:#1a1714;color:#f8f0e6}.app-main{display:flex;flex-direction:column;gap:2rem;min-width:0}.panel{display:grid;gap:.8rem;min-width:0}.panel-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem}.panel-heading-group{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.panel-title{margin:0;font-size:1.12rem}.panel-toggle{padding:.6rem 1rem;border-radius:999px;background:#f3eee7;color:#3f3429;box-shadow:none}.setup-panel,.history-panel,.advanced-panel,.live-monitor-panel{display:grid;gap:1.1rem}.setup-intro,.live-monitor-hero{display:grid;gap:.85rem;padding:1.25rem 1.35rem;border-radius:22px;background:radial-gradient(circle at top left,rgba(255,154,110,.16),transparent 42%),linear-gradient(135deg,#fff8f2,#f6efe5);border:1px solid #ead8c4}.setup-intro-copy,.live-monitor-hero p,.advanced-intro{margin:0;color:#5d4a38;line-height:1.55}.setup-progress{display:flex;flex-wrap:wrap;gap:.55rem}.setup-progress-chip{display:inline-flex;align-items:center;padding:.48rem .8rem;border-radius:999px;background:#ffffffd1;border:1px solid rgba(121,89,52,.12);color:#5c4834;font-size:.84rem;font-weight:600}.setup-destination-card{display:grid;gap:.85rem;padding:1rem;border-radius:18px;background:#ffffffb8;border:1px solid rgba(121,89,52,.14)}.setup-destination-card h3,.setup-destination-card p{margin:0}.setup-destination-card h3{color:#1d1712;font-size:1.05rem}.setup-destination-card p{margin-top:.3rem;color:#5d4a38;line-height:1.5}.setup-destination-actions{display:flex;flex-wrap:wrap;gap:.55rem}.setup-destination-button{padding:.75rem 1rem;border:1px solid rgba(121,89,52,.14);background:#fffaf5;color:#5b4732;box-shadow:none}.setup-destination-button.active{background:#1a1714;color:#f8f0e6;box-shadow:0 10px 24px #1a171424}.setup-infographics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.setup-infographic-card{overflow:hidden;display:grid;grid-template-rows:auto 1fr;border:1px solid #ead8c4;border-radius:22px;background:#fffaf4;box-shadow:0 12px 30px #422f170d}.setup-infographic-image{display:block;width:100%;aspect-ratio:16 / 9;height:auto;object-fit:cover;background:#f8efe4}.setup-infographic-copy{display:grid;gap:.65rem;align-content:start;padding:1rem}.setup-infographic-copy h3,.setup-infographic-copy p{margin:0}.setup-infographic-copy h3{color:#1d1712;font-size:1rem}.setup-infographic-copy p{color:#5d4a38;line-height:1.52}.setup-infographic-steps{display:flex;flex-wrap:wrap;gap:.45rem}.setup-infographic-steps span{display:inline-flex;align-items:center;min-height:1.8rem;padding:.3rem .58rem;border-radius:999px;background:#f3eee7;color:#4d3d2d;font-size:.78rem;font-weight:700}.setup-step,.history-section{display:grid;gap:1rem;padding:1.25rem;border-radius:22px;background:#fff;border:1px solid #e8dfd2;box-shadow:0 12px 30px #422f170d}.setup-step-header,.history-section-header{display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;align-items:start}.setup-step-header h3,.history-section-header h3,.live-monitor-hero h3{margin:0}.setup-step-header p{margin:.25rem 0 0;color:#6a5c48;line-height:1.5}.setup-step-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#1a1714;color:#f8f0e6;font-size:.82rem;font-weight:700}.setup-status-card,.advanced-status-card,.live-status-card{background:linear-gradient(180deg,#141211fa,#111)}.live-monitor-hero{background:radial-gradient(circle at top left,rgba(97,212,129,.16),transparent 42%),linear-gradient(135deg,#f5fbf4,#edf4ea);border-color:#d5e7d4}.live-monitor-pill{display:inline-flex;width:fit-content;align-items:center;padding:.45rem .8rem;border-radius:999px;background:#1c7c3b;color:#fff;font-size:.82rem;font-weight:700}.history-section-header{grid-template-columns:1fr auto;align-items:center}.history-section .events-empty,.history-section .clip-list,.history-section .events-list{margin-top:0}.advanced-panel{padding-top:.15rem}.advanced-controls{display:grid;gap:1rem}.onboarding-card{padding:1.5rem;border-radius:24px;background:radial-gradient(circle at top left,rgba(255,154,110,.28),transparent 36%),linear-gradient(135deg,#fff7ef,#f4eee6);border:1px solid #ead8c4;box-shadow:0 18px 50px #56371914;display:grid;gap:1.35rem}.onboarding-intro{margin:0;max-width:42rem;color:#5e4a35}.mode-toggle{display:inline-flex;padding:.3rem;border-radius:999px;background:#492e1714;gap:.35rem}.mode-toggle-inline{width:fit-content}.mode-toggle-button{padding:.75rem 1.1rem;background:transparent;color:#5b4732;box-shadow:none}.mode-toggle-button.active{background:#1a1714;color:#f8f0e6;box-shadow:0 10px 24px #1a17142e}.onboarding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.95rem}.onboarding-step{min-height:100%;padding:1rem;border-radius:18px;background:#ffffffa6;border:1px solid rgba(121,89,52,.12);display:grid;gap:.55rem}.onboarding-step h3{margin:0;font-size:1rem}.onboarding-step p{margin:0;color:#5e4a35;font-size:.92rem;line-height:1.45}.onboarding-step-number{display:inline-flex;width:fit-content;padding:.25rem .5rem;border-radius:999px;background:#1a1714;color:#f8f0e6;letter-spacing:.12em;font-size:.68rem;text-transform:uppercase}.onboarding-step-note{background:#1f150eeb}.onboarding-step-note h3,.onboarding-step-note p{color:#f8f0e6}.account-card{padding:1rem;border-radius:12px;background:#fff;border:1px solid #e4ded4;display:grid;gap:.8rem}.account-panel-summary{margin:0;color:#24415f;font-size:.86rem;font-weight:700}.account-header h2{margin:0;font-size:1.2rem}.account-header p{margin:.35rem 0 0;color:#24415f;font-size:.9rem}.account-controls{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem}.account-signed-in{display:grid;gap:.4rem;padding:.85rem;border:1px solid #c9ddf0;border-radius:8px;background:#f8fbff;color:#24415f}.account-signed-in strong{display:block;margin-top:.15rem;color:#102b46}.account-signed-in p{margin:0;overflow-wrap:anywhere;font-size:.78rem;color:#5a7a9a}.account-signed-in-label{font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5a7a9a}.account-field{display:grid;gap:.35rem;font-size:.85rem}.account-field input{width:min(360px,78vw);border:1px solid #bfd5ec;border-radius:10px;padding:.55rem .75rem;font-size:.9rem}.telegram-auth-waiting{display:grid;gap:.65rem;color:#24415f;font-size:.86rem}.telegram-auth-waiting p{margin:0}.telegram-auth-open-link{width:fit-content;display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;padding:0 1rem;border-radius:8px;background:#111;color:#fff;font-weight:700;text-decoration:none}.telegram-auth-open-link:hover,.telegram-auth-open-link:focus-visible{background:#1f3f5f}.auth-qr{display:grid;gap:.45rem;justify-items:center;text-align:center}.auth-qr-instruction{margin:0;font-size:.86rem;color:#24415f;line-height:1.4}.auth-qr-instruction--nl{color:#5a7a9a;font-style:italic}.auth-qr-image{width:min(100%,220px);height:auto;border-radius:12px;background:#fff;border:1px solid #bfd5ec}.telegram-auth-fallback{width:fit-content;color:#5a7a9a}.telegram-auth-fallback summary{cursor:pointer;font-weight:700}.telegram-auth-fallback p{margin-top:.35rem}.telegram-fallback-command code{overflow-wrap:anywhere}.status-card{display:grid;gap:.75rem;padding:1.5rem;border-radius:18px;background:#111;color:#f5f2ed;box-shadow:0 18px 40px #00000029}.status-row{display:flex;justify-content:space-between;gap:1rem;font-size:.95rem}.status-label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:#f5f2edb3}.status-value{font-weight:600;font-size:1.05rem}.status-queue{display:inline-flex;align-items:center;gap:.6rem}.status-inline-action{padding:.28rem .9rem;font-size:.72rem;box-shadow:none}.analysis-prompt-section{display:grid;gap:1rem;padding:1.25rem;border-radius:18px;background:#f8f6f3;box-shadow:0 10px 30px #0000000f}.analysis-prompt-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem}.analysis-prompt-copy{margin:0;max-width:42rem;font-size:.92rem;color:#5f4521}.analysis-prompt-copy-group{display:grid;gap:.7rem}.analysis-prompt-examples{display:grid;gap:.45rem;margin:0;padding-left:1.15rem;color:#75562c;font-size:.9rem}.analysis-prompt-list{display:grid;gap:.9rem}.analysis-prompt-item{display:grid;gap:.75rem;padding:.95rem 1rem;border-radius:16px;background:#fff;border:1px solid #e8dfd2}.analysis-prompt-label{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;font-weight:500}.analysis-prompt-remove{justify-self:flex-start}.analysis-prompt-actions{display:flex;flex-wrap:wrap;gap:.75rem}.analysis-prompt-input{width:100%;padding:.75rem 1rem;border:1px solid #e2ddd5;border-radius:12px;font-size:.9rem;font-family:inherit;resize:vertical;background:#fff;transition:border-color .15s ease}.analysis-prompt-input:focus{outline:none;border-color:#ff7a59}.analysis-prompt-input:disabled{background:#f0ede8;color:#6a6a6a;cursor:not-allowed}.analysis-prompt-input::placeholder{color:#9a9590}.telegram-onboarding{display:grid;gap:.9rem;padding:1rem 1.2rem;border-radius:14px;background:#fff0d8;border:1px solid #f2d8aa}.telegram-panel{display:grid;gap:1rem}.telegram-success-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.9rem;align-items:center;padding:1rem 1.1rem;border-radius:16px;background:#eef8f0;border:1px solid #cfe7d5}.telegram-success-copy{display:grid;gap:.3rem}.telegram-success-label{font-weight:700;color:#1f6a35}.telegram-path-picker{display:inline-flex;gap:.55rem;padding:.35rem;width:fit-content;border-radius:999px;background:#dcccb547}.telegram-path-button{border:0;border-radius:999px;padding:.7rem 1rem;background:transparent;color:#604628;font:inherit;font-weight:600;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.telegram-path-button.active{background:#fff;color:#1f2f48;box-shadow:0 10px 24px #6046281f}.telegram-path-button:focus-visible{outline:2px solid #ff7a59;outline-offset:2px}.alert-example-panel{display:grid;gap:.75rem;padding:.95rem 1rem;border-radius:16px;background:#fff8ef;border:1px solid #eadfce}.alert-example-panel h4,.alert-example-panel p{margin:0}.alert-example-panel h4{color:#2e251d;font-size:.96rem}.alert-example-panel p{margin-top:.25rem;color:#6a5c48;font-size:.9rem;line-height:1.45}.alert-example-actions{display:flex;flex-wrap:wrap;gap:.5rem}.alert-example-button{padding:.58rem .75rem;border:1px solid rgba(121,89,52,.13);background:#fff;color:#4f3a14;box-shadow:none;font-size:.85rem;text-align:left}.alert-example-button:hover:enabled{transform:translateY(-1px);box-shadow:0 8px 18px #56371914}.telegram-subsection-header,.share-access-header{display:grid;gap:.35rem}.telegram-health{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .8rem;border-radius:999px;font-size:.82rem;font-weight:600}.telegram-health-dot{width:.7rem;height:.7rem;border-radius:50%;box-shadow:0 0 0 .18rem #00000014}.telegram-health-connected{background:#e5f7e8;color:#1f6a35}.telegram-health-connected .telegram-health-dot{background:#2faf52}.telegram-health-checking{background:#fff4d8;color:#805b10}.telegram-health-checking .telegram-health-dot{background:#e4ab16}.telegram-health-attention{background:#ffe3e0;color:#9d3529}.telegram-health-attention .telegram-health-dot{background:#d44b3d}.telegram-subsection{display:grid;gap:.85rem}.telegram-empty-state{display:grid;gap:.55rem;padding:.95rem 1rem;border-radius:14px;border:1px solid transparent}.telegram-empty-state-ready{background:#eff9f1;border-color:#cbe9d2}.telegram-empty-state-checking{background:#fff6dd;border-color:#f3dc8a}.telegram-empty-state-attention{background:#fff1ee;border-color:#f3c2ba}.telegram-empty-state-header{display:grid;gap:.35rem}.telegram-empty-state-badge{width:fit-content;padding:.28rem .6rem;border-radius:999px;background:#1a171414;color:#4a3927;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.telegram-empty-state-summary,.telegram-empty-state-next{margin:0;color:#4f3a14;font-size:.92rem;line-height:1.45}.monitoring-readiness-card{display:grid;gap:1rem;padding:1.2rem;border-radius:18px;background:#f7f1e8;border:1px solid #e6d7c6}.monitoring-readiness-header{display:grid;gap:.35rem}.monitoring-readiness-header h3{margin:0;font-size:1rem}.monitoring-readiness-header p{margin:0;color:#6a5c48;font-size:.92rem}.monitoring-readiness-list{list-style:none;display:grid;gap:.7rem;padding:0;margin:0}.monitoring-readiness-item{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start}.monitoring-readiness-indicator{width:.85rem;height:.85rem;margin-top:.25rem;border-radius:50%;background:#d46f61;box-shadow:0 0 0 .18rem #d46f612e}.monitoring-readiness-item.is-complete .monitoring-readiness-indicator{background:#2faf52;box-shadow:0 0 0 .18rem #2faf522e}.monitoring-readiness-copy{display:grid;gap:.2rem}.monitoring-readiness-label{font-weight:600;color:#2e251d}.monitoring-readiness-note{color:#6a5c48;font-size:.88rem;line-height:1.45}.monitoring-readiness-action{margin-top:.4rem;width:fit-content}.monitoring-hints{display:grid;gap:.55rem;padding:.95rem 1rem;border-radius:16px;background:#ffffffb8;border:1px solid #e2d7c9}.monitoring-hint{margin:0;color:#4f3a14;font-size:.92rem;line-height:1.5}.monitoring-preview-actions{display:flex;flex-wrap:wrap;gap:.75rem}.monitoring-inline-message{margin:0;color:#275f39;font-weight:500}.monitoring-preview-card{display:grid;gap:.55rem;padding:1rem;border-radius:16px;background:#fff;border:1px solid #e8ddd0}.monitoring-camera-preview{width:min(100%,22rem);justify-self:start}.monitoring-camera-preview-video{width:100%;aspect-ratio:3 / 4;max-height:24rem;display:block;object-fit:contain;border-radius:14px;background:#111;border:1px solid #e2d7c9}.monitoring-preview-eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#805b10}.monitoring-preview-copy{margin:0;color:#4f3a14;line-height:1.5}.monitoring-preview-list{margin:0;padding-left:1.2rem;display:grid;gap:.35rem;color:#3e3021}.telegram-checklist{list-style:none;display:grid;gap:.55rem;padding:0;margin:0}.telegram-checklist-item{display:flex;align-items:center;gap:.65rem;font-size:.9rem;color:#6e4b27}.telegram-checklist-indicator{width:.75rem;height:.75rem;border-radius:50%;background:#d46f61;box-shadow:0 0 0 .18rem #d46f612e}.telegram-checklist-item.is-complete{color:#275f39}.telegram-checklist-item.is-complete .telegram-checklist-indicator{background:#2faf52;box-shadow:0 0 0 .18rem #2faf522e}.telegram-subsection-header h3,.telegram-recipients-header h3,.share-access-header h3{margin:0;font-size:1.05rem}.telegram-actions{display:flex;flex-wrap:wrap;gap:.75rem}.telegram-actions-primary{align-items:center}.telegram-actions-compact{width:100%}.telegram-link-button{border:0;padding:0;background:transparent;color:#7a5420;font:inherit;font-size:.9rem;font-weight:700;text-align:left;cursor:pointer}.telegram-link-button:disabled{opacity:.5}.telegram-link-button:hover,.telegram-link-button:focus-visible{text-decoration:underline}.telegram-inline-link{width:fit-content;color:#7a5420;font-size:.88rem;font-weight:600;text-decoration:none}.telegram-inline-link:hover,.telegram-inline-link:focus-visible{text-decoration:underline}.telegram-onboarding-copy{margin:0;font-size:.9rem;color:#4f3a14}.telegram-onboarding-command{flex-basis:100%}.telegram-test-alert-message{color:#275f39;font-weight:500}.telegram-onboarding-command code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:#4f3a141a;border-radius:8px;padding:.15rem .4rem}.telegram-recipients{display:grid;gap:1rem;padding:1.2rem;border-radius:18px;background:#fff;border:1px solid #e8dfd2;box-shadow:0 10px 30px #0000000d}.telegram-recipients-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:center}.telegram-recipients-header h2{margin:0;font-size:1.05rem}.telegram-recipient-list{list-style:none;display:grid;gap:.75rem;padding:0;margin:0}.telegram-recipient-item{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:center;padding:.9rem 1rem;border-radius:14px;background:#f7f2ea}.telegram-recipient-details{display:grid;gap:.2rem}.telegram-recipient-name{font-weight:600;color:#2a2a2a}.telegram-recipient-meta{margin:0;font-size:.9rem;color:#6a5c48}.monitoring-panel{display:grid;gap:1rem}.monitoring-callout{display:grid;gap:.45rem;padding:.95rem 1rem;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.monitoring-callout-copy{margin:0;color:#f5f2ed;font-size:.95rem;line-height:1.5}.share-access{display:grid;gap:1rem;padding:1.2rem;border-radius:18px;background:#fff;border:1px solid #e8dfd2;box-shadow:0 10px 30px #0000000d}.share-access-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:center}.share-access-header h2{margin:0;font-size:1.05rem}.share-access-controls{display:grid;gap:.75rem;align-items:end}.share-access-code{display:grid;gap:.35rem;margin:0;color:#6a5c48}.share-access-invite-callout{display:grid;gap:.5rem;padding:.95rem 1rem;border-radius:14px;background:#f7f2ea;border:1px solid #eadfce}.share-access-invite-grid{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:1rem;align-items:center}.share-access-qr{display:grid;gap:.45rem;justify-items:center;color:#5d4a38;font-size:.86rem;font-weight:700;text-align:center}.share-access-qr img{width:min(100%,220px);height:auto;border-radius:12px;background:#fff;border:1px solid #dfd2bf}.share-access-waiting{color:#4f3a14;font-weight:600}.share-access-fallback{background:#fff8ef;border-style:dashed}.share-access-code span{font-size:.9rem}.share-access-code code{width:fit-content;padding:.35rem .55rem;border-radius:10px;background:#f7f2ea;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#2a2a2a}.controls{display:flex;flex-wrap:wrap;gap:.75rem}button{border-radius:999px;border:none;padding:.85rem 1.8rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}button:disabled{cursor:not-allowed;opacity:.5}button.primary{background:#ff7a59;color:#fff;box-shadow:0 12px 24px #ff7a594d}@media(max-width:720px){.app{padding:2.2rem 1rem 3rem;gap:2rem}.app-main{gap:1.4rem}.onboarding-card{padding:1.2rem}.mode-toggle{width:100%;justify-content:stretch}.mode-toggle-button{flex:1}.telegram-panel,.monitoring-panel,.analysis-prompt-section{gap:.85rem}.telegram-path-picker{width:100%;justify-content:stretch}.setup-destination-actions,.alert-example-actions{display:grid;grid-template-columns:1fr}.setup-destination-button,.alert-example-button{width:100%;text-align:center}.setup-infographics{grid-template-columns:1fr}.setup-infographic-card{border-radius:16px}.telegram-success-row{align-items:flex-start}.telegram-path-button{flex:1;text-align:center}.share-access-invite-grid{grid-template-columns:1fr}.telegram-onboarding,.telegram-recipients,.share-access,.monitoring-readiness-card,.analysis-prompt-section,.setup-step,.history-section,.setup-intro,.live-monitor-hero{padding:1rem;border-radius:16px}.setup-step-header,.history-section-header{grid-template-columns:1fr}.setup-step-number{width:1.8rem;height:1.8rem}.controls button,.telegram-actions button,.telegram-actions a,.monitoring-preview-actions button{width:100%;justify-content:center;text-align:center}.telegram-link-button{width:fit-content}}button.secondary{background:#efe9df;color:#2a2a2a}button:not(:disabled):hover{transform:translateY(-1px)}.error-banner{margin:0;padding:.75rem 1rem;background:#ffe3de;border-radius:12px;color:#7c2c1f}.events{padding:1.5rem;border-radius:18px;background:#fff;box-shadow:0 10px 30px #00000014}.motion-controls{padding:1.5rem;border-radius:18px;background:#fdf7ef;box-shadow:0 10px 30px #00000014}.motion-controls h2{margin:0 0 1rem;font-size:1.3rem}.audio-controls{padding:1.5rem;border-radius:18px;background:#f2f6ff;box-shadow:0 10px 30px #00000014}.audio-controls h2{margin:0 0 1rem;font-size:1.3rem}.motion-grid{display:grid;gap:1rem}.motion-field{display:grid;gap:.4rem;font-size:.9rem}.motion-toggle{grid-auto-flow:column;justify-content:space-between;align-items:center}.motion-field input[type=range]{width:100%}.motion-field meter{width:100%;height:.9rem}.motion-value{font-size:.8rem;color:#6a6a6a}.events-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;min-width:0}.events-header h2{margin:0;font-size:1.4rem}.events-meta{font-size:.85rem;color:#6a6a6a;overflow-wrap:anywhere}.events-empty{margin:.8rem 0 0;color:#6a6a6a}.events-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.75rem;min-width:0}.history-expand-button{margin-top:.75rem;width:100%;border:1px solid rgba(84,64,42,.16);background:#fffaf4;color:#5b3f24;font-weight:650}.event-item{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:12px;background:#f6f1e9;min-width:0;box-sizing:border-box}.event-item>div{min-width:0}.event-header{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;min-width:0}.event-id-row{display:flex;gap:.5rem;align-items:center;min-width:0;flex-wrap:wrap}.event-id{font-weight:600;overflow-wrap:anywhere}.event-copy{border:1px solid #d9d2c8;background:#fff;color:#2a2a2a;padding:.3rem .75rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;box-shadow:none}.event-copy.copied{border-color:#0b6e3f;color:#0b6e3f}.event-trigger{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6a6a6a;overflow-wrap:anywhere}.event-summary{margin:.4rem 0 0;font-size:.95rem;color:#2a2a2a;overflow-wrap:anywhere}.event-meta{margin-top:.3rem;display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6a6a6a;min-width:0}.event-meta span,.event-alert-reason,.event-inference-source{overflow-wrap:anywhere}.event-status{font-size:.85rem;font-weight:600;text-transform:capitalize;overflow-wrap:anywhere}.status-processing{color:#a96b00}.status-done{color:#0b6e3f}.clip-timeline{padding:1.5rem;border-radius:18px;background:#fff;box-shadow:0 10px 30px #00000014}.clip-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.clip-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.75rem;min-width:0}.clip-item{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:12px;background:#f3f5f7;align-items:center;min-width:0;box-sizing:border-box}.clip-item>div{min-width:0}.clip-id{font-weight:600;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;overflow-wrap:anywhere}.clip-badge{font-size:.65rem;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.clip-badge.benchmark{background:#10b981;color:#fff}.clip-triggers{color:#3b82f6;font-weight:500}.clip-controls{padding:1.5rem;border-radius:18px;background:#fdf7ef;box-shadow:0 10px 30px #00000014}.status-card-header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.status-card-header h3{margin:0;font-size:1rem}.operator-overview-panel,.triage-stats-panel{padding:1.5rem;border-radius:18px;background:#f8fafc;border:1px solid #d8e2ec;box-shadow:0 10px 30px #1e293b14;display:grid;gap:1rem}.operator-overview-meta{margin:.2rem 0 0;color:#64748b;font-size:.85rem}.operator-overview-sections{display:grid;gap:1rem}.operator-overview-section{display:grid;gap:.7rem}.operator-overview-section h4{margin:0;color:#334155;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.operator-metric-grid,.triage-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.65rem}.operator-metric,.triage-stat{min-height:5.2rem;padding:.8rem;border-radius:10px;border:1px solid #dbe5ef;background:#fff;display:grid;align-content:space-between;gap:.55rem}.operator-metric-value,.triage-stat-value{color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1;overflow-wrap:anywhere}.operator-metric-label,.triage-stat-label{color:#64748b;font-size:.74rem;font-weight:700;letter-spacing:.05em;line-height:1.2;text-transform:uppercase}.operator-metric.tone-ok{border-color:#bbf7d0;background:#f0fdf4}.operator-metric.tone-warn{border-color:#fde68a;background:#fffbeb}.operator-metric.tone-danger{border-color:#fecaca;background:#fff1f2}.triage-stat-savings{border-color:#bae6fd;background:#f0f9ff}.observability-panel{padding:1.5rem;border-radius:18px;background:#f8fafc;border:1px solid #d8e2ec;box-shadow:0 10px 30px #1e293b14;display:grid;gap:1rem}.observability-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.observability-header h3{margin:0;font-size:1rem}.observability-header p{margin:.2rem 0 0;color:#64748b;font-size:.85rem}.observability-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.observability-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.observability-filters label{display:grid;gap:.35rem;color:#475569;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.observability-filters input{min-width:0;border:1px solid #cbd5e1;border-radius:10px;padding:.55rem .7rem;font-size:.9rem;text-transform:none;letter-spacing:0}.observability-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.observability-item{border-left:4px solid #64748b;border-radius:10px;background:#fff;padding:.8rem .9rem;display:grid;gap:.45rem}.observability-item.severity-error{border-left-color:#dc2626}.observability-item.severity-warning{border-left-color:#d97706}.observability-item-main,.observability-correlation{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.observability-time,.observability-source,.observability-correlation,.observability-item summary{color:#64748b;font-size:.82rem}.observability-type{color:#0f172a;font-weight:700}.observability-item pre{margin:.65rem 0 0;max-height:12rem;overflow:auto;border-radius:8px;background:#0f172a;color:#e2e8f0;padding:.75rem;font-size:.78rem}.observability-error{margin:0;color:#b91c1c;font-weight:600}.clip-controls h2{margin:0 0 1rem;font-size:1.3rem}.clip-controls h3{font-size:.95rem;font-weight:600;margin:1.25rem 0 .75rem;color:#64748b}.motion-toggle input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.clip-meta{margin-top:.3rem;display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6a6a6a;min-width:0}.clip-meta span{overflow-wrap:anywhere}.clip-error{color:#b91c1c;overflow-wrap:anywhere}.clip-inference-status{font-weight:600}.clip-inference-summary{margin:.4rem 0 0;font-size:.9rem;color:#2a2a2a;overflow-wrap:anywhere}.clip-inference-meta{margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.6rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6a6a6a;min-width:0}.clip-inference-meta span{overflow-wrap:anywhere}.clip-preview{margin-top:1rem;display:grid;gap:.5rem}.clip-preview video{width:100%;border-radius:12px;background:#111}@media(max-width:640px){.app-header{grid-template-columns:1fr;gap:.85rem}.language-switcher{justify-self:start}.app-header h1{font-size:clamp(1.8rem,1.5rem + 2vw,2.35rem)}.app-tagline{font-size:.96rem}.account-controls{align-items:stretch}.account-field input{width:100%}.status-card{padding:1rem;border-radius:16px}.status-row{flex-direction:column;align-items:flex-start;gap:.3rem}.observability-header,.status-card-header,.observability-actions{align-items:stretch;flex-direction:column}.observability-filters{grid-template-columns:1fr}.analysis-prompt-item,.share-access-controls,.telegram-recipients-header,.share-access-header{grid-auto-flow:row}.monitoring-preview-actions button{width:100%}.events-header,.event-item,.clip-item{flex-direction:column;align-items:flex-start}}.timeline-drawer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#100c0873;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}.timeline-drawer{width:min(100%,560px);height:100%;background:#fffdfa;border-left:1px solid #eadfce;box-shadow:-10px 0 30px #00000014;display:flex;flex-direction:column;animation:slideIn .25s cubic-bezier(.16,1,.3,1)}.drawer-header{padding:1.5rem 1.75rem;border-bottom:1px solid #f2e9dc;background:#fbf8f3}.drawer-title-row{display:flex;justify-content:space-between;align-items:center}.drawer-title-row h2{margin:0;font-size:1.5rem;color:#2b221a;font-weight:800}.drawer-close-btn{background:none;border:none;font-size:1.8rem;color:#7d6e5d;cursor:pointer;padding:.2rem .5rem;border-radius:50%;line-height:1}.drawer-close-btn:hover{background:#f2e7d7;color:#2b221a}.drawer-subtitle{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;font-size:.88rem;color:#7d6e5d}.drawer-capture-id{font-family:monospace;background:#f4ece0;padding:.15rem .4rem;border-radius:4px;width:fit-content}.drawer-actions{margin-top:1rem}.support-bundle-btn{padding:.5rem 1rem;font-size:.88rem;background:#ff7a59;color:#fff;border-radius:99px;border:none}.support-bundle-btn:hover{background:#e66847}.drawer-body{flex:1;overflow-y:auto;padding:1.75rem}.timeline-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;color:#7d6e5d}.timeline-loading .spinner{width:2.5rem;height:2.5rem;border:3px solid #eedec7;border-top-color:#ff7a59;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.timeline-gaps-summary{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.gap-badge{padding:.6rem .85rem;border-radius:8px;font-size:.88rem;font-weight:600}.gap-badge.gap-warning{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.gap-badge.gap-info{background:#e2f0d9;border:1px solid #d4edda;color:#155724}.timeline-container{margin-top:1rem}.timeline-list{display:flex;flex-direction:column;gap:0}.timeline-entry{display:flex;gap:1.25rem;position:relative}.timeline-marker{display:flex;flex-direction:column;align-items:center;width:1.5rem;flex-shrink:0}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#ff7a59;margin-top:6px;z-index:2}.timeline-entry.severity-warning .timeline-dot{background:#ffc107;box-shadow:0 0 0 3px #ffc10733}.timeline-entry.severity-error .timeline-dot{background:#dc3545;box-shadow:0 0 0 3px #dc354540}.timeline-line{width:2px;flex:1;background:#ebdcc6;margin:4px 0}.timeline-entry-content{flex:1;padding-bottom:1.75rem}.timeline-entry-header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.82rem;margin-bottom:.25rem}.timeline-entry-time{font-weight:700;color:#2b221a;font-family:monospace}.timeline-entry-source{background:#f2e7d7;color:#5d4a38;padding:.1rem .35rem;border-radius:4px;font-weight:600}.timeline-entry-stage{font-weight:600;color:#ff7a59}.timeline-entry-message{margin:0 0 .5rem;color:#4a3c31;font-size:.94rem;line-height:1.45}.toggle-metadata-btn{background:none;border:1px solid #ebdcc6;padding:.25rem .65rem;font-size:.78rem;border-radius:6px;color:#7d6e5d;font-weight:600}.toggle-metadata-btn:hover{background:#fdfaf5;color:#ff7a59}.timeline-metadata-pre{margin-top:.5rem;background:#25201c;color:#e6dfd9;padding:.75rem;border-radius:8px;font-size:.82rem;font-family:monospace;overflow-x:auto}.event-card-content{display:flex;flex-direction:column;gap:.85rem;width:100%}.event-timeline-btn{background:#ebdcc6;color:#5d4a38;padding:.3rem .85rem;font-size:.8rem;font-weight:700;border-radius:99px;margin-left:.5rem}.event-timeline-btn:hover{background:#dfcfb6;color:#2b221a}.event-feedback-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-top:.4rem}.feedback-label{font-size:.82rem;font-weight:700;color:#7d6e5d;margin-right:.3rem}.feedback-btn{border:1px solid #ebdcc6;background:#fff;color:#5d4a38;padding:.35rem .75rem;font-size:.8rem;font-weight:600;border-radius:99px;transition:all .15s ease}.feedback-btn:hover{border-color:#ff7a59;color:#ff7a59;background:#fffbf9}.feedback-btn.active{color:#fff;border-color:#ff7a59}.feedback-btn.feedback-useful.active{background:#28a745;border-color:#28a745}.feedback-btn.feedback-not-useful.active{background:#6c757d;border-color:#6c757d}.feedback-btn.feedback-false-alarm.active{background:#dc3545;border-color:#dc3545}.feedback-btn.feedback-wrong-summary.active{background:#fd7e14;border-color:#fd7e14}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}