.page-module__L-IoqW__supportBadges{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.page-module__L-IoqW__supportBadge{background:var(--surface-alt);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--foreground);transition:transform var(--transition-fast);align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.page-module__L-IoqW__supportBadge:hover{transform:translateY(-1px)}.page-module__L-IoqW__chrome{color:#4285f4;border-color:#4285f4}.page-module__L-IoqW__firefoxDev{color:#c77800;border-color:#ff9a00}.page-module__L-IoqW__safariDev{color:#08c;border-color:#0af}.dark .page-module__L-IoqW__chrome{color:#6ea8ff}.dark .page-module__L-IoqW__firefoxDev{color:#ffb84d}.dark .page-module__L-IoqW__safariDev{color:#4dc4ff}.page-module__L-IoqW__introDemo{justify-content:center;padding:3rem 2rem;display:flex}.page-module__L-IoqW__introAnchorWrap{display:inline-block;position:relative}.page-module__L-IoqW__anchorButton{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600}.page-module__L-IoqW__anchorButton:hover{transform:translateY(-1px);box-shadow:0 6px 20px #667eea59}.page-module__L-IoqW__simpleTooltip{color:#fff;border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;background:#1e293b;padding:.5rem 1rem;font-size:.8125rem;transition:opacity .2s,transform .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-10px)}.page-module__L-IoqW__simpleTooltip:after{content:"";border:5px solid #0000;border-top-color:#1e293b;position:absolute;top:100%;left:50%;transform:translate(-50%)}.page-module__L-IoqW__introAnchorWrap:hover .page-module__L-IoqW__simpleTooltip{opacity:1;transform:translate(-50%,-12px)}.page-module__L-IoqW__conceptsGrid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.page-module__L-IoqW__conceptCard{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:transform var(--transition-fast);padding:1.25rem}.page-module__L-IoqW__conceptCard:hover{transform:translateY(-2px)}.page-module__L-IoqW__conceptProp{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--primary);margin-bottom:.75rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;display:inline-block}.page-module__L-IoqW__conceptDesc{color:var(--text-muted);font-size:.8125rem;line-height:1.6}.page-module__L-IoqW__positioningDemo{grid-template-columns:repeat(4,1fr);gap:2rem;padding:2rem 1rem;display:grid}.page-module__L-IoqW__anchorContainer{justify-content:center;align-items:center;min-height:140px;display:flex;position:relative}.page-module__L-IoqW__posButton{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:none;padding:.625rem 1.25rem;font-size:.8125rem;font-weight:600}.page-module__L-IoqW__posButton:hover{box-shadow:var(--shadow-md);transform:scale(1.03)}.page-module__L-IoqW__posTooltip{color:#fff;border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;background:#1e293b;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:opacity .2s,transform .2s;position:absolute}.page-module__L-IoqW__anchorContainer:hover .page-module__L-IoqW__posTooltip{opacity:1}.page-module__L-IoqW__posTop{bottom:calc(100% - 20px);left:50%;transform:translate(-50%,-8px)}.page-module__L-IoqW__posTop:after{content:"";border:4px solid #0000;border-top-color:#1e293b;position:absolute;top:100%;left:50%;transform:translate(-50%)}.page-module__L-IoqW__anchorContainer:hover .page-module__L-IoqW__posTop{transform:translate(-50%,-12px)}.page-module__L-IoqW__posBottom{top:calc(100% - 20px);left:50%;transform:translate(-50%,8px)}.page-module__L-IoqW__posBottom:after{content:"";border:4px solid #0000;border-bottom-color:#1e293b;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.page-module__L-IoqW__anchorContainer:hover .page-module__L-IoqW__posBottom{transform:translate(-50%,12px)}.page-module__L-IoqW__posRight{top:50%;left:calc(100% - 20px);transform:translate(8px,-50%)}.page-module__L-IoqW__posRight:after{content:"";border:4px solid #0000;border-right-color:#1e293b;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.page-module__L-IoqW__anchorContainer:hover .page-module__L-IoqW__posRight{transform:translate(12px,-50%)}.page-module__L-IoqW__posLeft{top:50%;right:calc(100% - 20px);transform:translate(-8px,-50%)}.page-module__L-IoqW__posLeft:after{content:"";border:4px solid #0000;border-left-color:#1e293b;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.page-module__L-IoqW__anchorContainer:hover .page-module__L-IoqW__posLeft{transform:translate(-12px,-50%)}.page-module__L-IoqW__dropdownDemo{justify-content:center;padding:3rem 2rem 6rem;display:flex}.page-module__L-IoqW__dropdownWrap{display:inline-block;position:relative}.page-module__L-IoqW__dropdownTrigger{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.page-module__L-IoqW__dropdownTrigger:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.page-module__L-IoqW__dropdownMenu{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;z-index:10;padding:.375rem;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px)}.page-module__L-IoqW__dropdownTrigger:hover+.page-module__L-IoqW__dropdownMenu,.page-module__L-IoqW__dropdownMenu:hover{opacity:1;pointer-events:auto;transform:translateY(0)}.page-module__L-IoqW__dropdownItem{color:var(--foreground);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast);padding:.625rem .875rem;font-size:.8125rem;display:block}.page-module__L-IoqW__dropdownItem:hover{background:var(--surface-alt);color:var(--primary)}.page-module__L-IoqW__badgeDemo{justify-content:center;padding:3rem 2rem;display:flex}.page-module__L-IoqW__badgeWrap{display:inline-block;position:relative}.page-module__L-IoqW__iconButton{background:var(--primary);color:#fff;cursor:pointer;width:56px;height:56px;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.page-module__L-IoqW__iconButton:hover{transform:scale(1.08);box-shadow:0 4px 16px #357a3a59;box-shadow:0 4px 16px lab(45.7706% -33.6758 28.0119/.35)}.page-module__L-IoqW__notificationBadge{color:#fff;border:2px solid var(--background);background:#ef4444;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:.6875rem;font-weight:700;animation:.4s ease-out page-module__L-IoqW__badgePop;display:flex;position:absolute;top:-4px;right:-4px}@keyframes page-module__L-IoqW__badgePop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.page-module__L-IoqW__supportInfo{max-width:600px;margin:0 auto}.page-module__L-IoqW__warningBox{border-radius:var(--radius-lg);color:#78350f;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-left:4px solid #f59e0b;padding:1.75rem}.dark .page-module__L-IoqW__warningBox{color:#fde68a;background:linear-gradient(135deg,#78350f66 0%,#451a0380 100%);border-left-color:#fbbf24}.page-module__L-IoqW__warningTitle{margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.page-module__L-IoqW__warningIntro{margin-bottom:.75rem}.page-module__L-IoqW__supportList{flex-direction:column;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.page-module__L-IoqW__supportList li{align-items:center;gap:.5rem;font-size:.9375rem;line-height:1.5;display:flex}.page-module__L-IoqW__statusIcon{color:#10b981;font-size:1rem;font-weight:700}.dark .page-module__L-IoqW__statusIcon{color:#34d399}.page-module__L-IoqW__statusIconWip{color:#f59e0b;font-size:1rem;font-weight:700}.dark .page-module__L-IoqW__statusIconWip{color:#fbbf24}.page-module__L-IoqW__warningNote{font-size:.875rem;line-height:1.6}.page-module__L-IoqW__warningNote code{border-radius:var(--radius-sm);font-family:var(--font-mono);background:#78350f26;padding:.125rem .375rem;font-size:.8125rem}.dark .page-module__L-IoqW__warningNote code{background:#fbbf2426}.page-module__L-IoqW__benefitsGrid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.page-module__L-IoqW__benefitCard{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--transition-fast);align-items:flex-start;gap:.75rem;padding:1.25rem;display:flex}.page-module__L-IoqW__benefitCard:hover{transform:translateY(-2px)}.page-module__L-IoqW__benefitCross{color:#ef4444;flex-shrink:0;margin-top:.125rem;font-size:1.125rem;font-weight:700}.dark .page-module__L-IoqW__benefitCross{color:#f87171}.page-module__L-IoqW__benefitText{color:var(--foreground);font-size:.875rem;line-height:1.6}.page-module__L-IoqW__benefitText code{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--primary);padding:.125rem .375rem;font-size:.8125rem}.page-module__L-IoqW__relatedGrid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.page-module__L-IoqW__relatedCard{background:var(--background);border:2px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:1.5rem;text-decoration:none}.page-module__L-IoqW__relatedCard:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.dark .page-module__L-IoqW__relatedCard:hover{border-color:#60a5fa}.page-module__L-IoqW__relatedTitle{color:var(--foreground);margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}.page-module__L-IoqW__relatedDesc{color:var(--text-muted);font-size:.8125rem;line-height:1.6}@media (max-width:768px){.page-module__L-IoqW__conceptsGrid{grid-template-columns:1fr}.page-module__L-IoqW__positioningDemo{grid-template-columns:repeat(2,1fr);gap:1.5rem}.page-module__L-IoqW__benefitsGrid,.page-module__L-IoqW__relatedGrid{grid-template-columns:1fr}.page-module__L-IoqW__dropdownDemo{padding-bottom:5rem}}@media (max-width:480px){.page-module__L-IoqW__positioningDemo{grid-template-columns:1fr}.page-module__L-IoqW__introDemo{padding:2rem 1rem}}@media (prefers-reduced-motion:reduce){.page-module__L-IoqW__supportBadge:hover,.page-module__L-IoqW__conceptCard:hover,.page-module__L-IoqW__benefitCard:hover,.page-module__L-IoqW__relatedCard:hover{transform:none}.page-module__L-IoqW__notificationBadge{animation:none}.page-module__L-IoqW__simpleTooltip,.page-module__L-IoqW__posTooltip,.page-module__L-IoqW__dropdownMenu{transition:opacity .1s}.page-module__L-IoqW__anchorButton:hover,.page-module__L-IoqW__posButton:hover,.page-module__L-IoqW__dropdownTrigger:hover,.page-module__L-IoqW__iconButton:hover{transform:none}}