.ob-cat{color:#6fd3a8}.ob-comp{color:#f0a23a}.ob-dem{color:#8fb8ff}.ob-anatomy{gap:14px;display:grid}.ob-line{background:#071a27;border:1px solid #17364a;border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:9px;padding:20px;font-size:17px;font-weight:700;display:flex}.ob-line>b{color:#9bb1bd;font-weight:800}.ob-line>i{color:#57788a;font-style:normal}.ob-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ob-legend article{background:#091f2e;border:1px solid #17364a;border-radius:14px;align-items:flex-start;gap:12px;padding:15px;display:flex}.ob-legend b{background:#0d2c3f;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.ob-legend h3{margin:0 0 4px;font-size:14px}.ob-legend p{color:#9bb1bd;margin:0;font-size:13px;line-height:1.55}.ob-compare{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.ob-compare article{background:#071a27;border:1px solid #17364a;border-radius:14px;padding:15px}.ob-compare article.bad{border-color:#d8544f}.ob-compare article.good{border-color:#2e9e6b}.ob-compare span{letter-spacing:.1em;color:#9bb1bd;font-size:10px;font-weight:800}.ob-compare b{margin:8px 0 7px;font-size:14px;line-height:1.45;display:block}.ob-compare p{color:#9bb1bd;margin:0;font-size:12.5px;line-height:1.55}.ob-sub{letter-spacing:.1em;color:#9bb1bd;margin:22px 0 10px;font-size:12px;font-weight:800}.ob-sub:first-of-type{margin-top:4px}.ob-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ob-cats article{background:#091f2e;border:1px solid #17364a;border-radius:13px;padding:14px 15px}.ob-cats b{color:var(--accent);margin-bottom:5px;font-size:14px;display:block}.ob-cats p{color:#9bb1bd;margin:0;font-size:12.5px;line-height:1.55}.ob-note{border:1px solid color-mix(in srgb, var(--accent) 42%, #17364a);color:#9bb1bd;background:#071a27;border-radius:14px;margin-top:18px;padding:16px 18px;font-size:13.5px;line-height:1.6}.ob-note b{color:#fff}.ob-status{align-items:center;gap:14px;margin-bottom:16px;display:flex}.ob-status i{background:#0d2c3f;border-radius:999px;flex:1;height:6px;overflow:hidden}.ob-status em{background:var(--accent);height:100%;transition:width .3s;display:block}.ob-status span{letter-spacing:.07em;color:#9bb1bd;font-size:11px;font-weight:800}.ob-brief{background:#071a27;border:1px solid #17364a;border-radius:14px;margin:0 0 18px;padding:17px 19px;font-size:14.5px;line-height:1.65}.ob-builder{gap:13px;display:grid}.ob-row small{letter-spacing:.1em;color:#9bb1bd;margin-bottom:7px;font-size:10.5px;font-weight:800;display:block}.ob-row>div{flex-wrap:wrap;gap:8px;display:flex}.ob-chip{color:#fff;cursor:pointer;background:#091f2e;border:1px solid #17364a;border-radius:11px;padding:11px 14px;font-size:13px;transition:transform .14s,border-color .14s}.ob-chip:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.ob-chip.picked{border-color:var(--accent);background:#0d2c3f}.ob-chip.correct{background:#0c2a22;border-color:#2e9e6b}.ob-chip.wrong{background:#2a1112;border-color:#d8544f}.ob-chip:disabled{cursor:default}.ob-preview{background:#071a27;border:1px dashed #2b5b77;border-radius:14px;margin-top:18px;padding:16px 19px}.ob-preview small{letter-spacing:.1em;color:#9bb1bd;margin-bottom:6px;font-size:10.5px;font-weight:800;display:block}.ob-preview b{font-size:15.5px;line-height:1.5}.ob-preview.good{border-style:solid;border-color:#2e9e6b}.ob-preview.bad{border-style:solid;border-color:#d8544f}.ob-feedback{background:#071a27;border:1px solid #17364a;border-radius:14px;margin-top:14px;padding:15px 18px}.ob-feedback.good{border-color:#2e9e6b}.ob-feedback.bad{border-color:#e0a13c}.ob-feedback p{color:#cfe0e9;margin:0;font-size:13.5px;line-height:1.6}.ob-feedback b{color:#fff}.ob-answer{color:#9bb1bd!important;margin-top:9px!important}.ob-answer i{color:var(--accent);font-style:normal;font-weight:700}.ob-actions{gap:10px;margin-top:18px;display:flex}.ob-actions button{color:#fff;letter-spacing:.06em;cursor:pointer;background:#0d2c3f;border:1px solid #2b5b77;border-radius:11px;padding:13px 18px;font-size:12px;font-weight:800}.ob-actions button:disabled{opacity:.45;cursor:default}.ob-actions .vm-primary{border:none}@media (max-width:900px){.ob-legend,.ob-compare,.ob-cats{grid-template-columns:1fr}.ob-line{font-size:15px}}