.point-task{margin-top:17px}.point-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.point-meta>div:first-child{min-width:0}.point-meta strong{font-size:12px;font-weight:550;color:var(--text);display:block;line-height:1.4}.point-meta p{font-size:11px;line-height:1.5;color:var(--muted);margin-top:3px}.point-zooms{display:flex;gap:3px;flex-shrink:0}.point-zooms button{min-width:40px;min-height:44px;padding:5px;border:1px solid transparent;border-radius:10px;background:#c5a9e010;color:var(--muted);font-size:12px}.point-zooms button[aria-pressed="true"]{border-color:#baa0dc8c;background:#c5a9e021;color:var(--lavender)}.point-viewport{width:100%;max-height:440px;overflow:auto;background:#fff;border-radius:13px;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;scrollbar-color:#ad91c3 #f0e9f2}.point-canvas{position:relative;line-height:0;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y pinch-zoom;cursor:crosshair;min-height:50px}.point-canvas:focus-visible{outline:3px solid #7546b5;outline-offset:-4px}.point-image{display:block;width:100%;height:auto;pointer-events:none;font-size:14px;color:#372945}.point-overlay{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible}.point-overlay polygon{fill:#39a16f50;stroke:#087246;stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.point-marker{position:absolute;width:30px;height:30px;border:2px solid white;border-radius:50%;background:#57248cc9;box-shadow:0 0 0 2px #58238d,0 2px 8px #17132370;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none;z-index:2}.point-marker>span{width:5px;height:5px;background:white;border-radius:50%}.point-marker.point-wrong{background:#8a422cbb;box-shadow:0 0 0 2px #8a422c,0 2px 8px #17132370}.point-correct{background:#087246;box-shadow:0 0 0 2px #087246,0 2px 8px #17132370}.point-correct>span{font-size:16px;line-height:1;background:none;width:auto;height:auto;color:white;font-weight:700}.point-hint{font-size:11px;line-height:1.5;color:var(--muted);margin-top:8px}.point-error{font-size:13px;line-height:1.5;color:var(--coral);margin-top:10px}.point-review{margin:12px 0}.point-review .point-canvas{cursor:default}.point-review .point-meta p{margin-top:3px}.point-review .point-hint{margin-top:8px}
@media(max-width:650px){.point-meta{gap:8px}.point-meta strong{font-size:12px}.point-meta p{font-size:11px}.point-zooms button{min-width:37px}.point-task{margin-top:14px}.point-hint{font-size:10px}}