.length-section-links{position:absolute;inset:0 0 0 40px}.length-section-links button{text-align:left;background:var(--color-surface-raised);cursor:pointer;border:1px solid #0000;border-radius:5px;align-items:center;width:100%;min-height:32px;padding:3px;font-size:11px;line-height:1.3;display:flex;position:absolute;transform:translateY(-16px)}.length-section-links button[aria-pressed=true]{border-color:currentColor}.length-section-links b{margin-right:5px}.length-label-leaders{pointer-events:none;width:44px;height:100%;position:absolute;top:0;left:0}.length-healthy .length-map-wrap{flex:1;max-width:none}.length-healthy .length-phone{width:55%}.length-healthy .length-demo{gap:10px}.length-healthy .length-map-title{white-space:nowrap}@container (width<=360px){.length-healthy .length-phone{width:52%}.length-healthy .length-map-wrap{max-width:none}.length-healthy .length-section-links button{font-size:10px}}.length-healthy .length-map-end,.length-healthy .length-landmark-key{display:none}.length-healthy .length-map-band{opacity:.8;cursor:pointer;border:0;padding:0}.length-preview{min-width:0;color:var(--color-foreground);container-type:inline-size}.length-audit{border:1px solid var(--color-hairline);background:var(--color-surface-raised);border-radius:12px;justify-content:space-between;gap:16px;margin-bottom:20px;padding:16px;display:flex}.length-audit>div{align-items:center;gap:10px;display:flex}.length-audit strong{color:#f8c84e;font-variant-numeric:tabular-nums;font-size:30px;line-height:1}.length-audit span,.length-audit p{font-size:11px;line-height:1.5}.length-audit span{color:var(--color-muted-foreground)}.length-demo{justify-content:center;gap:18px;max-width:460px;margin:auto;display:flex}.length-phone{background:#111;border:3px solid #525252;border-radius:28px;flex-shrink:0;width:57%;max-width:260px;padding:6px;box-shadow:0 16px 32px #0004}.length-phone-bar{color:#ddd;justify-content:center;align-items:center;gap:8px;padding:8px 0;font-size:9px;display:flex}.length-phone-bar span{background:#444;border-radius:9px;width:25px;height:5px}.length-viewport{aspect-ratio:1/2;overscroll-behavior:contain;scrollbar-width:none;background:#fff;border-radius:17px;overflow-y:auto}.length-viewport::-webkit-scrollbar{display:none}.length-viewport img{width:100%;height:auto;display:block}.length-preview button:focus-visible,.length-viewport:focus-visible{outline-offset:3px;outline:2px solid #f8c84e}.length-map-wrap{flex:1;min-width:0;position:relative}.length-map-title{color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:1px;font:10px monospace}.length-map{position:absolute;inset:34px 0 12px}.length-map-track{background:#ffffff0d;border:1px solid #ffffff25;border-radius:4px;width:22px;position:absolute;top:0;bottom:0;left:1px}.length-map-band{opacity:.25;position:absolute;left:0;right:0}.length-map-position{z-index:1;pointer-events:none;background:#fff3;border:2px solid #fff;border-radius:3px;min-height:5px;position:absolute;left:-5px;right:-5px}.length-map-marker{text-align:left;cursor:pointer;z-index:2;background:0 0;border:0;align-items:flex-start;gap:10px;width:100%;min-height:32px;padding:0;display:flex;position:absolute}.length-map-marker>span{background:#181818;border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font:11px monospace;display:flex}.length-map-marker b{padding-top:3px;font-size:11px;font-weight:500;line-height:1.35}.length-map-marker:hover b,.length-map-marker[aria-pressed=true] b{text-underline-offset:3px;text-decoration:underline}.length-map-marker[aria-pressed=true]>span{box-shadow:0 0 0 3px #ffffff35}.length-map-marker:disabled{opacity:.4;cursor:wait}.length-map-end{color:var(--color-muted-foreground);font-size:10px;position:absolute;bottom:0;left:34px}.length-controls{justify-content:center;align-items:center;gap:18px;margin:18px 0;display:flex}.length-controls button{border:1px solid var(--color-hairline);background:var(--color-surface-raised);cursor:pointer;border-radius:8px;width:44px;height:44px;font-size:20px}.length-controls button:disabled{opacity:.3;cursor:default}.length-controls div{text-align:center}.length-controls output{font:12px monospace;display:block}.length-controls div>span{color:var(--color-muted-foreground);margin-top:4px;font-size:10px;display:block}.length-landmark-key{display:none}.length-explanation{background:#f8c84e09;border-left:2px solid #f8c84e;min-height:94px;padding:10px 14px}.length-explanation .eyebrow{font-size:10px}.length-explanation p,.length-takeaway p{margin-top:6px;font-size:12px;line-height:1.6}.length-takeaway{margin:18px 0 14px}.length-takeaway strong{font-size:13px}.length-takeaway p{color:var(--color-muted-foreground)}.length-caption{color:var(--color-muted-foreground);font-size:10px;line-height:1.6}.length-caption a{text-underline-offset:3px;margin-top:6px;text-decoration:underline;display:inline-block}@container (width<=360px){.length-audit{flex-direction:column;gap:10px}.length-audit p br{display:block}.length-map-title{white-space:nowrap}.length-demo{gap:20px}.length-phone{width:calc(100% - 62px);max-width:250px}.length-map-wrap{max-width:38px}.length-map-title{letter-spacing:0;font-size:8px}.length-map-marker b,.length-map-end{display:none}.length-landmark-key{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;font-size:10px;line-height:1.4;display:grid}.length-landmark-key b{margin-right:3px;font:11px monospace}}