.instructions-page[data-astro-cid-75rnokno]{padding:24px 0 48px;min-height:80vh}.instructions-header[data-astro-cid-75rnokno]{text-align:center;margin-bottom:24px}.instructions-title[data-astro-cid-75rnokno]{margin-top:12px}.instructions-lead[data-astro-cid-75rnokno]{color:var(--color-body);margin-top:8px;max-width:480px;margin-left:auto;margin-right:auto}.instruction-step[data-astro-cid-75rnokno]{display:none;gap:32px;align-items:center;padding:32px;background-color:var(--color-canvas);border-radius:var(--radius-lg);box-shadow:var(--shadow-level-3);opacity:0;transform:translate(30px);transition:opacity .5s ease,transform .5s ease}.instruction-step[data-astro-cid-75rnokno].active{display:grid;grid-template-columns:1fr 1fr;opacity:1;transform:translate(0)}.instruction-step[data-astro-cid-75rnokno].slide-out{opacity:0;transform:translate(-30px)}.step-visual[data-astro-cid-75rnokno]{display:flex;align-items:center;justify-content:center;min-height:220px;background-color:var(--color-canvas-soft);border-radius:var(--radius-md);padding:24px}.step-illustration[data-astro-cid-75rnokno]{display:flex;flex-direction:column;align-items:center;gap:24px}.step-badge[data-astro-cid-75rnokno]{font-family:var(--font-mono);font-size:12px;color:var(--color-mute);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.step-heading[data-astro-cid-75rnokno]{margin-bottom:8px}.step-description[data-astro-cid-75rnokno]{color:var(--color-body);max-width:380px}.distance-illustration[data-astro-cid-75rnokno]{flex-direction:row;gap:16px}.distance-line[data-astro-cid-75rnokno]{display:flex;flex-direction:column;align-items:center;gap:4px}.distance-dash[data-astro-cid-75rnokno]{width:2px;height:30px;background:repeating-linear-gradient(to bottom,var(--color-mute) 0px,var(--color-mute) 4px,transparent 4px,transparent 8px)}.distance-label[data-astro-cid-75rnokno]{font-family:var(--font-mono);font-size:11px;color:var(--color-mute);white-space:nowrap}.brightness-rays[data-astro-cid-75rnokno]{animation:pulse-rays 2s ease-in-out infinite}@keyframes pulse-rays{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.brightness-slider[data-astro-cid-75rnokno]{width:140px}.brightness-track[data-astro-cid-75rnokno]{width:100%;height:6px;background-color:var(--color-hairline);border-radius:3px;overflow:hidden}.brightness-fill[data-astro-cid-75rnokno]{width:0;height:100%;background:linear-gradient(90deg,var(--color-warning),var(--color-warning-soft));border-radius:3px;animation:fill-brightness 2s ease-out forwards;animation-delay:.3s}@keyframes fill-brightness{to{width:100%}}.glasses-illustration[data-astro-cid-75rnokno]{position:relative}.glasses-svg[data-astro-cid-75rnokno]{animation:float-glasses 3s ease-in-out infinite}@keyframes float-glasses{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-5deg)}}.glasses-x[data-astro-cid-75rnokno]{position:absolute;font-size:36px;font-weight:300;color:var(--color-error);top:-4px;right:-16px}.eye-pair[data-astro-cid-75rnokno]{display:flex;gap:32px;align-items:center}.eye-icon[data-astro-cid-75rnokno]{display:flex;flex-direction:column;align-items:center;gap:8px}.eye-label[data-astro-cid-75rnokno]{font-size:12px;color:var(--color-mute);font-family:var(--font-mono)}.eye-covered[data-astro-cid-75rnokno]{opacity:.5;animation:pulse-cover 2s ease-in-out infinite}@keyframes pulse-cover{0%,to{opacity:.5}50%{opacity:.3}}.test-demo-illustration[data-astro-cid-75rnokno]{gap:16px}.demo-e-container[data-astro-cid-75rnokno]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--color-canvas);border-radius:var(--radius-md);box-shadow:var(--shadow-level-2)}.demo-e[data-astro-cid-75rnokno]{font-size:48px;font-weight:700;font-family:serif;color:var(--color-ink);transition:transform .4s ease;line-height:1}.demo-arrows[data-astro-cid-75rnokno]{display:flex;flex-direction:column;align-items:center;gap:4px}.demo-arrow-row[data-astro-cid-75rnokno]{display:flex;gap:4px}.demo-arrow[data-astro-cid-75rnokno]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);font-size:18px;cursor:pointer;transition:all .15s ease;color:var(--color-ink)}.demo-arrow[data-astro-cid-75rnokno]:hover{background-color:var(--color-canvas-soft-2);border-color:var(--color-hairline-strong)}.demo-arrow[data-astro-cid-75rnokno]:active,.demo-arrow[data-astro-cid-75rnokno].pressed{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.step-navigation[data-astro-cid-75rnokno]{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:0 8px}.step-dots[data-astro-cid-75rnokno]{display:flex;gap:8px}.step-dot[data-astro-cid-75rnokno]{width:8px;height:8px;border-radius:50%;background-color:var(--color-hairline);border:none;cursor:pointer;transition:all .3s ease;padding:0}.step-dot[data-astro-cid-75rnokno].active{background-color:var(--color-primary);width:24px;border-radius:4px}.step-buttons[data-astro-cid-75rnokno]{display:flex;gap:8px}.step-prev[data-astro-cid-75rnokno]:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.instruction-step[data-astro-cid-75rnokno].active{grid-template-columns:1fr;padding:24px}.step-visual[data-astro-cid-75rnokno]{min-height:200px;padding:24px}.step-navigation[data-astro-cid-75rnokno]{flex-direction:column;gap:16px}}