.mode-guide-dialog{box-sizing:border-box;position:fixed;inset:0;width:100%;height:100dvh;max-height:100dvh;max-width:680px;margin:auto;padding:0;border:1px solid var(--border-default);background:var(--surface-base);color:var(--text-primary);font-family:var(--font-primary)}.mode-guide-dialog[open]{display:flex;flex-direction:column}.mode-guide-dialog::backdrop{background:#000000b3}.mode-guide-dialog header{display:flex;align-items:center;gap:16px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;border-bottom:1px solid var(--border-default);flex-shrink:0}.mode-guide-dialog h2{font-size:var(--text-lg);margin:0}.mode-guide-dialog header button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-default);color:var(--text-primary);cursor:pointer}.mode-guide-dialog svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}.mode-guide-body{padding:16px 20px calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}.mode-guide-body section{padding:12px 0 16px;border-bottom:1px solid var(--border-default)}.mode-guide-body h3{font-size:var(--text-md);margin:0 0 10px}.mode-guide-body p,.mode-guide-body li{font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary)}.mode-guide-body p{margin:8px 0}.mode-guide-body ul{padding-left:20px;margin:0}.mode-guide-body li+li{margin-top:8px}.mode-guide-body .mode-guide-context{margin:0 0 12px;color:var(--text-muted)}.mode-guide-body summary{padding:18px 0;cursor:pointer;font-weight:var(--weight-semibold)}.mode-guide-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border:0;background:none;font:inherit;font-weight:var(--weight-semibold);color:var(--action-secondary-text);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.mode-guide-dialog button:focus-visible,.mode-guide-link:focus-visible{outline:2px solid var(--action-accent-text);outline-offset:2px}@media(min-width:769px){.mode-guide-dialog{height:92dvh;border-radius:var(--radius-lg)}}