.brand-wordmark {touch-action:manipulation;user-select:none;-webkit-user-select:none}
.viewport-probes {position:fixed;inset:0;pointer-events:none;visibility:hidden;z-index:-1}
.viewport-probe {position:fixed;top:0;left:0;width:1px;pointer-events:none;visibility:hidden}
.viewport-probe--fixed {inset:0;width:auto;height:auto}
.viewport-probe--vh {height:100vh}
.viewport-probe--dvh {height:100dvh}
.viewport-probe--svh {height:100svh}
.viewport-probe--lvh {height:100lvh}
.viewport-probe--safe {height:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
.viewport-diagnostics {position:fixed;inset:70px 12px auto;box-sizing:border-box;width:auto;max-width:500px;max-height:calc(100svh - 100px);margin:0 auto;padding:18px;border:1px solid var(--ios-line);border-radius:20px;background:var(--ios-panel);color:var(--ios-text);overflow:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}
.viewport-diagnostics::backdrop {background:#0008}
.viewport-diagnostics h2 {margin:0;font-size:20px}
.viewport-diagnostics p {margin:8px 0 12px;font-size:13px;line-height:1.4;color:var(--ios-secondary)}
.viewport-diagnostics pre {margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 ui-monospace,monospace;user-select:text;-webkit-user-select:text}
.viewport-diagnostics-actions {display:flex;gap:8px;margin-top:14px}
.viewport-diagnostics button {flex:1;min-height:44px;border:0;border-radius:12px;background:var(--ios-fill);color:var(--ios-blue);font:inherit;font-size:14px;cursor:pointer}