:root{--fg:#1c2733;--bg:#f6f7f9;--card:#fff;--accent:#1f6f8b;--danger:#b00020;--line:#d8dde3;color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}.app{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}main{flex:1;padding:0 12px 80px}footer{padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff3f3}.disclaimer{color:var(--danger);margin:0;font-size:12px}.bar{background:var(--bg);z-index:5;align-items:center;gap:6px;padding:10px 0;display:flex;position:sticky;top:0}.bar h1{margin:0;font-size:18px}.spacer{flex:1}h2{margin:16px 0 8px;font-size:16px}.btn{border:1px solid var(--line);background:var(--card);min-width:44px;min-height:44px;color:var(--fg);cursor:pointer;text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-size:16px;display:inline-flex}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.ghost{background:0 0;border-color:#0000}.btn:disabled{opacity:.45;cursor:default}.stack{flex-direction:column;gap:10px;margin:12px 0;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.row .btn{flex:1}.sticky{max-width:640px;margin:0 auto;padding:8px 12px;position:fixed;bottom:58px;left:0;right:0}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:8px 0;padding:12px}.panel.small{font-size:13px}.hint{color:#59636e;font-size:14px}.warn,.flags{color:var(--danger);font-size:14px}.flags{margin:8px 0 0;padding:0;list-style:none}.field{flex-direction:column;gap:4px;margin:10px 0;font-size:14px;display:flex}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:8px;min-height:44px;padding:8px;font-size:16px}.check{align-items:flex-start;gap:10px;margin:10px 0;display:flex}.check input{width:24px;height:24px}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.item{text-align:left;background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;width:100%;min-height:56px;padding:10px 12px;font-size:16px;display:flex}.name{font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:#e7eaee;border-radius:999px;padding:3px 8px;font-size:13px}.sev-normal{background:#c8e6c9}.sev-mild{background:#fff59d}.sev-moderate{background:#ffcc80}.sev-severe{background:#ef9a9a}.sev-verySevere{background:#e57373}.values{grid-template-columns:1fr 1fr;gap:12px;display:grid}.label{color:#59636e;font-size:12px}.big{font-size:28px;font-weight:700}.side{margin:8px 0 0;font-size:14px}.canvas-box{touch-action:none;background:#111;border-radius:12px;width:100%;height:58dvh;position:relative;overflow:hidden}.canvas-box svg{touch-action:none;-webkit-user-select:none;user-select:none;display:block}.loupe{pointer-events:none;background-repeat:no-repeat;border:3px solid #fff;border-radius:50%;position:absolute;box-shadow:0 2px 8px #0008}.loupe .cross{background:linear-gradient(red,red) 50%/1px 100% no-repeat,linear-gradient(red,red) 50%/100% 1px no-repeat;position:absolute;inset:0}.slider{gap:10px}.slider input{flex:2;min-width:120px}.chart{margin:0 0 8px}.chart figcaption{font-size:13px;font-weight:600}.chart svg{width:100%;height:auto}.sheet{z-index:20;background:#fff;border-radius:16px 16px 0 0;max-width:640px;margin:0 auto;padding:16px;position:fixed;inset:auto 0 0;box-shadow:0 -4px 20px #0004}.illus{width:100%;max-height:180px}@media (prefers-color-scheme:dark){:root{--fg:#e8ecf0;--bg:#14181c;--card:#1e252b;--line:#35404a}footer{background:#2a1517}.chip{color:#111}.sheet{background:#1e252b}}.cam-box{background:#000;border-radius:12px;width:100%;margin:0 auto;position:relative;overflow:hidden}.cam-video{object-fit:contain;width:100%;height:100%;display:block}.cam-guide{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.level-wrap{color:#fff;flex-direction:column;align-items:center;font-size:13px;display:flex;position:absolute;top:8px;right:8px}.level-wrap .good{color:#00e676}.level-wrap .bad{color:#ff5252}.shutter{min-height:64px;font-size:18px}.frame-big{object-fit:contain;background:#111;border-radius:12px;width:100%;max-height:50dvh}.thumbs{gap:6px;padding:8px 0;display:flex;overflow-x:auto}.thumb{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;flex:0 0 72px;height:72px;padding:0;position:relative;overflow:hidden}.thumb.on{border-color:var(--accent)}.thumb img{object-fit:cover;width:100%;height:100%}.thumb .badge{color:#fff;background:#1f6f8bcc;font-size:9px;position:absolute;bottom:0;left:0;right:0}.reasons{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.trial{color:#59636e;margin:4px 0;font-size:12px}.gate{border-radius:12px;margin:8px 0;padding:10px 12px;font-size:14px}.gate.ok{color:#111;background:#c8e6c9}.gate.ko{color:#111;background:#ffcdd2}.gate ul{margin:6px 0 0;padding-left:18px}.check.compact,.field.compact{margin:0;font-size:13px}.field.compact input[type=range]{min-height:32px}.hint.small{margin:4px 0;font-size:12px}.nudge .btn{flex:0 0 44px;padding:0}.level-wrap .dbg{opacity:.85;font-size:10px}