@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,0&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1a1c1f;background:#ededf2;font-synthesis:none;text-rendering:optimizeLegibility;--background: #f9f9fe;--surface: #f9f9fe;--surface-lowest: #fff;--surface-low: #f3f3f8;--surface-container: #ededf2;--surface-high: #e8e8ed;--surface-highest: #e2e2e7;--on-surface: #1a1c1f;--on-surface-variant: #414755;--secondary: #5d5e63;--outline: #717786;--outline-variant: #c1c6d7;--primary: #0058bc;--primary-container: #0070eb;--green: #34c759;--red: #ba1a1a}*{box-sizing:border-box}html{background:#ededf2}body{margin:0;min-width:320px;min-height:100dvh;background:#ededf2;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{border:0;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #0070eb;outline-offset:2px}.material-symbols-outlined{font-size:22px;line-height:1}.app-frame{position:relative;width:min(100%,430px);min-height:100dvh;margin:0 auto;overflow:hidden;background:var(--background)}.page{min-height:100dvh;background:var(--background)}.with-nav{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.icon-button{display:grid;width:40px;height:40px;padding:0;place-items:center;background:transparent;border-radius:999px;transition:background-color .16s ease,transform .16s ease}.icon-button:active{transform:scale(.94);background:var(--surface-highest)}.primary-button,.secondary-button,.primary-action,.compact-button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:600;transition:transform .16s ease,opacity .16s ease}.primary-button,.primary-action,.compact-button{color:#fff;background:var(--primary)}.primary-button:active,.secondary-button:active,.primary-action:active,.compact-button:active{transform:scale(.98)}.primary-button{width:100%;min-height:48px}.secondary-button{width:100%;min-height:48px;background:var(--surface-high)}.section-label{margin:0 0 8px 8px;color:var(--on-surface-variant);font-size:12px;font-weight:500;letter-spacing:.5px;line-height:16px}.bottom-nav{position:fixed;z-index:60;bottom:0;left:50%;display:flex;width:min(100%,430px);height:calc(56px + env(safe-area-inset-bottom));padding:4px 24px env(safe-area-inset-bottom);align-items:center;justify-content:space-around;border-top:1px solid rgb(193 198 215 / 30%);background:#f9f9fed1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(-50%)}.nav-item{display:flex;min-width:64px;height:48px;padding:4px 8px;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--secondary);background:transparent;font-size:11px}.nav-item .material-symbols-outlined{font-size:23px}.nav-item.active{color:var(--primary)}.login-screen{display:grid;min-height:100dvh;padding:32px 16px;place-items:center;background:var(--surface)}.login-panel{width:100%;max-width:384px}.login-logo{display:block;width:min(72vw,280px);height:auto;margin:0 auto 52px;object-fit:contain;filter:brightness(0)}.login-form{display:grid;gap:16px}.input-card{overflow:hidden;border:1px solid rgb(226 226 231 / 80%);border-radius:12px;background:#fff;box-shadow:0 1px 4px #1a1c1f0d}.input-card label{display:flex;min-height:44px;padding:10px 16px;align-items:center;gap:8px}.input-card label+label{border-top:1px solid rgb(226 226 231 / 55%)}.input-card label:focus-within{background:var(--surface-low)}.input-card .material-symbols-outlined{color:#5d5e6399;font-size:20px}.input-card input{width:100%;padding:0;border:0;outline:0;color:var(--on-surface);background:transparent;font-size:17px}.input-card input::placeholder{color:#5d5e637f}.login-links{display:flex;padding:0 4px;justify-content:space-between}.login-links button{padding:0;color:var(--primary);background:transparent;font-size:15px}.discovery-header{position:sticky;z-index:40;top:0;padding:calc(24px + env(safe-area-inset-top)) 16px 24px;border-bottom:1px solid rgb(193 198 215 / 30%);background:#f9f9fed1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.title-row{display:flex;align-items:center;justify-content:space-between}.title-row h1{margin:0;font-size:34px;font-weight:700;letter-spacing:.37px;line-height:41px}.discovery-header .icon-button{color:var(--primary)}.discovery-header p{display:flex;margin:8px 0 0;align-items:center;gap:7px;color:var(--secondary);font-size:13px}.scan-dot{width:8px;height:8px;border-radius:50%;background:var(--primary)}.pulse{animation:pulse 1.5s ease-in-out infinite}.spinning .material-symbols-outlined{animation:spin 1.4s linear infinite}.station-list{display:grid;padding:32px 16px 24px;gap:10px}.station-card{padding:16px;border:1px solid rgb(193 198 215 / 45%);border-radius:12px;background:#fff;box-shadow:0 2px 8px #1a1c1f0a}.station-summary,.station-actions,.connected-card{display:flex;align-items:center}.station-summary{padding:0;align-items:flex-start}.device-icon{display:grid;width:48px;height:48px;margin-right:12px;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--on-surface-variant);background:var(--surface-container)}.device-icon.online{color:var(--primary);background:#e8f1ff}.station-summary h2,.connected-card h2,.connected-card h3{margin:0;font-size:17px;font-weight:600;line-height:22px}.station-summary p,.connected-card p{margin:2px 0 0;color:var(--secondary);font-size:13px}.status-chip,.soft-chip{display:inline-flex;margin-left:auto;padding:4px 8px;align-items:center;gap:5px;border-radius:999px;color:var(--secondary);background:var(--surface-low);font-size:11px}.status-chip i,.live-state i{width:7px;height:7px;border-radius:50%;background:#f0b323}.status-chip.online i,.live-state i{background:var(--green)}.station-actions{min-height:52px;margin-top:16px;padding:16px 0 0;justify-content:space-between;border-top:1px solid rgb(226 226 231 / 60%)}.station-actions>span{display:flex;align-items:center;gap:4px;color:var(--on-surface-variant);font-size:13px}.station-actions .material-symbols-outlined{font-size:18px}.station-actions em{font-style:normal}.online-text{color:var(--green)}.compact-button{min-width:72px;min-height:36px;padding:7px 16px;border-radius:8px;font-size:15px}.brand-bar,.records-header{position:sticky;z-index:40;top:0;display:flex;height:calc(72px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;align-items:center;justify-content:space-between;border-bottom:1px solid rgb(193 198 215 / 30%);background:#f9f9fed1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-lockup img{width:34px;height:34px;border-radius:50%;object-fit:cover}.brand-lockup .brand-logo{width:106px;height:50px;border-radius:0;object-fit:contain;object-position:left center;filter:brightness(0)}.header-station-state{display:flex;min-width:0;margin-left:auto;padding:7px 9px;align-items:center;gap:7px;border-radius:10px;color:var(--on-surface-variant);background:var(--surface-low)}.header-station-state>i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--red)}.header-station-state.online>i{background:var(--green);box-shadow:0 0 0 4px #34c7591a}.header-station-state>span{display:flex;min-width:0;flex-direction:column}.header-station-state strong,.header-station-state small{display:block;overflow:hidden;max-width:88px;text-overflow:ellipsis;white-space:nowrap}.header-station-state strong{font-size:9px;font-weight:600}.header-station-state small{margin-top:1px;color:var(--secondary);font-size:7px}.brand-bar>.icon-button{margin-left:5px;flex:0 0 auto}.brand-lockup strong{font-size:17px;font-weight:700}.home-content{display:flex;min-height:calc(100dvh - 120px);padding:32px 16px 100px;flex-direction:column}.connected-card{min-height:76px;padding:14px 16px;border:1px solid rgb(226 226 231 / 65%);border-radius:12px;background:#fff}.live-state{display:flex;margin-left:auto;align-items:center;gap:7px;color:var(--green);font-size:12px}.ready-empty{display:flex;min-height:353px;margin:32px 0 0;padding:0 24px;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-icon{display:grid;width:84px;height:84px;margin-bottom:20px;place-items:center;border-radius:50%;color:var(--secondary);background:var(--surface-highest)}.hero-icon .material-symbols-outlined{font-size:48px}.ready-empty h1{margin:0 0 8px;font-size:34px;line-height:41px}.ready-empty p{max-width:310px;margin:0 0 24px;color:var(--on-surface-variant);font-size:15px;line-height:20px}.primary-action{min-height:50px;padding:12px 24px;font-size:17px}.simple-header{position:sticky;z-index:40;top:0;display:grid;height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;grid-template-columns:40px 1fr 40px;align-items:center;border-bottom:1px solid rgb(193 198 215 / 30%);background:#f9f9fed1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.simple-header h1{margin:0;grid-column:2;font-size:17px;text-align:center}.task-page{padding-bottom:86px}.task-content{padding:20px 16px}.segmented{display:flex;margin-bottom:32px;padding:2px;border-radius:8px;background:var(--surface-high)}.segmented button{flex:1;min-height:32px;border-radius:6px;color:var(--on-surface-variant);background:transparent;font-size:15px}.segmented button.active{color:var(--on-surface);background:#fff;box-shadow:0 1px 3px #1a1c1f14}.task-list{overflow:hidden;border:1px solid rgb(193 198 215 / 45%);border-radius:12px;background:#fff}.task-row{display:grid;width:100%;min-height:64px;padding:10px 12px 10px 16px;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:8px;background:#fff;text-align:left}.task-row+.task-row{border-top:1px solid rgb(226 226 231 / 70%)}.task-row.selected{background:#dce9ff}.task-copy{min-width:0}.task-copy strong,.task-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-copy strong{font-weight:600;font-size:17px;line-height:22px}.task-copy small{color:var(--on-surface-variant);font-size:13px;line-height:18px}.task-tag{padding:2px 7px;border-radius:999px;color:var(--secondary);background:var(--surface-high);font-size:10px}.task-tag.warning{color:#ba1a1a;background:#ffdad6}.radio{display:grid;width:22px;height:22px;place-items:center;border:1px solid var(--outline-variant);border-radius:50%}.radio.checked{color:#fff;border-color:var(--primary);background:var(--primary)}.radio .material-symbols-outlined{font-size:15px}.sticky-action{position:fixed;z-index:50;bottom:0;left:50%;width:min(100%,430px);padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid rgb(193 198 215 / 30%);background:#f9f9fee5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(-50%)}.ready-content{display:grid;padding:35px 16px 16px;gap:34px}.connected-card.compact{min-height:72px}.soft-chip{color:#138a3d;background:#e7f8eb}.task-detail-card{overflow:hidden;border:1px solid rgb(193 198 215 / 42%);border-radius:12px;background:#fff}.task-detail-card>h1,.task-detail-card>p,.task-kicker{margin-right:24px;margin-left:24px}.task-kicker{display:flex;padding-top:24px;align-items:center;justify-content:space-between;color:var(--primary);font-size:12px}.task-detail-card>h1{margin-top:9px;margin-bottom:16px;font-size:34px;line-height:41px}.task-detail-card>p{margin-top:0;margin-bottom:24px;color:var(--on-surface-variant);font-size:15px;line-height:21px}.preflight{padding:24px;border-top:1px solid rgb(226 226 231 / 75%);background:var(--surface-low)}.preflight h2{margin:0 0 12px;font-size:15px}.check-row{display:flex;min-height:46px;padding:10px;align-items:center;justify-content:space-between;border-radius:8px;background:#fff}.check-row+.check-row{margin-top:8px}.check-row span,.check-row em{display:flex;align-items:center;gap:8px;font-size:13px}.check-row span .material-symbols-outlined{color:var(--primary);font-size:20px}.check-row em{color:#138a3d;font-style:normal}.check-row em .material-symbols-outlined{font-size:14px}.primary-action.wide{width:calc(100% - 48px);margin:24px}.recording-screen{position:relative;min-height:100dvh;overflow:hidden;background:var(--surface)}.camera-feed{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:.3;background:url(/stitch/camera-feed.jpg) center / cover no-repeat;filter:grayscale(1) blur(4px)}.recording-screen:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:#f9f9fe33}.recording-topbar,.timer-panel,.pedal-notice{position:absolute;z-index:2}.recording-topbar{top:calc(8px + env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:flex-start;justify-content:space-between}.recording-topbar>div,.recording-topbar>button{display:flex;min-height:44px;align-items:center;border:1px solid rgb(193 198 215 / 35%);background:#ffffffc2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 2px 10px #1a1c1f12}.recording-topbar>div{padding:7px 10px;gap:8px;border-radius:8px}.recording-topbar>div>span{color:var(--on-surface-variant);font-size:11px;letter-spacing:.5px}.recording-topbar small{display:block;margin-top:2px;color:var(--on-surface);font-size:10px;letter-spacing:0}.recording-topbar>button{padding:7px 13px;gap:7px;border-radius:999px;color:var(--red);font-size:15px;font-weight:600}.recording-topbar button i{width:10px;height:10px;border-radius:50%;background:var(--red)}.timer-panel{top:42.5%;left:50%;display:flex;width:100%;flex-direction:column;align-items:center;transform:translate(-50%,-50%)}.timer-panel>strong{font-size:80px;font-weight:600;letter-spacing:-4px;line-height:1;text-shadow:0 1px 1px rgb(255 255 255 / 80%)}.timer-panel>span{margin-top:7px;color:var(--on-surface-variant);font-size:15px}.live-stats{display:grid;min-width:300px;margin-top:32px;padding:16px 24px;grid-template-columns:repeat(3,1fr);border:1px solid rgb(255 255 255 / 65%);border-radius:999px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.live-stats span{display:flex;padding:0 13px;flex-direction:column;align-items:center}.live-stats span+span{border-left:1px solid rgb(193 198 215 / 50%)}.live-stats b{font-size:15px}.live-stats small{color:var(--on-surface-variant);font-size:9px}.pedal-notice{right:16px;bottom:calc(28px + env(safe-area-inset-bottom));left:16px;display:flex;min-height:120px;align-items:center;flex-direction:column;justify-content:center;gap:12px;border:1px solid rgb(255 255 255 / 65%);border-radius:16px;background:#ffffffbd;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.pedal-notice .material-symbols-outlined{color:var(--secondary);font-size:32px}.pedal-notice p{margin:0;font-size:13px;text-align:center}.pedal-notice strong{display:block;margin-top:4px;font-size:15px}.success-screen{display:grid;min-height:100dvh;padding:16px;place-items:center;background:radial-gradient(circle at 12% 8%,rgb(216 226 255 / 42%),transparent 34%),radial-gradient(circle at 86% 88%,rgb(255 219 204 / 28%),transparent 32%),var(--surface)}.success-card{width:100%;max-width:398px;padding:32px;border:1px solid rgb(193 198 215 / 42%);border-radius:20px;background:#ffffffe0;text-align:center;box-shadow:0 5px 20px #1a1c1f0a}.success-icon{display:grid;width:96px;height:96px;margin:0 auto 24px;place-items:center;border-radius:50%;color:var(--green);background:#e6f7ec}.success-icon .material-symbols-outlined{font-size:48px}.success-card h1{margin:0 0 8px;font-size:34px;line-height:41px}.success-card>p{margin:0 auto 32px;color:var(--on-surface-variant);font-size:17px;line-height:22px}.success-stats{display:grid;margin-bottom:32px;grid-template-columns:1fr 1fr;gap:8px}.success-stats>span{display:flex;min-height:84px;padding:16px;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:12px;background:var(--surface-low)}.success-stats>span.wide{min-height:58px;grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between}.success-stats small{display:flex;align-items:center;gap:4px;color:var(--on-surface-variant);font-size:12px}.success-stats small .material-symbols-outlined{font-size:15px}.success-stats strong{margin-top:4px;font-size:16px}.success-actions{display:grid;gap:8px}.success-actions .material-symbols-outlined{font-size:20px}.records-content{display:grid;padding:34px 16px 24px;gap:38px}.record-group .section-label{text-transform:uppercase}.record-card,.settings-group>div{overflow:hidden;border:1px solid rgb(193 198 215 / 42%);border-radius:12px;background:#fff}.record-row{display:grid;width:100%;min-height:75px;padding:10px 12px 10px 16px;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:8px;background:#fff;text-align:left}.record-row+.record-row,.settings-row+.settings-row{border-top:1px solid rgb(226 226 231 / 65%)}.record-row strong,.record-row small{display:block}.record-row strong{font-size:16px;font-weight:400}.record-row small{margin-top:3px;color:var(--secondary);font-size:11px}.record-row em{padding:3px 8px;border-radius:999px;font-size:10px;font-style:normal}.record-row em.saved{color:#138a3d;background:#e7f8eb}.record-row em.unsaved{color:#ba1a1a;background:#ffdad6}.record-row>.material-symbols-outlined{color:var(--outline-variant);font-size:20px}.profile-content{display:grid;padding:18px 16px 28px;gap:16px}.profile-hero{margin-bottom:14px;text-align:center}.profile-hero img{width:92px;height:92px;border:2px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 3px 12px #1a1c1f1f}.profile-hero h1{margin:12px 0 3px;font-size:34px;line-height:41px}.profile-hero p{margin:0;color:var(--secondary);font-size:13px}.settings-row{display:grid;width:100%;min-height:56px;padding:8px 11px;grid-template-columns:32px auto minmax(0,1fr) 20px;align-items:center;gap:8px;background:#fff;text-align:left}.settings-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:7px;color:var(--secondary);background:var(--surface-high)}.settings-icon.blue{color:var(--primary);background:#dce9ff}.settings-icon.orange{color:#c64f00;background:#ffede6}.settings-icon .material-symbols-outlined{font-size:20px}.settings-row strong{font-size:15px;font-weight:400}.settings-row em{overflow:hidden;color:var(--on-surface-variant);font-size:12px;font-style:normal;text-align:right;text-overflow:ellipsis;white-space:nowrap}.settings-row>.material-symbols-outlined{color:var(--outline);font-size:20px}.logout-button{width:100%;margin-top:14px;min-height:50px;border:1px solid rgb(193 198 215 / 55%);border-radius:12px;color:var(--red);background:#fff;font-weight:600}.primary-button:disabled,.primary-action:disabled,.compact-button:disabled,.icon-button:disabled{cursor:default;opacity:.48}.scan-target{padding:14px;border:1px solid rgb(193 198 215 / 45%);border-radius:12px;background:#fff;box-shadow:0 2px 8px #1a1c1f0a}.scan-target>label{display:block;margin:0 0 8px 2px;color:var(--on-surface-variant);font-size:12px}.scan-target>div{display:grid;min-height:44px;padding:4px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;border-radius:9px;background:var(--surface-low)}.scan-target input{min-width:0;padding:0 8px;border:0;outline:0;background:transparent;font-size:15px}.scan-target span{color:var(--secondary);font-size:12px}.scan-target button{min-height:36px;padding:0 14px;border-radius:7px;color:#fff;background:var(--primary);font-size:13px;font-weight:600}.inline-message{display:flex;min-height:48px;padding:12px 14px;align-items:flex-start;gap:9px;border-radius:10px;color:var(--on-surface-variant);background:var(--surface-low);font-size:13px;line-height:18px}.inline-message.error{color:#8d1d18;background:#ffebe8}.inline-message .material-symbols-outlined{flex:0 0 auto;font-size:19px}.empty-state{display:flex;align-items:center;flex-direction:column;justify-content:center;color:var(--on-surface-variant);text-align:center}.compact-empty{min-height:180px;padding:24px;border:1px dashed rgb(193 198 215 / 75%);border-radius:12px;background:#ffffff8c}.compact-empty>.material-symbols-outlined{margin-bottom:10px;color:var(--outline);font-size:34px}.compact-empty strong{color:var(--on-surface);font-size:15px}.compact-empty span{max-width:270px;margin-top:5px;font-size:12px;line-height:17px}.live-state.offline{color:var(--red)}.live-state.offline i{background:var(--red)}.header-action{grid-column:3}.station-context{display:flex;min-height:58px;margin-bottom:24px;padding:10px 14px;align-items:center;gap:11px;border-radius:12px;color:var(--primary);background:#e8f1ff}.station-context>span{display:flex;flex-direction:column}.station-context small{color:var(--on-surface-variant);font-size:10px}.station-context strong{color:var(--on-surface);font-size:14px}.task-content>.inline-message{margin-bottom:18px}.task-skeleton{display:grid;min-height:96px;place-items:center;border-radius:12px;color:var(--secondary);background:var(--surface-low);font-size:13px}.project-list{display:grid;gap:18px}.project-heading{display:flex;min-height:34px;padding:0 8px;align-items:center;justify-content:space-between}.project-heading>span{display:flex;min-width:0;align-items:center;gap:7px}.project-heading .material-symbols-outlined{color:var(--primary);font-size:18px}.project-heading strong{overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.project-heading small{color:var(--secondary);font-size:11px}.camera-section{display:grid;gap:10px}.section-title-row{display:flex;padding:0 8px;align-items:flex-end;justify-content:space-between}.section-title-row>span{display:flex;flex-direction:column}.section-title-row small{color:var(--on-surface-variant);font-size:11px}.section-title-row strong{margin-top:2px;font-size:17px}.section-title-row em{display:flex;align-items:center;gap:5px;color:var(--red);font-size:10px;font-style:normal;font-weight:700;letter-spacing:.7px}.section-title-row em i{width:7px;height:7px;border-radius:50%;background:var(--red);animation:pulse 1.5s ease-in-out infinite}.stream-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stream-card{min-width:0;overflow:hidden;border:1px solid rgb(193 198 215 / 48%);border-radius:12px;background:#fff}.live-media{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:radial-gradient(circle at 50% 45%,rgb(0 88 188 / 16%),transparent 48%),#17191e}.live-media video,.live-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.live-media video{opacity:0}.live-media video.visible{opacity:1}.stream-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:7px;color:#ffffffc7;font-size:10px}.stream-loading i{width:7px;height:7px;border-radius:50%;background:#61a1ff;animation:pulse 1.2s ease-in-out infinite}.stream-loading.error{color:#ffb4ab}.stream-card>footer{display:flex;min-height:48px;padding:7px 9px;align-items:center;justify-content:space-between;gap:6px}.stream-card>footer>span{min-width:0}.stream-card footer strong,.stream-card footer small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-card footer strong{font-size:10px;font-weight:600}.stream-card footer small{margin-top:2px;color:var(--secondary);font-size:8px}.stream-card footer em{flex:0 0 auto;padding:2px 5px;border-radius:999px;color:#126a36;background:#e7f8eb;font-size:7px;font-style:normal}.camera-placeholder{display:flex;min-height:120px;align-items:center;flex-direction:column;justify-content:center;gap:8px;border:1px dashed rgb(193 198 215 / 75%);border-radius:12px;color:var(--secondary);background:var(--surface-low);font-size:12px}.camera-placeholder .material-symbols-outlined{font-size:30px}.preflight-problems{margin-top:10px;padding:9px 11px;border-radius:8px;color:#8d1d18;background:#ffebe8}.preflight-problems p{margin:0;font-size:10px;line-height:15px}.preflight-problems p+p{margin-top:4px}.check-row em.bad{color:var(--red)}.check-row em.pending{color:var(--secondary)}.waiting-pedal{display:flex;min-height:94px;padding:18px 24px;align-items:center;gap:13px;border-top:1px solid rgb(226 226 231 / 75%)}.pedal-pulse{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--primary);background:#e8f1ff}.pedal-pulse.active{animation:pedal-ring 2s ease-out infinite}.waiting-pedal>div{display:flex;flex-direction:column}.waiting-pedal strong{font-size:13px}.waiting-pedal small{margin-top:4px;color:var(--secondary);font-size:10px;line-height:14px}.bare-media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;opacity:.52;filter:saturate(.85)}.recording-screen>.bare-media+.recording-topbar{z-index:3}.brand-profile img{width:190px;height:auto;border:0;border-radius:0;object-fit:contain;filter:brightness(0);box-shadow:none}.profile-content>.secondary-button{margin-top:-8px}.user-avatar{position:relative;display:inline-grid;width:48px;height:48px;flex:0 0 auto;overflow:hidden;place-items:center;border:3px solid #fff;border-radius:50%;background:#dce9ff;box-shadow:0 8px 24px #12315924}.user-avatar.large{width:82px;height:82px}.user-avatar svg{width:100%;height:100%}.login-screen{position:relative;display:block;min-height:100dvh;overflow:hidden;padding:0;background:#f6f8fc}.login-sensor-field{position:absolute;top:-80px;right:-75px;width:390px;height:390px;opacity:.58;background:radial-gradient(circle,rgb(0 88 188 / 24%) 0 2px,transparent 2.5px) 0 0 / 25px 25px,radial-gradient(circle at 50% 50%,rgb(122 177 255 / 40%),transparent 62%);-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 48%,transparent 76%);mask-image:radial-gradient(circle at 50% 50%,#000 0 48%,transparent 76%);transform:rotate(-11deg)}.login-sensor-field:after{position:absolute;top:125px;left:130px;width:112px;height:112px;border:1px solid rgb(0 88 188 / 18%);border-radius:50%;content:"";box-shadow:0 0 0 22px #0058bc0a,0 0 0 50px #0058bc08}.login-panel{position:relative;z-index:1;display:flex;width:100%;min-height:100dvh;max-width:430px;margin:0 auto;padding:calc(26px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));flex-direction:column}.login-brand{display:flex;height:58px;align-items:center;justify-content:space-between}.login-brand .login-logo{width:112px;height:52px;margin:0;object-fit:contain;object-position:left center;filter:brightness(0)}.login-brand>span{color:#6f7787;font-size:9px;font-weight:700;letter-spacing:1.6px}.login-identity{margin:clamp(44px,8vh,78px) 4px 22px}.login-identity>.user-avatar{margin-bottom:18px;box-shadow:0 0 0 8px #ffffffd1,0 14px 38px #1231592e}.login-identity>div small{color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.8px}.login-identity h1{margin:3px 0 0;font-size:34px;font-weight:700;letter-spacing:-.8px;line-height:41px}.login-identity>p{max-width:310px;margin:9px 0 0;color:#5d6574;font-size:13px;line-height:19px}.login-intro{margin:clamp(72px,13vh,122px) 4px 24px}.login-intro small{color:var(--primary);font-size:10px;font-weight:700;letter-spacing:1.4px}.login-intro h1{margin:7px 0 0;font-size:42px;font-weight:700;letter-spacing:-1.5px;line-height:48px}.login-intro p{margin:9px 0 0;color:#5d6574;font-size:13px}.login-card{margin:auto 0;padding:20px 18px 16px;border:1px solid rgb(255 255 255 / 78%);border-radius:22px;background:#ffffffdb;box-shadow:0 22px 60px #142d4f1f,0 2px 8px #142d4f0d;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.designed-field{display:grid;gap:7px}.designed-field>span{padding-left:4px;color:#4f5765;font-size:11px;font-weight:600}.designed-field>div{display:flex;min-height:50px;padding:0 13px;align-items:center;gap:10px;border:1px solid #e1e6ee;border-radius:13px;background:#f7f9fc;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.designed-field>div:focus-within{border-color:#0058bc8c;background:#fff;box-shadow:0 0 0 3px #0058bc14}.designed-field .material-symbols-outlined{color:#7a8494;font-size:19px}.designed-field input{width:100%;min-width:0;padding:0;border:0;outline:0;color:var(--on-surface);background:transparent;font-size:15px}.designed-field>div>button{display:grid;width:34px;height:34px;padding:0;flex:0 0 auto;place-items:center;border-radius:50%;background:transparent}.login-options{display:flex;padding:1px 3px 0;align-items:center;justify-content:space-between;color:#626b79;font-size:11px}.login-options label{display:flex;align-items:center;gap:6px}.login-options input{width:15px;height:15px;accent-color:var(--primary)}.login-options button{padding:4px 0;color:var(--primary);background:transparent}.login-options>span{color:#8a929f;font-size:9px}.login-auth-error{display:flex;min-height:34px;padding:8px 10px;align-items:center;gap:6px;border:1px solid rgb(186 26 26 / 12%);border-radius:10px;color:#a31515;background:#fff1f0;font-size:10px}.login-auth-error .material-symbols-outlined{font-size:16px}.login-submit{min-height:52px;border-radius:13px;justify-content:space-between;padding:0 16px 0 20px;box-shadow:0 10px 24px #0058bc33}.login-submit .material-symbols-outlined{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#ffffff29;font-size:17px}.login-card .login-links{padding:2px 2px 0;align-items:center}.login-card .login-links>span{display:flex;align-items:center;gap:6px;color:#7a8494;font-size:9px}.login-card .login-links i{width:6px;height:6px;border-radius:50%;background:#a6acb6}.login-card .login-links i.online{background:var(--green)}.login-card .login-links button{font-size:11px}.task-create-actions{display:grid;margin-bottom:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.task-create-actions>button{display:grid;min-width:0;min-height:82px;padding:12px;grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:8px;border:1px solid rgb(193 198 215 / 48%);border-radius:12px;background:#fff;text-align:left}.task-create-actions>button:disabled{opacity:.42}.task-create-actions>button>span{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;color:var(--primary);background:#e8f1ff}.task-create-actions>button>span .material-symbols-outlined{font-size:18px}.task-create-actions>button>div{min-width:0}.task-create-actions strong,.task-create-actions small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-create-actions strong{font-size:12px}.task-create-actions small{margin-top:3px;color:var(--secondary);font-size:8px}.task-create-actions>button>.material-symbols-outlined{color:var(--primary);font-size:16px}.task-app-header{height:calc(70px + env(safe-area-inset-top))}.task-header-title{display:flex;min-width:0;grid-column:2;align-items:center;flex-direction:column;justify-content:center}.task-header-title h1{margin:0;grid-column:auto;font-size:16px;line-height:20px}.task-header-title>span{display:flex;max-width:180px;margin-top:2px;align-items:center;gap:5px;overflow:hidden;color:var(--secondary);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.task-header-title>span i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--green)}.create-project-button{color:var(--primary);background:#e8f1ff}.create-project-button .material-symbols-outlined{font-size:19px}.task-list-toolbar{display:flex;min-height:48px;padding:0 7px 8px;align-items:flex-end;justify-content:space-between}.task-list-toolbar>span{display:flex;flex-direction:column}.task-list-toolbar small{color:var(--primary);font-size:7px;font-weight:700;letter-spacing:.9px}.task-list-toolbar strong{margin-top:2px;font-size:13px}.task-list-toolbar>button{display:flex;min-height:30px;padding:0 9px;align-items:center;gap:4px;border-radius:8px;color:var(--primary);background:#e8f1ff;font-size:9px}.task-list-toolbar>button .material-symbols-outlined{font-size:15px}.project-heading>div{display:flex;flex:0 0 auto;align-items:center;gap:8px}.project-heading>div>button{display:flex;min-height:26px;padding:0 7px;align-items:center;gap:2px;border-radius:7px;color:var(--primary);background:#e8f1ff;font-size:8px;font-weight:600}.project-heading>div>button .material-symbols-outlined{font-size:13px}.mobile-dialog-backdrop,.record-preview-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex;padding:18px 0 0;align-items:flex-end;justify-content:center;background:#1218226b;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.mobile-dialog{width:min(100%,430px);max-height:calc(94dvh - env(safe-area-inset-top));overflow-y:auto;padding:22px 18px calc(18px + env(safe-area-inset-bottom));border:1px solid rgb(255 255 255 / 70%);border-radius:24px 24px 0 0;background:#f9fafe;box-shadow:0 -18px 60px #0a192d2e}.mobile-dialog>header{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:start;gap:11px}.dialog-glyph{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:var(--primary);background:#e2edff}.mobile-dialog header small{color:var(--primary);font-size:8px;font-weight:700;letter-spacing:1.1px}.mobile-dialog header h2{margin:2px 0 0;font-size:24px;line-height:29px}.mobile-dialog header p{margin:5px 0 0;color:var(--secondary);font-size:10px;line-height:15px}.mobile-dialog header>button{display:grid;width:34px;height:34px;padding:0;place-items:center;border-radius:50%;background:var(--surface-high)}.dialog-fields{display:grid;margin-top:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.dialog-field{display:grid;min-width:0;gap:6px}.dialog-field.wide{grid-column:1 / -1}.dialog-field>span{padding-left:2px;color:#555e6c;font-size:10px;font-weight:600}.dialog-field input,.dialog-field textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid #dde2eb;border-radius:10px;outline:0;color:var(--on-surface);background:#fff;font-size:12px;resize:vertical}.dialog-field input{min-height:42px}.stream-selector{margin-top:18px}.stream-selector>div:first-child{display:flex;padding:0 2px 8px;align-items:center;justify-content:space-between}.stream-selector>div:first-child strong{font-size:12px}.stream-selector>div:first-child small{color:var(--secondary);font-size:8px}.stream-choice-grid{display:grid;max-height:210px;overflow-y:auto;gap:6px}.stream-choice-grid>label{position:relative;display:grid;min-height:51px;padding:8px 10px;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:8px;border:1px solid #e0e5ed;border-radius:10px;background:#fff}.stream-choice-grid input{position:absolute;opacity:0;pointer-events:none}.stream-choice-grid label>span{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;color:#687384;background:var(--surface-low)}.stream-choice-grid label>span .material-symbols-outlined{font-size:17px}.stream-choice-grid label>div{min-width:0}.stream-choice-grid label strong,.stream-choice-grid label small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-choice-grid label strong{font-size:10px}.stream-choice-grid label small{color:var(--secondary);font-size:8px}.stream-choice-grid label>.material-symbols-outlined{color:#b2b8c1;font-size:18px}.stream-choice-grid label:has(input:checked){border-color:#0058bc57;background:#f4f8ff}.stream-choice-grid label:has(input:checked)>span{color:var(--primary);background:#e2edff}.stream-choice-grid label:has(input:checked)>.material-symbols-outlined{color:var(--primary)}.dialog-empty{padding:20px;border-radius:10px;color:var(--secondary);background:var(--surface-low);font-size:11px;text-align:center}.advanced-fields{margin-top:14px;border-top:1px solid #e3e7ee}.advanced-fields summary{padding:12px 2px 8px;color:var(--secondary);cursor:pointer;font-size:9px}.advanced-fields>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dialog-error{display:flex;margin-top:12px;padding:10px;align-items:flex-start;gap:7px;border-radius:9px;color:#8d1d18;background:#ffebe8;font-size:10px;line-height:15px}.dialog-error .material-symbols-outlined{font-size:17px}.mobile-dialog>footer{display:grid;margin-top:18px;grid-template-columns:1fr 1.7fr;gap:8px}.mobile-dialog>footer button{min-height:46px;border-radius:11px;font-size:13px;font-weight:600}.dialog-cancel{background:var(--surface-high)}.dialog-confirm{color:#fff;background:var(--primary)}.capture-start-actions{padding:20px 24px 4px;border-top:1px solid rgb(226 226 231 / 75%)}.capture-start-actions .inline-message{margin-bottom:12px}.capture-start-actions .capture-start-button{width:100%;margin:0}.start-divider{display:flex;margin:15px 0 0;align-items:center;gap:10px;color:var(--secondary);font-size:9px}.start-divider i{height:1px;flex:1;background:#e3e6eb}.record-row:not(:disabled):active{background:#f2f6fd}.record-row:disabled{cursor:default;opacity:.64}.record-preview-dialog{width:min(100%,430px);height:calc(96dvh - env(safe-area-inset-top));overflow-y:auto;border-radius:24px 24px 0 0;background:#f7f8fc;box-shadow:0 -18px 60px #0a192d38}.record-preview-dialog>header{position:sticky;z-index:3;top:0;display:flex;min-height:96px;padding:18px 18px 14px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgb(193 198 215 / 34%);background:#f7f8fce5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.record-preview-dialog>header small{color:var(--primary);font-size:8px;font-weight:700;letter-spacing:1px}.record-preview-dialog>header h2{margin:3px 0 2px;font-size:23px}.record-preview-dialog>header p{margin:0;color:var(--secondary);font-size:9px}.record-preview-dialog>header button{display:grid;width:36px;height:36px;padding:0;place-items:center;border-radius:50%;background:var(--surface-high)}.record-preview-dialog>.inline-message{margin:16px}.record-preview-loading{display:flex;min-height:280px;align-items:center;flex-direction:column;justify-content:center;gap:12px;color:var(--secondary)}.record-preview-loading>span{width:28px;height:28px;border:2px solid #dbe5f4;border-top-color:var(--primary);border-radius:50%;animation:spin .9s linear infinite}.record-preview-loading strong{font-size:12px}.record-preview-body{display:grid;padding:14px 14px calc(24px + env(safe-area-inset-bottom));gap:12px}.record-modality-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.record-modality-strip>div{display:flex;min-width:0;min-height:58px;padding:9px;align-items:center;gap:6px;border:1px solid rgb(193 198 215 / 42%);border-radius:10px;background:#fff}.record-modality-strip .material-symbols-outlined{color:var(--primary);font-size:17px}.record-modality-strip span{min-width:0}.record-modality-strip small,.record-modality-strip strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-modality-strip small{color:var(--secondary);font-size:7px}.record-modality-strip strong{margin-top:2px;font-size:9px}.record-track-section{overflow:hidden;border:1px solid rgb(193 198 215 / 42%);border-radius:13px;background:#fff}.record-track-section>header{display:grid;min-height:62px;padding:10px 12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid #e8eaf0}.record-track-section>header>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:var(--primary);background:#e8f1ff}.record-track-section header small{color:var(--primary);font-size:7px;font-weight:700;letter-spacing:.8px}.record-track-section header h3{margin:1px 0 0;font-size:13px}.record-track-section header em{color:var(--secondary);font-size:9px;font-style:normal}.record-video-grid{display:grid;padding:8px;grid-template-columns:1fr;gap:8px}.record-video-grid figure{margin:0;overflow:hidden;border-radius:9px;background:#12151a}.record-video-grid video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#12151a}.record-video-grid figcaption{padding:7px 9px;overflow:hidden;color:#ffffffc7;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.record-touch-grid{display:grid;padding:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.record-touch-tile{min-width:0;margin:0}.record-touch-tile>div{position:relative;overflow:hidden;aspect-ratio:1;border-radius:8px;background:#14171c}.record-touch-tile canvas{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.record-touch-tile>div span{position:absolute;top:5px;right:5px;padding:2px 4px;border-radius:4px;color:#fff;background:#00000070;font-size:6px}.record-touch-tile figcaption{padding:4px 2px;overflow:hidden;color:var(--secondary);font-size:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.event-track>div{display:grid;padding:4px 10px 10px}.event-track article{display:flex;min-height:48px;padding:8px 2px;align-items:center;justify-content:space-between;gap:12px}.event-track article+article{border-top:1px solid #eceef3}.event-track article>span{min-width:0}.event-track article strong,.event-track article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-track article strong{font-size:10px}.event-track article small{margin-top:2px;color:var(--secondary);font-size:8px}.event-track article>div{flex:0 0 auto;text-align:right}.event-track article b{display:block;font-size:10px}.record-track-empty{grid-column:1 / -1;padding:24px;color:var(--secondary);font-size:10px;text-align:center}.collector-pass{position:relative;overflow:hidden;padding:20px;border:1px solid rgb(255 255 255 / 12%);border-radius:22px;color:#fff;background:radial-gradient(circle at 94% 6%,rgb(49 135 255 / 42%),transparent 31%),linear-gradient(145deg,#132b50,#0d1d35 62%,#0a172b);box-shadow:0 16px 34px #152d5233}.collector-pass-pattern{position:absolute;width:152px;height:152px;right:-28px;bottom:-38px;opacity:.22;background-image:radial-gradient(circle,#8dbdff 1.4px,transparent 1.6px);background-size:12px 12px;-webkit-mask-image:linear-gradient(135deg,transparent 5%,#000 62%);mask-image:linear-gradient(135deg,transparent 5%,#000 62%);transform:rotate(-8deg)}.collector-identity{position:relative;z-index:1;display:grid;grid-template-columns:70px minmax(0,1fr) 42px;align-items:center;gap:13px}.collector-avatar-wrap{position:relative;width:70px;height:70px}.collector-avatar-wrap .user-avatar.large{width:70px;height:70px;border:3px solid rgb(255 255 255 / 92%);box-shadow:0 8px 24px #010a1b47}.collector-avatar-wrap>span{position:absolute;right:-2px;bottom:-2px;display:grid;width:24px;height:24px;place-items:center;border:3px solid #122746;border-radius:50%;color:#fff;background:#1677ff}.collector-avatar-wrap>span .material-symbols-outlined{font-size:14px}.collector-identity>div:nth-child(2){min-width:0}.collector-identity small{color:#8ebeff;font-size:7px;font-weight:700;letter-spacing:1.35px}.collector-identity h1{overflow:hidden;margin:3px 0 2px;font-size:22px;line-height:28px;text-overflow:ellipsis;white-space:nowrap}.collector-identity p{margin:0;color:#ffffff7a;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.8px}.collector-level-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgb(255 255 255 / 13%);border-radius:50%;color:#ffd889;background:#ffffff12;font-size:11px;font-weight:700;box-shadow:inset 0 0 0 4px #ffffff08}.collector-rank-row{position:relative;z-index:1;display:flex;margin-top:20px;align-items:center;justify-content:space-between}.collector-title{display:inline-flex;min-height:27px;padding:5px 10px;align-items:center;gap:5px;border:1px solid rgb(255 216 137 / 23%);border-radius:999px;color:#ffd889;background:#ffd8891a;font-size:10px;font-weight:600}.collector-title .material-symbols-outlined{font-size:15px}.collector-rank-row button{display:flex;padding:6px 0 6px 8px;align-items:center;color:#ffffff87;background:transparent;font-size:8px}.collector-rank-row button .material-symbols-outlined{font-size:14px}.collector-experience{position:relative;z-index:1;margin-top:16px}.collector-experience-copy,.experience-bounds{display:flex;align-items:baseline;justify-content:space-between}.collector-experience-copy>span{color:#ffffff94;font-size:8px}.collector-experience-copy strong{margin-right:3px;color:#fff;font-size:18px}.collector-experience-copy em{color:#c3d9f8;font-size:8px;font-style:normal}.experience-track{height:6px;margin-top:9px;overflow:hidden;border-radius:999px;background:#ffffff1f}.experience-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#63a8ff,#b6d8ff);box-shadow:0 0 12px #63a8ff8c;transition:width .48s ease}.experience-bounds{margin-top:6px;color:#ffffff61;font-size:7px}.collector-snapshot{display:grid;min-height:76px;margin:-4px 8px 0;padding:13px 4px;grid-template-columns:repeat(3,1fr);border:1px solid rgb(193 198 215 / 42%);border-radius:16px;background:#fff;box-shadow:0 7px 20px #192f4c0f}.collector-snapshot>span{display:flex;align-items:center;flex-direction:column;justify-content:center}.collector-snapshot>span+span{border-left:1px solid #e9ebf1}.collector-snapshot small{color:var(--secondary);font-size:8px}.collector-snapshot strong{margin-top:4px;font-size:18px;line-height:1}.collector-snapshot em{margin-left:2px;color:var(--secondary);font-size:8px;font-style:normal;font-weight:500}.collector-earnings-card{overflow:hidden;border:1px solid rgb(193 198 215 / 42%);border-radius:20px;background:#fff;box-shadow:0 8px 24px #192f4c0f}.collector-earnings-card>header{display:flex;min-height:49px;padding:0 16px;align-items:center;justify-content:space-between}.collector-earnings-card>header>span,.collector-earnings-card>header button{display:flex;align-items:center}.collector-earnings-card>header>span{gap:7px;font-size:14px;font-weight:700}.collector-earnings-card>header>span .material-symbols-outlined{color:#0c9a57;font-size:19px}.collector-earnings-card>header button{padding:7px 0 7px 8px;color:var(--secondary);background:transparent;font-size:9px}.collector-earnings-card>header button .material-symbols-outlined{font-size:15px}.earnings-balance{position:relative;padding:18px 18px 17px;background:radial-gradient(circle at 88% 18%,rgb(35 187 109 / 10%),transparent 28%),#f2fbf6}.earnings-balance>small{display:block;color:#567064;font-size:8px}.earnings-balance>strong{display:inline-block;margin-top:4px;color:#12251b;font-size:31px;letter-spacing:-.8px}.earnings-balance sup{margin-right:3px;font-size:13px}.earnings-balance>span{display:inline-flex;margin-left:9px;padding:4px 7px;align-items:center;gap:2px;border-radius:999px;color:#087c45;background:#ddf6e8;font-size:7px;vertical-align:5px}.earnings-balance>span .material-symbols-outlined{font-size:12px}.earnings-breakdown{display:grid;padding:14px 10px;grid-template-columns:repeat(3,1fr)}.earnings-breakdown>span{display:flex;padding:0 8px;flex-direction:column}.earnings-breakdown>span+span{border-left:1px solid #e9ebf1}.earnings-breakdown small{color:var(--secondary);font-size:7px}.earnings-breakdown strong{margin-top:4px;font-size:10px}.collector-earnings-card>footer{display:flex;min-height:34px;padding:0 16px;align-items:center;gap:5px;border-top:1px solid #eef0f4;color:var(--secondary);background:#fbfbfd;font-size:7px}.collector-earnings-card>footer .material-symbols-outlined{color:#0c9a57;font-size:14px}.profile-service-section{overflow:hidden;border:1px solid rgb(193 198 215 / 42%);border-radius:20px;background:#fff;box-shadow:0 8px 24px #192f4c0d}.profile-service-section>header{display:flex;min-height:49px;padding:0 16px;align-items:center;justify-content:space-between}.profile-service-section>header h2{margin:0;font-size:14px}.profile-service-section>header small{color:#8d93a0;font-size:7px;font-weight:700;letter-spacing:1px}.profile-service-grid{display:grid;padding:2px 8px 14px;grid-template-columns:repeat(4,1fr)}.profile-service-grid button{display:flex;min-width:0;padding:9px 2px;align-items:center;flex-direction:column;border-radius:12px;background:transparent}.profile-service-grid button:active{background:var(--surface-low)}.profile-service-grid button>span{display:grid;width:40px;height:40px;place-items:center;border-radius:13px}.profile-service-grid button>span.blue{color:#1265c5;background:#e3efff}.profile-service-grid button>span.violet{color:#7354b8;background:#efe9ff}.profile-service-grid button>span.green{color:#07834a;background:#ddf6e8}.profile-service-grid button>span.orange{color:#b35200;background:#ffebd8}.profile-service-grid button>span.gold{color:#936300;background:#fff1c7}.profile-service-grid .material-symbols-outlined{font-size:21px}.profile-service-grid strong{margin-top:7px;font-size:9px;white-space:nowrap}.profile-service-grid small{overflow:hidden;width:100%;margin-top:2px;color:var(--secondary);font-size:6px;text-align:center;text-overflow:ellipsis;white-space:nowrap}#profile-settings{scroll-margin-top:calc(84px + env(safe-area-inset-top))}.profile-content .settings-group{margin:0}.profile-content .settings-group>div{overflow:hidden;border:1px solid rgb(193 198 215 / 42%);border-radius:16px;background:#fff}.profile-content .settings-row+.settings-row{border-top:1px solid #eceef3}.profile-sheet-backdrop{z-index:120}.profile-detail-sheet{width:min(100%,430px);max-height:calc(88dvh - env(safe-area-inset-top));overflow-y:auto;padding:20px 18px calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:#f8f9fd;box-shadow:0 -18px 60px #0a192d3d}.profile-detail-sheet>header{display:flex;align-items:flex-start;justify-content:space-between}.profile-detail-sheet>header small{color:var(--primary);font-size:8px;font-weight:700;letter-spacing:1.2px}.profile-detail-sheet>header h2{margin:3px 0;font-size:23px}.profile-detail-sheet>header p{margin:0;color:var(--secondary);font-size:9px}.profile-detail-sheet>header button{display:grid;width:36px;height:36px;padding:0;place-items:center;border-radius:50%;background:var(--surface-high)}.level-rule-list{display:grid;margin-top:19px;gap:8px}.level-rule-list article{display:grid;min-height:66px;padding:10px 12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #e3e6ed;border-radius:14px;background:#fff}.level-rule-list article>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;color:#8e95a2;background:#f0f1f5;font-size:9px;font-weight:700}.level-rule-list article.reached>span,.level-rule-list article.current>span{color:#936300;background:#fff0c1}.level-rule-list article.current{border-color:#8bbcff;background:#f4f8ff;box-shadow:0 6px 18px #1863bf14}.level-rule-list article div{display:flex;min-width:0;flex-direction:column}.level-rule-list article strong{font-size:12px}.level-rule-list article em{margin-left:6px;padding:2px 5px;border-radius:999px;color:#075ebd;background:#dceaff;font-size:7px;font-style:normal}.level-rule-list article small{margin-top:3px;color:var(--secondary);font-size:8px}.level-rule-list article b{color:var(--secondary);font-size:8px}.earnings-detail-content{margin-top:18px}.earnings-detail-content>section{padding:19px;border-radius:17px;color:#fff;background:radial-gradient(circle at 90% 10%,rgb(73 202 139 / 25%),transparent 32%),#143629}.earnings-detail-content>section small{display:block;color:#ffffff94;font-size:8px}.earnings-detail-content>section strong{display:block;margin-top:4px;font-size:28px}.earnings-detail-content>section span{display:inline-block;margin-top:12px;padding:4px 7px;border-radius:999px;color:#adf1cb;background:#55d89521;font-size:8px}.earnings-record-list{margin-top:20px}.earnings-record-list h3{margin:0 0 8px 3px;font-size:13px}.earnings-record-list article{display:grid;min-height:66px;padding:9px 4px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid #e6e8ee}.earnings-record-list article>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;color:#07834a;background:#ddf6e8}.earnings-record-list article>span .material-symbols-outlined{font-size:19px}.earnings-record-list article div{display:flex;min-width:0;flex-direction:column}.earnings-record-list article strong{font-size:11px}.earnings-record-list article small{margin-top:3px;color:var(--secondary);font-size:7px}.earnings-record-list article b{color:#087c45;font-size:11px}@keyframes pedal-ring{0%{box-shadow:0 0 #0058bc38}70%,to{box-shadow:0 0 0 12px #0058bc00}}.records-content~.bottom-nav{height:calc(70px + env(safe-area-inset-bottom));padding-top:7px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:500px){.app-frame{box-shadow:0 0 0 1px #c1c6d78c,0 24px 60px #1a1c1f1f}}@media(max-height:700px){.login-logo{width:150px;height:150px;margin-bottom:20px}.ready-empty{padding-top:22px;padding-bottom:30px}.hero-icon{width:68px;height:68px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}