:root{color:#f5f7fb;background:#090d14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg-top: #121a2e;--bg-mid: #090d14;--bg-bottom: #140f24;--card-bg: rgba(255, 255, 255, .9);--card-bg-strong: rgba(255, 255, 255, .94);--card-stroke: rgba(255, 255, 255, .24);--card-shadow: 0 18px 40px rgba(3, 6, 16, .36);--text-main: #111827;--text-strong: #0f172a;--text-soft: #667085;--text-muted: #98a2b3;--accent: #0a84ff;--accent-strong: #2f95ff;--accent-glow: rgba(10, 132, 255, .3);--success: #12b76a;--warning: #f79009;--danger: #ef5da8}*{box-sizing:border-box}html{width:100%;max-width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;background:#090d14;touch-action:pan-y;overscroll-behavior-x:none;overscroll-behavior-y:auto;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;max-width:100%;min-width:0;min-height:100vh;margin:0;overflow-x:hidden;overflow-y:auto;position:relative;touch-action:pan-y;overscroll-behavior-x:none;overscroll-behavior-y:auto;background:radial-gradient(circle at 12% 8%,rgba(64,118,255,.24) 0,transparent 28%),radial-gradient(circle at 88% 14%,rgba(8,132,255,.14) 0,transparent 24%),radial-gradient(circle at 50% 100%,rgba(133,76,255,.12) 0,transparent 34%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid) 48%,var(--bg-bottom) 100%);color:var(--text-strong)}#app{width:100%;max-width:100%;min-height:100vh;overflow-x:hidden;overflow-y:visible;touch-action:pan-y}body:before,body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";pointer-events:none}body:before{background:radial-gradient(circle at 24% 24%,rgba(110,170,255,.18) 0,transparent 18%),radial-gradient(circle at 76% 40%,rgba(10,132,255,.18) 0,transparent 20%);filter:blur(18px)}body:after{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%)}button,input{max-width:100%;font:inherit;touch-action:manipulation}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input{width:100%;min-height:52px;border:1px solid rgba(255,255,255,.38);border-radius:18px;padding:0 16px;color:var(--text-strong);background:#ffffffc2;box-shadow:inset 0 1px #ffffffad,0 10px 24px #0f172a14}input::placeholder{color:var(--text-muted)}input:focus{border-color:#0a84ff6b;outline:3px solid rgba(10,132,255,.12)}.boot-fallback{display:grid;min-height:100vh;place-items:center;padding:24px}.boot-card{display:grid;gap:10px;width:min(100%,360px);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:20px;color:#f4f7ff;text-align:center;background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.boot-card strong{font-size:20px}.dashboard-shell{width:100%;max-width:430px;min-width:0;min-height:100svh;margin:0 auto;padding:12px 10px max(44px,calc(env(safe-area-inset-bottom) + 32px));touch-action:pan-y}.dashboard-shell.mode-debug{--bg-top: #0d2a24;--bg-mid: #071813;--bg-bottom: #0b241d;--accent: #0f9f7a;--accent-strong: #22c59a;--accent-glow: rgba(34, 197, 154, .28);--card-bg: rgba(242, 255, 250, .9);--card-bg-strong: rgba(248, 255, 252, .96);--card-stroke: rgba(190, 242, 226, .34)}.dashboard-shell.mode-debug .app-screen{background:radial-gradient(circle at 78% 0%,rgba(34,197,154,.18),transparent 32%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid) 54%,var(--bg-bottom) 100%)}.app-screen{min-width:0;max-width:100%;overflow:visible;min-height:100svh;touch-action:pan-y;border:1px solid rgba(255,255,255,.08);border-radius:42px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 16%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid) 54%,var(--bg-bottom) 100%);box-shadow:0 22px 60px #0306107a,inset 0 1px #ffffff0d}.app-header{padding:10px 18px 12px;background:radial-gradient(circle at 78% -10%,rgba(66,148,255,.26),transparent 38%),linear-gradient(180deg,#192339fa,#0f141ffa)}.status-bar,.header-row,.section-header,.status-card-main,.record-meta-strip{display:flex;align-items:center}.status-bar{justify-content:space-between;color:#ffffffd1;font-size:12px;font-weight:700;min-width:0}.status-bar>*{min-width:0}.dynamic-island{width:88px;height:18px;border-radius:999px;background:#090d12}.header-row{justify-content:center;margin-top:8px}.header-copy-wrap{flex:1;min-width:0;text-align:center}.app-header h1,.section-title{margin:0}.app-header h1{color:#fff;font-size:28px;line-height:1.08;letter-spacing:0}.dashboard-content{display:grid;gap:10px;min-width:0;padding:10px 14px max(42px,calc(env(safe-area-inset-bottom) + 28px));touch-action:pan-y}.alert-stack{display:grid;gap:8px}.surface-stack{display:grid;gap:8px;min-width:0}.glass-card{min-width:0;max-width:100%;border:1px solid var(--card-stroke);border-radius:24px;padding:14px;color:var(--text-main);background:linear-gradient(180deg,#ffffffeb,#edf4ffe0),var(--card-bg);box-shadow:inset 0 1px #ffffffc7,var(--card-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow-wrap:anywhere}.action-button-row,.record-action-row{display:grid;gap:12px;min-width:0;max-width:100%}.action-button-row,.record-action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.glass-button,.pill-button,.tag-tile,.record-progress-button{position:relative;overflow:hidden;min-width:0;max-width:100%;min-height:52px;border:1px solid rgba(255,255,255,.34);border-radius:20px;color:var(--text-strong);background:linear-gradient(180deg,#fffffffa,#f1f6ffeb),#ffffffe6;box-shadow:inset 0 1px #ffffffc2,0 12px 24px #0c12201f;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.glass-button:hover:not(:disabled),.pill-button:hover:not(:disabled),.tag-tile:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffffc7,0 16px 28px #0c122029}.glass-button{padding:0 18px;font-size:16px;font-weight:700}.compact-button{min-height:38px;padding:0 14px;border-radius:999px;font-size:12px}.save-profile-button{min-width:0;padding:0 14px}.pill-button{min-width:0;padding:0 8px;font-size:15px;font-weight:700}.pill-button.is-active,.tag-tile.is-active{border-color:#0a84ffeb;color:#fff;background:linear-gradient(180deg,var(--accent-strong),var(--accent));box-shadow:inset 0 1px #ffffff29,0 16px 26px #0a84ff4d}.card-kicker{margin:0 0 6px;color:var(--text-soft);font-size:12px;font-weight:700}.section-header{justify-content:space-between;gap:12px;min-width:0}.section-header>*{min-width:0}.section-header.compact{margin-bottom:8px}.section-title{color:var(--text-strong);font-size:30px;line-height:1.1;letter-spacing:0}.status-card .section-title,.profile-card .section-title,.metrics-panel .section-title,.recording-panel .section-title{font-size:22px}.section-note,.device-meta,.tag-summary,.record-stage-caption,.record-meta-strip,.upload-feedback p,.app-alert{font-size:13px}.section-note,.device-meta,.tag-summary,.record-stage-caption,.upload-feedback p{max-width:100%;margin:0;color:var(--text-soft);line-height:1.45;overflow-wrap:anywhere}.status-card-main{justify-content:space-between;gap:10px;min-width:0}.status-card{padding-block:10px}.connection-line{min-width:0;margin:0;color:var(--text-strong);font-size:15px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.connection-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.compact-connection-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px}.compact-connection-copy{display:grid;gap:3px;min-width:0}.compact-connection-copy p{min-width:0;margin:0;color:var(--text-strong);font-size:13px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.compact-connection-copy p+p{color:var(--text-soft);font-size:12px;font-weight:750}.compact-action-row{display:flex;gap:6px;min-width:0}.flat-mini-button{display:inline-grid;min-width:48px;min-height:32px;place-items:center;border:1px solid rgba(15,23,42,.12);border-radius:8px;padding:0 10px;color:var(--text-strong);background:#ffffffb8;font-size:12px;font-weight:850;line-height:1}.flat-mini-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.flat-mini-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:30px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.status-chip.is-online,.status-chip.is-live{color:#fff;background:linear-gradient(180deg,var(--accent-strong),var(--accent));box-shadow:0 10px 22px var(--accent-glow)}.status-chip.is-pending{color:#7a4b00;background:#f790092e}.status-chip.is-error{color:#a13062;background:#ef5da82e}.status-chip.is-idle{color:var(--text-soft);background:#11182714}.device-meta{margin-top:8px}.profile-row{display:grid;grid-template-columns:minmax(0,1fr) 52px 52px 86px;gap:10px;min-width:0;max-width:100%}.metrics-panel .section-title,.recording-panel .section-title{font-size:21px}.signal-strip-card{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 12px}.signal-strip-title,.signal-strip-status,.signal-strip-state{min-width:0;font-size:12px;font-weight:850;line-height:1.2;white-space:nowrap}.signal-strip-title{color:var(--text-strong)}.signal-strip-status{color:var(--text-soft)}.signal-strip-state{justify-self:start;overflow:hidden;text-overflow:ellipsis}.signal-strip-state.ok{color:var(--success)}.signal-strip-state.warning{color:var(--warning)}.signal-strip-state.muted{color:var(--text-muted)}.metrics-header{align-items:flex-start;margin-bottom:10px}.signal-refresh-button{min-width:86px;white-space:nowrap}.metric-log{min-width:0;max-width:100%;min-height:54px;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:10px 12px;background:#fff6;box-shadow:inset 0 1px #ffffffc2}.metric-row,.metric-empty{margin:0}.metric-row{display:block;max-width:100%;color:var(--text-strong);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;line-height:1.9;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.metric-empty{display:grid;min-height:32px;place-items:center;color:var(--text-muted);font-size:13px}.diagnostics-panel{display:grid;gap:10px}.diagnostics-panel.is-collapsed{padding-block:12px}.diagnostics-panel .section-title{font-size:20px}.diagnostics-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;width:100%;min-width:0;padding:0;color:var(--text-main);text-align:left;background:transparent}.diagnostics-toggle>*{min-width:0}.diagnostics-summary{color:var(--text-soft);font-size:12px;font-weight:800;white-space:nowrap}.diagnostics-chevron{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border-radius:999px;padding:0 10px;color:#fff;background:linear-gradient(180deg,var(--accent-strong),var(--accent));font-size:12px;font-weight:800;white-space:nowrap}.diagnostics-body{display:grid;gap:10px;min-width:0}.diagnostics-actions{display:flex;justify-content:flex-end;min-width:0}.diagnostics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;margin:0}.diagnostics-grid div{min-width:0;border:1px solid rgba(255,255,255,.24);border-radius:16px;padding:8px 10px;background:#ffffff5c}.diagnostics-grid dt,.diagnostics-grid dd{min-width:0;margin:0;overflow-wrap:anywhere}.diagnostics-grid dt{color:var(--text-soft);font-size:11px;font-weight:700}.diagnostics-grid dd{margin-top:3px;color:var(--text-strong);font-size:12px;font-weight:800}.diagnostics-warning{margin:0;border:1px solid rgba(247,144,9,.28);border-radius:14px;padding:8px 10px;color:#7a4b00;background:#f790091f;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.receive-log{display:grid;gap:6px;min-width:0;border:1px solid rgba(255,255,255,.24);border-radius:16px;padding:10px;background:#ffffff5c}.receive-log-title,.receive-log-empty,.receive-log-row{margin:0}.receive-log-title{color:var(--text-strong);font-size:12px;font-weight:800}.receive-log-empty{color:var(--text-muted);font-size:12px}.receive-log-row{display:grid;grid-template-columns:50px 42px minmax(0,1fr);gap:6px;align-items:start;min-width:0;color:var(--text-soft);font-size:11px;line-height:1.45}.receive-log-row span{min-width:0;overflow-wrap:anywhere}.receive-log-time{color:var(--text-muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.receive-log-kind{color:var(--accent);font-size:11px}.receive-log-kind.warning{color:var(--warning)}.receive-log-kind.error{color:var(--danger)}.metric-name{color:var(--accent);font-weight:800}.metric-value{color:var(--text-strong);font-weight:700}.metric-sep{padding:0 3px;color:var(--text-muted)}.recording-panel{display:grid;gap:14px;min-width:0}.compact-recording-panel{gap:10px;padding:12px}.compact-recording-header,.compact-record-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.compact-recording-title{margin:0;color:var(--text-strong);font-size:18px;line-height:1.1;letter-spacing:0}.flat-record-button{display:inline-grid;min-width:68px;min-height:38px;place-items:center;border-radius:10px;padding:0 14px;font-size:14px;font-weight:900;line-height:1}.flat-record-button.primary{color:#fff;background:var(--accent)}.flat-record-button.danger{color:#fff;background:#dc2626}.flat-record-button:hover:not(:disabled){filter:brightness(.94)}.flat-record-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.compact-record-progress{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;overflow:hidden;min-height:42px;border:1px solid rgba(15,23,42,.1);border-radius:12px;padding:4px 4px 4px 12px;background:#ffffff8f}.compact-record-progress-fill{position:absolute;inset:0 auto 0 0;width:0;max-width:100%;background:#0a84ff29}.compact-record-progress-fill.paused{background:#dc262624}.compact-record-progress-text{position:relative;z-index:1;min-width:0;color:var(--text-strong);font-size:12px;font-weight:850}.compact-record-meta{color:var(--text-soft);font-size:11px;font-weight:750}.compact-record-meta span{min-width:0;overflow-wrap:anywhere}.recording-pause-note{margin:0;border-radius:10px;padding:8px 10px;color:#fff;background:#dc2626;font-size:12px;font-weight:850;line-height:1.35}.compact-tag-section{display:grid;gap:8px}.compact-tag-group{display:grid;grid-template-columns:34px repeat(3,minmax(0,1fr));gap:6px;align-items:center;min-width:0}.compact-tag-group:nth-child(2){grid-template-columns:34px repeat(2,minmax(0,1fr)) minmax(0,1fr)}.compact-tag-group:nth-child(3){grid-template-columns:34px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.compact-tag-group>span{color:var(--text-soft);font-size:11px;font-weight:850}.flat-tag-button{min-width:0;min-height:34px;border:1px solid rgba(15,23,42,.1);border-radius:8px;padding:0 8px;color:var(--text-strong);background:#ffffffa8;font-size:12px;font-weight:850}.flat-tag-button.selected{border-color:var(--accent);color:#fff;background:var(--accent)}.flat-tag-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.compact-tag-summary{font-size:11px}.compact-upload-feedback{border-radius:12px;padding:10px}.record-stage{display:grid;gap:10px;min-width:0}.record-stage-caption{color:var(--text-soft);font-weight:600}.record-start-button{min-height:60px;font-size:20px;font-weight:800}.record-progress-button{width:100%;min-height:60px;padding:0 18px;box-shadow:inset 0 1px #ffffffc2,0 14px 30px #0c122029}.record-progress-button.is-live{display:flex;align-items:center;justify-content:center;cursor:default}.record-progress-button.is-paused{display:flex;align-items:center;cursor:default}.record-progress-fill{position:absolute;inset:0 auto 0 0;width:0;max-width:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-strong),var(--accent));box-shadow:0 12px 24px #0a84ff3d}.record-progress-label{position:absolute;left:14px;z-index:1;color:var(--text-strong);font-size:12px;font-weight:800;min-width:0;overflow-wrap:anywhere}.record-stop-button{position:relative;z-index:2;min-width:94px;min-height:42px;border:1px solid rgba(255,255,255,.48);border-radius:999px;color:#fff;background:linear-gradient(180deg,#ef4444,#b91c1c);box-shadow:inset 0 1px #ffffff38,0 14px 26px #b91c1c4d;font-size:15px;font-weight:800}.record-stop-button:disabled{cursor:wait;opacity:.72}.record-meta-strip{flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--text-soft);font-size:12px;font-weight:700}.record-meta-strip span,.tag-summary,.upload-feedback p,.upload-feedback strong{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.tag-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;max-width:100%}.tag-column{display:grid;gap:8px;min-width:0}.tag-column-title{margin:0;color:var(--text-soft);font-size:12px;font-weight:700}.tag-tile{min-height:46px;padding:0 8px;font-size:14px;font-weight:700}.upload-feedback{display:grid;gap:6px;border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:12px 14px;background:#fff6}.upload-feedback strong{color:var(--text-strong);font-size:13px}.upload-feedback.uploading{border-color:#f7900957}.upload-feedback.success{border-color:#12b76a52}.upload-feedback.error{border-color:#ef5da85c}.app-alert{max-width:100%;border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:12px 14px;overflow-wrap:anywhere;word-break:break-word;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-alert.error{border-color:#b91c1c47;color:#fff;background:#dc2626}.app-alert.success{color:#d7eeff;background:#0a84ff2e}.app-alert.info{color:#e6f1ff;background:#ffffff14}.center-error-popup{position:fixed;top:50%;left:50%;z-index:1000;width:min(360px,calc(100vw - 48px));margin:0;border-color:#ef4444b3;color:#fff;text-align:center;background:#dc2626;box-shadow:0 24px 58px #7f1d1d61;transform:translate(-50%,-50%);pointer-events:none}.wearing-prompt-popup{display:grid;gap:10px;width:min(82vw,340px);max-width:100%;border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:12px;color:#fff;text-align:center;background:#090d14f0;box-shadow:0 24px 58px #0306105c}.wearing-prompt-popup.floating{position:fixed;top:50%;left:50%;z-index:980;transform:translate(-50%,-50%);pointer-events:none}.wearing-prompt-stage{position:relative;overflow:hidden;width:100%;aspect-ratio:1;border-radius:18px;background:#050505}.wearing-prompt-base,.wearing-prompt-layer{display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.wearing-prompt-base{width:100%;height:100%;object-fit:cover}.wearing-prompt-layer{position:absolute;top:27.6%;z-index:1;width:28.3%;height:auto;animation:wearing-prompt-flash .75s ease-in-out infinite alternate;mix-blend-mode:screen;pointer-events:none}.wearing-prompt-layer.left{left:22.5%}.wearing-prompt-layer.right{left:49.2%}.wearing-prompt-text{margin:0;color:#fff;font-size:13px;font-weight:900;line-height:1.35}.startup-wearing-prompt{justify-self:center;width:min(100%,300px);box-shadow:none}@keyframes wearing-prompt-flash{0%{opacity:.18}to{opacity:1}}@media (prefers-reduced-motion: reduce){.wearing-prompt-layer{animation:none;opacity:.86}}.startup-guide-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));background:#080f1bc2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.startup-guide-card{--guide-blue: #0051a2;--guide-blue-dark: #003f7f;--guide-blue-soft: #e7f0fa;--guide-line: #ebf1f5;--guide-ink: #162130;--guide-muted: #6b7b8d;--guide-faint: #a9b4c1;--guide-surface: #fbfdff;--guide-border: #d8e2eb;--step-dot-size: clamp(20px, 5.6vw, 36px);--step-dot-radius: calc(var(--step-dot-size) / 2);--step-line-height: clamp(6px, 1.2vw, 8px);display:grid;position:relative;gap:24px;overflow:hidden;width:min(100%,640px);border:1px solid var(--guide-border);border-radius:24px;padding:24px 22px 22px;color:var(--guide-ink);background:var(--guide-surface);box-shadow:0 20px 42px #07142a38}.startup-guide-card>:not(.startup-fluid-glass){position:relative;z-index:1}.startup-fluid-glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;border-radius:inherit;pointer-events:none;--fluid-x: 50%;--fluid-y: 50%}.fluid-glass-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.fluid-glass-lens-hit{position:absolute;left:var(--fluid-x);top:var(--fluid-y);width:min(38vw,150px);aspect-ratio:1;border-radius:999px;background:transparent;cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%)}.fluid-glass-lens-hit:focus-visible{outline:3px solid rgba(0,81,162,.34);outline-offset:4px}@media (orientation: landscape){.dashboard-shell{width:min(100svh * .58,430px);max-width:calc(100vw - 24px)}}.startup-guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0}.startup-guide-header>*{min-width:0}.startup-guide-kicker,.startup-guide-header h1{margin:0}.startup-guide-kicker{color:var(--guide-blue);font-size:12px;font-weight:800;line-height:1.2}.startup-guide-header h1{margin-top:6px;color:var(--guide-ink);font-size:24px;line-height:1.15;letter-spacing:0}.mode-mini-select{display:inline-grid;gap:4px;justify-items:end;flex:0 0 auto;color:var(--guide-faint);font-size:11px;font-weight:800;line-height:1}.mode-mini-select select{min-width:74px;min-height:32px;border:1px solid var(--guide-border);border-radius:999px;padding:0 24px 0 10px;color:var(--guide-muted);background:#f7fafc;font-size:12px;font-weight:800}.mode-mini-select select:disabled{opacity:.52}.mode-mini-select select:focus-visible{outline:2px solid var(--guide-blue);outline-offset:2px}.startup-stepper{display:grid;gap:16px;width:min(100%,596px);justify-self:center;min-width:0}.startup-step-labels,.startup-step-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-width:0}.startup-step-labels span{min-width:0;color:var(--guide-faint);text-align:center;font-size:11px;font-weight:900;line-height:1.15;overflow-wrap:anywhere}.startup-step-labels span.active,.startup-step-labels span.done{color:var(--guide-blue)}.startup-step-track{position:relative;height:calc(var(--step-dot-size) + 2px)}.startup-step-segment{position:absolute;top:50%;z-index:0;height:var(--step-line-height);overflow:hidden;border-radius:0;background:var(--guide-line);transform:translateY(-50%)}.startup-step-segment:before{display:block;width:var(--segment-progress, 0%);height:100%;border-radius:inherit;background:var(--guide-blue);content:"";transition:width .12s linear}.startup-step-segment.first{left:calc(16.666% + var(--step-dot-radius));right:calc(50% + var(--step-dot-radius))}.startup-step-segment.second{left:calc(50% + var(--step-dot-radius));right:calc(16.666% + var(--step-dot-radius))}.startup-step-dot{position:relative;z-index:1;display:grid;width:var(--step-dot-size);height:var(--step-dot-size);place-items:center;justify-self:center;border:0;border-radius:999px;color:transparent;background:var(--guide-line);transition:transform .16s cubic-bezier(.25,1,.5,1),background .16s cubic-bezier(.25,1,.5,1),border-color .16s cubic-bezier(.25,1,.5,1)}.startup-step-dot.active{border:clamp(3px,.75vw,4px) solid var(--guide-blue);background:var(--guide-surface)}.startup-step-dot.done{background:var(--guide-blue)}.startup-check-icon{width:calc(var(--step-dot-size) * .44);height:calc(var(--step-dot-size) * .44);fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.4}.startup-guide-body{display:grid;gap:12px}.startup-profile-form{display:grid;gap:14px}.startup-profile-field{display:grid;gap:8px}.startup-profile-field label,.startup-profile-field>span{color:var(--guide-muted);font-size:12px;font-weight:850;line-height:1.2}.startup-profile-field input{width:100%;min-height:46px;border:1px solid var(--guide-border);border-radius:12px;padding:0 14px;color:var(--guide-ink);background:#fff;box-shadow:none;font-size:15px;font-weight:750}.startup-profile-field input::placeholder{color:var(--guide-faint)}.startup-profile-field input:focus{border-color:var(--guide-blue);outline:2px solid rgba(0,81,162,.16);outline-offset:2px}.startup-gender-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.startup-guide-button{display:inline-grid;min-width:0;min-height:46px;place-items:center;border-radius:12px;padding:0 18px;font-size:14px;font-weight:850;line-height:1;transition:background .12s cubic-bezier(.25,1,.5,1),border-color .12s cubic-bezier(.25,1,.5,1),color .12s cubic-bezier(.25,1,.5,1),transform .12s cubic-bezier(.25,1,.5,1)}.startup-guide-button.primary{color:#fff;background:var(--guide-blue)}.startup-guide-button.secondary{border:1px solid var(--guide-border);color:var(--guide-blue);background:#fff}.startup-guide-button:hover:not(:disabled){transform:translateY(-1px)}.startup-guide-button.primary:hover:not(:disabled){background:var(--guide-blue-dark)}.startup-guide-button.secondary:hover:not(:disabled){border-color:var(--guide-blue);background:var(--guide-blue-soft)}.startup-guide-button.secondary.selected{border-color:var(--guide-blue);color:#fff;background:var(--guide-blue)}.startup-guide-button:active:not(:disabled){transform:translateY(0)}.startup-guide-button:focus-visible{outline:2px solid var(--guide-blue);outline-offset:3px}.startup-guide-button:disabled{cursor:not-allowed;opacity:.54}.startup-test-panel,.startup-success-panel,.startup-guide-error{display:grid;gap:8px;border:1px solid var(--guide-border);border-radius:16px;padding:14px 16px;background:#f8fbfe}.startup-test-title,.startup-test-note,.startup-success-panel p,.startup-guide-error p{margin:0}.startup-test-title,.startup-success-panel strong{color:var(--guide-ink);font-size:16px;font-weight:900;line-height:1.25}.startup-test-note,.startup-success-panel p{color:var(--guide-muted);font-size:13px;line-height:1.45}.startup-success-panel{border-color:#c8e6d4;background:#f1fbf5}.startup-guide-error{border-color:#f0c6c6;color:#8a2020;background:#fff4f4}.startup-guide-error p{font-size:13px;font-weight:750;line-height:1.45}.startup-guide-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (prefers-reduced-motion: reduce){.startup-step-segment:before,.startup-step-dot,.startup-guide-button{transition-duration:.01ms}}@media (max-width: 420px){.dashboard-shell{width:min(100%,430px);min-height:auto;padding:0 0 max(48px,env(safe-area-inset-bottom))}.app-screen{min-height:100svh;border-width:0;border-radius:0}.dashboard-content{padding-bottom:max(64px,calc(env(safe-area-inset-bottom) + 42px))}.profile-row{grid-template-columns:minmax(0,1fr) 48px 48px 82px}.section-title{font-size:27px}.status-card .section-title,.profile-card .section-title,.metrics-panel .section-title,.recording-panel .section-title{font-size:20px}}
