:root{color-scheme:dark;--bg: #0b0f14;--bg-elevated: #131922;--bg-card: #171f2b;--border: #263041;--text: #e8edf4;--text-dim: #9aa8ba;--accent: #4fb0ff;--good: #35c98f;--warn: #f2b84b;--bad: #f2554b;--tab-height: 60px}:root[data-theme=light]{color-scheme:light;--bg: #f4f6f9;--bg-elevated: #ffffff;--bg-card: #ffffff;--border: #dde3ec;--text: #131922;--text-dim: #5b6878;--accent: #1f7fd1;--good: #1f9e6c;--warn: #a86a10;--bad: #c9362c}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:560px;margin:0 auto;background:var(--bg)}.screen{flex:1;padding:16px 16px calc(var(--tab-height) + 24px);overflow-y:auto}.screen h1{font-size:1.3rem;margin:4px 0 16px}.screen h2{font-size:1rem;color:var(--text-dim);margin:24px 0 8px;text-transform:uppercase;letter-spacing:.04em}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:12px}.card-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0}.card-row+.card-row{border-top:1px solid var(--border)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px}.stat-tile .value{font-size:1.4rem;font-weight:600}.stat-tile .label{font-size:.75rem;color:var(--text-dim);margin-top:2px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.pill.good{background:color-mix(in srgb,var(--good) 18%,transparent);color:var(--good)}.pill.warn{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.pill.bad{background:color-mix(in srgb,var(--bad) 18%,transparent);color:var(--bad)}.pill.neutral{background:color-mix(in srgb,var(--text-dim) 18%,transparent);color:var(--text-dim)}.verdict-banner{border-radius:16px;padding:18px;margin-bottom:16px;border:1px solid var(--border)}.verdict-banner.good{background:color-mix(in srgb,var(--good) 14%,var(--bg-card));border-color:color-mix(in srgb,var(--good) 40%,var(--border))}.verdict-banner.attention{background:color-mix(in srgb,var(--bad) 14%,var(--bg-card));border-color:color-mix(in srgb,var(--bad) 40%,var(--border))}.verdict-banner .headline{font-size:1.15rem;font-weight:700;margin-bottom:6px}.verdict-banner ul{margin:8px 0 0;padding-left:18px;font-size:.85rem;color:var(--text-dim)}.gauge-track{background:var(--bg-elevated);border-radius:999px;height:10px;overflow:hidden}.gauge-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .4s ease}.switch-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 0}.switch-row+.switch-row{border-top:1px solid var(--border)}.switch-row .copy{flex:1}.switch-row .title{font-weight:600}.switch-row .desc{font-size:.8rem;color:var(--text-dim);margin-top:2px}.switch{position:relative;width:44px;height:26px;flex-shrink:0;border-radius:999px;background:var(--border);border:none;cursor:pointer;transition:background .2s ease}.switch[data-on=true]{background:var(--accent)}.switch .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease}.switch[data-on=true] .knob{transform:translate(18px)}input[type=text],input[type=number],input[type=url],select,textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-weight:600;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:#06111d}.btn:disabled{opacity:.5;cursor:not-allowed}.field{margin-bottom:12px}.field label{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:4px}.tab-bar{position:sticky;bottom:0;display:flex;height:var(--tab-height);background:var(--bg-elevated);border-top:1px solid var(--border);max-width:560px;margin:0 auto;width:100%}.tab-bar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--text-dim);font-size:.65rem;font-weight:600}.tab-bar a.active{color:var(--accent)}.tab-bar .icon{font-size:1.1rem;line-height:1}.empty-state{color:var(--text-dim);font-size:.9rem;text-align:center;padding:32px 8px}.back-link{display:inline-block;color:var(--text-dim);font-size:.8rem;text-decoration:none;margin-bottom:4px}.step-progress{display:flex;gap:6px;margin:4px 0 10px}.step-dot{flex:1;height:6px;border-radius:999px;background:var(--border)}.step-dot.current{background:var(--accent)}.step-dot.done{background:var(--good)}.step-dot.error{background:var(--warn)}.step-dot.skipped{background:color-mix(in srgb,var(--text-dim) 40%,transparent)}.photo-preview{padding:0;overflow:hidden}.photo-preview img{display:block;width:100%;max-height:320px;object-fit:cover}.finding{padding:8px 0}.finding+.finding{border-top:1px solid var(--border)}.finding-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.finding-body{font-size:.85rem;color:var(--text-dim);margin-top:4px}.record-btn{width:96px;height:96px;border-radius:50%;border:4px solid var(--border);background:var(--bad);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .15s ease,box-shadow .3s ease}.record-btn.on{transform:scale(.92);box-shadow:0 0 0 8px color-mix(in srgb,var(--bad) 30%,transparent);animation:record-pulse 1.2s ease-in-out infinite}@keyframes record-pulse{0%,to{box-shadow:0 0 0 6px color-mix(in srgb,var(--bad) 30%,transparent)}50%{box-shadow:0 0 0 14px color-mix(in srgb,var(--bad) 12%,transparent)}}:root{--otto-body: #8a6a4f;--otto-belly: #e6d3b8;--otto-ring: #b8936f;--otto-eye: #fdfaf3;--otto-pupil: #1c1a17;--otto-beak: #f2b84b}:root[data-theme=light]{--otto-body: #7a5a40;--otto-belly: #efe1cc;--otto-ring: #a9835f;--otto-beak: #e0a232}.otto-avatar{flex:none;display:block}.otto-note{display:flex;gap:12px;align-items:flex-start;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:12px}.otto-note-body{min-width:0}.otto-name{font-size:.75rem;font-weight:700;color:var(--text-dim);letter-spacing:.02em}.otto-note p{margin:2px 0 0;font-size:.9rem;line-height:1.4}.otto-note p+p{margin-top:6px}.needs-device{border-style:dashed}.needs-device-title{font-weight:600}.needs-device-extra{font-size:.9rem;margin-top:4px}.needs-device p{margin:6px 0 0;font-size:.85rem;color:var(--text-dim);line-height:1.4}.needs-device a{color:var(--accent);white-space:nowrap}.field-note{font-size:.8rem;color:var(--text-dim);margin-top:6px}.brand{display:flex;align-items:center;gap:8px;margin:4px 0 8px;font-weight:700;color:var(--text-dim);font-size:.85rem;letter-spacing:.02em}