/* Øyebilde-sjekk */
.ob .ob-body{display:flex;flex-direction:column;gap:18px}
.ob-cols{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start}
.ob-box{background:var(--surface-2);border-radius:var(--r);padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.ob-box h3{font-size:18px}
.ob-box.warn{background:var(--warn-soft);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--warn) 40%,transparent)}
.ob-list{margin:0;padding-left:1.15em;display:flex;flex-direction:column;gap:5px;font-size:15.5px}
.ob-danger{background:var(--bad-soft);color:var(--ink);border-radius:var(--r);padding:14px 16px;box-shadow:inset 4px 0 0 var(--bad);font-size:15.5px}
.ob-danger strong{color:var(--bad)}
.ob-consentbox{background:var(--accent-soft);border-radius:var(--r);padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.ob-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-weight:500;line-height:1.35}
.ob-check input{width:22px;height:22px;flex:none;accent-color:var(--accent);margin:0}
.ob-guide{background:var(--surface-2);border-radius:var(--r);padding:14px 18px;display:flex;flex-direction:column;gap:8px}
.ob-stage{position:relative;aspect-ratio:4/3;width:100%;max-width:640px;background:#10181c;border-radius:20px;overflow:hidden;margin-inline:auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.ob-video{width:100%;height:100%;object-fit:cover;display:block}
.ob-video.mirror{transform:scaleX(-1)}
.ob-ring{position:absolute;left:18%;top:27%;width:64%;height:46%;border-radius:50%;border:3px dashed rgba(255,255,255,.9);box-shadow:0 0 0 9999px rgba(0,0,0,.38);pointer-events:none}
.ob-ringlbl{position:absolute;left:0;right:0;bottom:10px;text-align:center;color:#fff;font:600 13px var(--f-mono);letter-spacing:.06em;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.ob-preview{position:relative;border-radius:20px;overflow:hidden;background:#000;line-height:0}
.ob-preview img{width:100%;height:auto;display:block}
.ob-preview .ob-ring{border-width:2px;box-shadow:none;border-color:rgba(255,255,255,.75)}
.ob-msg{min-height:1.4em}
.ob-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ob-checks li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.4}
.ob-ico{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center}
.ob-ico svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ob-checks .ok .ob-ico{background:var(--ok-soft);color:var(--ok)}
.ob-checks .warn .ob-ico{background:var(--warn-soft);color:var(--warn)}
.ob-checks .bad .ob-ico{background:var(--bad-soft);color:var(--bad)}
.ob-meter{height:12px;border-radius:99px;background:linear-gradient(90deg,var(--surface-3),var(--surface-3));overflow:hidden;position:relative}
.ob-meter i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.ob-lvl{font:600 13px var(--f-mono);padding:4px 10px;border-radius:99px;background:var(--surface-3)}
.ob-lvl.noe{background:var(--warn-soft);color:var(--warn)}.ob-lvl.tydelig{background:var(--bad-soft);color:var(--bad)}.ob-lvl.lav{background:var(--ok-soft);color:var(--ok)}
.ob-ai{position:relative;background:var(--surface-2);border-radius:var(--r);padding:20px;min-height:240px}
.ob-ai-in{display:flex;flex-direction:column;gap:14px}
.ob-ai.locked .ob-ai-in{filter:blur(2px);opacity:.6;pointer-events:none;user-select:none}
.ob-sym{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ob-sym legend{font-weight:600;font-size:14.5px;margin-bottom:6px;padding:0}
.ob-symgrid{display:grid;gap:8px 16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.ob-ai input[type=number]{padding:10px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);min-height:44px}
.ob-lbl{font-weight:600;font-size:14.5px}
.ob-err{color:var(--bad);font-weight:600;font-size:14.5px;min-height:0}
.ob-err:empty{display:none}
.ob-link{background:none;border:0;padding:0;color:var(--accent-2);text-decoration:underline;cursor:pointer;font:inherit;font-weight:600}
.ob-lead{font-size:19px;line-height:1.45;max-width:60ch}
.ob-sum{display:flex;flex-direction:column;gap:10px}
.pill.ob-u.rutine{background:var(--accent-soft);color:var(--accent-2)}
.pill.ob-u{font-size:15px;padding:7px 14px 7px 11px}
.ob-obs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ob-obs li{display:flex;flex-direction:column;gap:2px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.ob-obs li:last-child{border:0;padding:0}
.ob-conf{font:500 12px var(--f-mono);padding:3px 8px;border-radius:99px;background:var(--surface-3)}
.ob-conf.høy{background:var(--accent-soft);color:var(--accent-2)}
@media (max-width:480px){.ob-ai{padding:16px}.ob-lead{font-size:17px}.ob .row .btn{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.ob-meter i{transition:none}}