:root{--lr-deep: #0b3d52;--lr-teal: #1187a5;--lr-aqua: #2aa9c4;--lr-coral: #e5533c;--lr-bg: #f3f6f8;--lr-card: #ffffff;--lr-ink: #14242c;--lr-muted: #5d717a;--lr-line: #dde6ea;--lr-ok: #2e7d52;--lr-warn: #c77700;--lr-err: #c0392b;--lr-radius: 12px;--lr-safe-top: env(safe-area-inset-top, 0px);--lr-safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--lr-ink);background:var(--lr-bg);-webkit-text-size-adjust:100%}h1{font-size:1.25rem;margin:.25rem 0}h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--lr-muted);margin:0 0 .5rem}.lr-app{display:flex;flex-direction:column;height:100%}.lr-boot{display:grid;place-items:center;height:100%;color:var(--lr-muted)}.lr-topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--lr-safe-top) + .6rem) 1rem .6rem;background:var(--lr-deep);color:#fff}.lr-topbar-title{font-weight:700}.lr-topbar-right{display:flex;align-items:center;gap:.75rem;font-size:.8rem}.lr-net{padding:.1rem .5rem;border-radius:999px;font-size:.72rem}.lr-net.is-online{background:#ffffff2e}.lr-net.is-offline{background:var(--lr-coral)}.lr-member{opacity:.85}.lr-main{flex:1;overflow-y:auto}.lr-btn-primary,.lr-btn-secondary{font:inherit;font-weight:600;border:none;border-radius:var(--lr-radius);padding:.7rem 1rem;cursor:pointer}.lr-btn-primary{background:var(--lr-teal);color:#fff}.lr-btn-primary:disabled{background:#9fc4cf;cursor:not-allowed}.lr-btn-secondary{background:#e7edf0;color:var(--lr-ink)}.lr-link{background:none;border:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:0}.lr-login{min-height:100%;display:grid;place-items:center;background:linear-gradient(160deg,var(--lr-deep),var(--lr-teal));padding:1.5rem}.lr-login-card{background:var(--lr-card);border-radius:18px;padding:2rem 1.5rem;width:100%;max-width:360px;text-align:center;box-shadow:0 20px 50px #00000040}.lr-login-logo{font-size:2.5rem}.lr-login-sub{color:var(--lr-muted);margin-top:.25rem}.lr-login form{margin-top:1.25rem;text-align:left;display:flex;flex-direction:column;gap:.5rem}.lr-login label{font-size:.8rem;color:var(--lr-muted)}.lr-login input{font:inherit;padding:.7rem;border:1px solid var(--lr-line);border-radius:var(--lr-radius)}.lr-login button{margin-top:.5rem}.lr-list{padding:1rem;padding-bottom:calc(1rem + var(--lr-safe-bottom))}.lr-list-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.lr-list-head .lr-btn-primary{white-space:nowrap}.lr-empty{color:var(--lr-muted);text-align:center;margin-top:3rem}.lr-list-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.lr-list-item{width:100%;display:flex;align-items:center;gap:.75rem;text-align:left;background:var(--lr-card);border:1px solid var(--lr-line);border-radius:var(--lr-radius);padding:.7rem .8rem;cursor:pointer;font:inherit}.lr-list-icon{font-size:1.4rem}.lr-list-main{flex:1;min-width:0;display:flex;flex-direction:column}.lr-list-title{font-weight:600;display:flex;align-items:center;gap:.4rem}.lr-list-sub{color:var(--lr-muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lr-tag-remote{font-size:.62rem;text-transform:uppercase;background:#eef3f5;color:var(--lr-muted);border-radius:4px;padding:.05rem .3rem}.lr-badge{font-size:.68rem;font-weight:600;padding:.2rem .5rem;border-radius:999px;white-space:nowrap}.lr-badge--local{background:#fdebd0;color:var(--lr-warn)}.lr-badge--syncing{background:#d6eef5;color:var(--lr-teal)}.lr-badge--synced{background:#e1f0e8;color:var(--lr-ok)}.lr-badge--transcribed{background:#cdeede;color:var(--lr-ok)}.lr-badge--sync_failed{background:#f9d9d4;color:var(--lr-err)}.lr-badge--remote{background:#eef3f5;color:var(--lr-muted)}.lr-recorder{display:flex;flex-direction:column;height:100%}.lr-recorder-map{position:relative;height:38vh;min-height:220px}.lr-geo-status{position:absolute;left:.6rem;bottom:.6rem;z-index:500;background:#0b3d52d9;color:#fff;font-size:.72rem;padding:.25rem .55rem;border-radius:999px}.lr-recorder-panel{flex:1;overflow-y:auto;padding:1rem;padding-bottom:calc(1rem + var(--lr-safe-bottom));display:flex;flex-direction:column;gap:1.1rem}.lr-map-wrap{position:relative;height:100%}.lr-map{height:100%}.lr-recenter{position:absolute;right:.6rem;bottom:.6rem;z-index:500;width:42px;height:42px;border-radius:50%;border:none;background:#fff;color:var(--lr-deep);font-size:1.4rem;box-shadow:0 2px 8px #0000004d;cursor:pointer}.lr-recenter:disabled{opacity:.5}.lr-basemap{position:absolute;right:.6rem;top:.6rem;z-index:500;display:flex;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000004d}.lr-basemap button{font:inherit;font-size:.78rem;font-weight:600;border:none;padding:.35rem .7rem;background:#fff;color:var(--lr-deep);cursor:pointer}.lr-basemap button.is-active{background:var(--lr-deep);color:#fff}.lr-fullscreen{position:absolute;left:.6rem;top:5.2rem;z-index:500;width:36px;height:36px;border-radius:8px;border:none;background:#fff;color:var(--lr-deep);font-size:1.1rem;box-shadow:0 2px 8px #0000004d;cursor:pointer}.lr-map-wrap:fullscreen,.lr-map-wrap:-webkit-full-screen{width:100vw;height:100vh}.lr-location-switch{position:absolute;left:50%;bottom:.6rem;transform:translate(-50%);z-index:500;display:flex;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000004d}.lr-location-switch button{font:inherit;font-size:.78rem;font-weight:600;border:none;padding:.35rem .7rem;background:#fff;color:var(--lr-deep);cursor:pointer}.lr-location-switch button:not(:last-child){border-right:1px solid var(--lr-line)}.lr-location-switch button:hover{background:#eef3f5}.lr-section{background:var(--lr-card);border:1px solid var(--lr-line);border-radius:var(--lr-radius);padding:.9rem}.lr-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;margin-bottom:.5rem}.lr-section-head h2{margin:0}.lr-section-head input{font:inherit;padding:.4rem .5rem;border:1px solid var(--lr-line);border-radius:var(--lr-radius)}.lr-section-head--centered{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.lr-section-head--centered h2{justify-self:start}.lr-section-head--centered input{justify-self:center}.lr-section-head--centered-mid{justify-self:center;margin:0;text-align:center;white-space:nowrap}.lr-section-head--centered-end{justify-self:end;margin:0;text-align:right}.lr-rec-btn{width:100%;font:inherit;font-weight:600;padding:.8rem;border-radius:var(--lr-radius);border:2px solid var(--lr-teal);background:#fff;color:var(--lr-teal);cursor:pointer}.lr-rec-btn.is-recording{background:var(--lr-coral);border-color:var(--lr-coral);color:#fff;animation:lr-pulse 1.4s ease-in-out infinite}@keyframes lr-pulse{50%{opacity:.7}}.lr-audio-preview{display:flex;flex-direction:column;gap:.4rem}.lr-audio-preview audio{width:100%}.lr-chips{display:flex;flex-wrap:wrap;gap:.5rem}.lr-chip{font:inherit;padding:.5rem .8rem;border-radius:999px;border:1px solid var(--lr-line);background:#fff;cursor:pointer}.lr-chip.is-active{background:var(--lr-deep);color:#fff;border-color:var(--lr-deep)}.lr-chips--readonly .lr-chip{cursor:default}.lr-addtag{display:flex;gap:.5rem;margin-top:.6rem}.lr-addtag input{flex:1;font:inherit;padding:.5rem;border:1px solid var(--lr-line);border-radius:var(--lr-radius)}.lr-search{display:flex;gap:.5rem;margin-bottom:1rem}.lr-search input{flex:1;font:inherit;padding:.55rem .7rem;border:1px solid var(--lr-line);border-radius:var(--lr-radius)}.lr-search select{font:inherit;padding:.55rem .5rem;border:1px solid var(--lr-line);border-radius:var(--lr-radius);background:#fff;max-width:42%}.lr-source-btns{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0}.lr-source-btns button{font:inherit;font-size:.82rem;padding:.4rem .7rem;border:1px solid var(--lr-line);border-radius:999px;background:#fff;cursor:pointer}.lr-source-btns button:disabled{opacity:.45;cursor:not-allowed}.lr-source-btns button.is-active{background:var(--lr-teal);color:#fff;border-color:var(--lr-teal);opacity:1}.lr-geoportal-link{display:inline-block;margin-top:.6rem;font-size:.85rem;color:var(--lr-teal);text-decoration:underline}.lr-section-head .lr-geoportal-link{margin-top:0;white-space:nowrap;font-size:.78rem}.lr-hint--muted{color:var(--lr-muted);opacity:.85}.lr-photo-actions{display:flex;flex-wrap:wrap;gap:.5rem}.lr-photo-actions .lr-photo-btn,.lr-photo-actions .lr-rec-btn{flex:1 1 30%;border:none;box-shadow:0 1px 4px #0b3d522e;transition:box-shadow .15s ease,transform .15s ease}.lr-photo-actions .lr-photo-btn:hover,.lr-photo-actions .lr-rec-btn:hover{box-shadow:0 2px 8px #0b3d5247;transform:translateY(-1px)}.lr-photo-actions button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.lr-video-preview{margin-top:.6rem;display:flex;flex-direction:column;gap:.4rem}.lr-video-preview[hidden]{display:none}.lr-video-preview video{width:100%;border-radius:var(--lr-radius);background:#000}.lr-video-countdown{font-weight:600;color:var(--lr-coral)}.lr-takes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.lr-take-chip{display:flex;align-items:center;gap:.4rem;background:#eef3f5;border-radius:999px;padding:.3rem .4rem .3rem .7rem;font-size:.8rem}.lr-take-chip button{width:18px;height:18px;border-radius:50%;border:none;background:#00000026;color:var(--lr-ink);cursor:pointer;line-height:1;font-size:.7rem}.lr-edit-transcript{display:flex;flex-direction:column;gap:.5rem}.lr-edit-transcript .lr-actions{margin-top:0}.lr-track-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.6rem}.lr-photo-btn{font:inherit;font-weight:600;width:100%;padding:.8rem;border-radius:var(--lr-radius);border:none;background:#fff;color:var(--lr-teal);cursor:pointer}.lr-photo-btn.is-active{background:var(--lr-teal);color:#fff}.lr-thumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.lr-thumb{position:relative;width:76px;height:76px;border-radius:8px;overflow:hidden}.lr-thumb img,.lr-thumb video{width:100%;height:100%;object-fit:cover}.lr-thumb button{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;line-height:1}.lr-thumb-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:26px;height:26px;border-radius:50%;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;padding-left:2px;pointer-events:none}.lr-note{width:100%;font:inherit;padding:.6rem;border:1px solid var(--lr-line);border-radius:var(--lr-radius);resize:vertical}.lr-actions{display:flex;gap:.75rem}.lr-actions .lr-btn-primary,.lr-actions .lr-btn-secondary{flex:1}.lr-hint{color:var(--lr-muted);font-size:.8rem;margin:.4rem 0 0}.lr-hint--warn{color:var(--lr-warn)}.lr-error{color:var(--lr-err);font-size:.85rem}.lr-detail{padding:1rem;padding-bottom:calc(1rem + var(--lr-safe-bottom));display:flex;flex-direction:column;gap:1rem}.lr-detail-head{display:flex;align-items:center;justify-content:space-between}.lr-detail-meta{color:var(--lr-muted);font-size:.82rem;margin:0}.lr-detail audio{width:100%}.lr-audio-list{display:flex;flex-direction:column;gap:.5rem}.lr-audio-list audio{width:100%}.lr-video-list{display:flex;flex-direction:column;gap:.5rem}.lr-video-list video{width:100%;border-radius:var(--lr-radius);background:#000}.lr-transcript-status{font-size:.8rem;font-weight:600;margin:0 0 .4rem}.lr-transcript-status--done{color:var(--lr-ok)}.lr-transcript-status--pending{color:var(--lr-warn)}.lr-transcript-status--processing{color:var(--lr-teal)}.lr-transcript-status--failed{color:var(--lr-err)}.lr-transcript{background:#f7fafb;border-left:3px solid var(--lr-aqua);padding:.6rem .8rem;border-radius:0 8px 8px 0;line-height:1.5}.lr-offline-btn.is-active{color:#1565c0}.lr-offline-drawer{background:#f0f7ff;border-bottom:1px solid #cdd8e4;overflow-y:auto;max-height:55vh}.lr-offline-drawer .offline-panel{padding:.9rem 1rem;font-size:.82rem;max-width:520px;margin:0 auto}.lr-offline-drawer .offline-panel__header{font-size:.9rem}.lr-offline-drawer .offline-panel__title{font-size:.88rem}.lr-offline-drawer .offline-pkg{background:#fff;border:1px solid #cdd8e4;border-radius:6px;padding:.7rem .9rem;margin-bottom:.6rem}.lr-offline-drawer .offline-btn{font-size:.8rem;padding:.35rem .8rem}.lr-offline-drawer .offline-btn--primary{background:#1565c0;color:#fff}.lr-offline-drawer .offline-btn--cancel{background:#e0e8f0;color:#4a6070}.lr-offline-drawer .offline-btn--danger{background:#fff;color:#c62828;border:1px solid #c62828}.lr-offline-drawer .offline-progress-bar{height:8px}.lr-offline-drawer .offline-progress-bar__fill{background:#1565c0}