.page-module__dMmk_q__supportBadges{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.page-module__dMmk_q__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__dMmk_q__supportBadge:hover{transform:translateY(-1px)}.page-module__dMmk_q__chrome{color:#4285f4;border-color:#4285f4}.page-module__dMmk_q__edge{color:#0078d4;border-color:#0078d4}.page-module__dMmk_q__firefoxFlag{color:#c77800;border-color:#ff9a00}.page-module__dMmk_q__safariDev{color:#08c;border-color:#0af}.dark .page-module__dMmk_q__chrome{color:#6ea8ff}.dark .page-module__dMmk_q__edge{color:#4da6ff}.dark .page-module__dMmk_q__firefoxFlag{color:#ffb84d}.dark .page-module__dMmk_q__safariDev{color:#4dc4ff}.page-module__dMmk_q__fadeDemo{justify-content:center;padding:2rem;display:flex}.page-module__dMmk_q__fadeDemoBox{border-radius:var(--radius-lg);color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;max-width:420px;padding:3rem 2.5rem;animation:linear forwards page-module__dMmk_q__fadeInUp;animation-timeline:view();animation-range:entry cover 30%;box-shadow:0 8px 24px #667eea40}@supports not (animation-timeline:view()){.page-module__dMmk_q__fadeDemoBox{opacity:1;animation:none;transform:translateY(0)}}@keyframes page-module__dMmk_q__fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.page-module__dMmk_q__fadeDemoTitle{margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.page-module__dMmk_q__fadeDemoText{opacity:.9;margin:0;font-size:1.0625rem}.page-module__dMmk_q__conceptsGrid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.page-module__dMmk_q__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__dMmk_q__conceptCard:hover{transform:translateY(-2px)}.page-module__dMmk_q__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__dMmk_q__conceptDesc{color:var(--text-muted);font-size:.8125rem;line-height:1.6}.page-module__dMmk_q__progressDemo{flex-direction:column;gap:0;display:flex}.page-module__dMmk_q__progressTrack{background:var(--surface-alt);border:1px solid var(--border);border-radius:3px;height:6px;overflow:hidden}.page-module__dMmk_q__progressBar{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:3px;width:35%;height:100%;animation:2.5s ease-in-out infinite page-module__dMmk_q__progressPulse}@keyframes page-module__dMmk_q__progressPulse{0%{width:10%}50%{width:75%}to{width:10%}}.page-module__dMmk_q__progressScroller{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);scrollbar-width:thin;scrollbar-color:var(--border)transparent;max-height:240px;margin-top:1rem;overflow-y:auto}.page-module__dMmk_q__progressContent{padding:1.5rem}.page-module__dMmk_q__progressHint{text-align:center;color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem;font-style:italic}.page-module__dMmk_q__progressBlock{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:1rem;padding:1.25rem}.page-module__dMmk_q__progressBlock:last-child{margin-bottom:0}.page-module__dMmk_q__progressBlock h4{color:var(--foreground);margin:0 0 .5rem;font-size:.9375rem;font-weight:600}.page-module__dMmk_q__progressBlock p{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.6}.page-module__dMmk_q__progressBlock 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:.75rem}.page-module__dMmk_q__revealDemo{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.page-module__dMmk_q__revealCard{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:transform var(--transition-fast);padding:1.5rem;animation:linear forwards page-module__dMmk_q__revealCard;animation-timeline:view();animation-range:entry cover 25%}.page-module__dMmk_q__revealCard:hover{transform:translateY(-3px)}.page-module__dMmk_q__revealCard:nth-child(2){animation-delay:.1s}.page-module__dMmk_q__revealCard:nth-child(3){animation-delay:.2s}@supports not (animation-timeline:view()){.page-module__dMmk_q__revealCard{opacity:1;animation:none;transform:translateY(0)scale(1)}}@keyframes page-module__dMmk_q__revealCard{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.page-module__dMmk_q__revealIcon{margin-bottom:.75rem;font-size:2rem}.page-module__dMmk_q__revealTitle{color:var(--foreground);margin:0 0 .5rem;font-size:1rem;font-weight:700}.page-module__dMmk_q__revealDesc{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.6}.page-module__dMmk_q__rangeGrid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.page-module__dMmk_q__rangeCard{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__dMmk_q__rangeCard:hover{transform:translateY(-2px)}.page-module__dMmk_q__rangeKeyword{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--primary);margin-bottom:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.page-module__dMmk_q__rangeDiagram{justify-content:center;margin-bottom:1rem;display:flex}.page-module__dMmk_q__rangeViewport{border:2px dashed var(--border);border-radius:var(--radius-sm);width:64px;height:56px;position:relative;overflow:hidden}.page-module__dMmk_q__rangeElement{background:var(--primary);opacity:.85;border-radius:3px;width:28px;height:20px;position:absolute;left:50%;transform:translate(-50%)}.page-module__dMmk_q__rangeEntry{animation:2s ease-in-out infinite page-module__dMmk_q__rangeEntryAnim;bottom:-4px}@keyframes page-module__dMmk_q__rangeEntryAnim{0%{opacity:.3;bottom:-20px}50%{opacity:1;bottom:18px}to{opacity:.3;bottom:-20px}}.page-module__dMmk_q__rangeExit{animation:2s ease-in-out infinite page-module__dMmk_q__rangeExitAnim;top:-4px}@keyframes page-module__dMmk_q__rangeExitAnim{0%{opacity:1;top:18px}50%{opacity:.3;top:-20px}to{opacity:1;top:18px}}.page-module__dMmk_q__rangeCover{animation:3s ease-in-out infinite page-module__dMmk_q__rangeCoverAnim;bottom:-20px}@keyframes page-module__dMmk_q__rangeCoverAnim{0%{opacity:.3;bottom:-20px}50%{opacity:.3;bottom:40px}25%{opacity:1}75%{opacity:1}to{opacity:.3;bottom:-20px}}.page-module__dMmk_q__rangeContain{animation:2s ease-in-out infinite page-module__dMmk_q__rangeContainAnim;top:50%;transform:translate(-50%,-50%)}@keyframes page-module__dMmk_q__rangeContainAnim{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(.85)}50%{opacity:1;transform:translate(-50%,-50%)scale(1)}}.page-module__dMmk_q__rangeDesc{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.5}.page-module__dMmk_q__supportInfo{max-width:600px;margin:0 auto}.page-module__dMmk_q__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__dMmk_q__warningBox{color:#fde68a;background:linear-gradient(135deg,#78350f66 0%,#451a0380 100%);border-left-color:#fbbf24}.page-module__dMmk_q__warningTitle{margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.page-module__dMmk_q__warningIntro{margin-bottom:.75rem}.page-module__dMmk_q__supportList{flex-direction:column;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.page-module__dMmk_q__supportList li{align-items:center;gap:.5rem;font-size:.9375rem;line-height:1.5;display:flex}.page-module__dMmk_q__statusIcon{color:#10b981;font-size:1rem;font-weight:700}.dark .page-module__dMmk_q__statusIcon{color:#34d399}.page-module__dMmk_q__statusIconWip{color:#f59e0b;font-size:1rem;font-weight:700}.dark .page-module__dMmk_q__statusIconWip{color:#fbbf24}.page-module__dMmk_q__warningNote{font-size:.875rem;line-height:1.6}.page-module__dMmk_q__warningNote code{border-radius:var(--radius-sm);font-family:var(--font-mono);background:#78350f26;padding:.125rem .375rem;font-size:.8125rem}.dark .page-module__dMmk_q__warningNote code{background:#fbbf2426}.page-module__dMmk_q__benefitsGrid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.page-module__dMmk_q__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__dMmk_q__benefitCard:hover{transform:translateY(-2px)}.page-module__dMmk_q__benefitCheck{color:#10b981;flex-shrink:0;margin-top:.125rem;font-size:1.25rem;font-weight:700}.dark .page-module__dMmk_q__benefitCheck{color:#34d399}.page-module__dMmk_q__benefitLabel{color:var(--foreground);margin-bottom:.25rem;font-size:.9375rem;font-weight:600;display:block}.page-module__dMmk_q__benefitText{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.6}.page-module__dMmk_q__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:.75rem}.page-module__dMmk_q__relatedGrid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.page-module__dMmk_q__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__dMmk_q__relatedCard:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.dark .page-module__dMmk_q__relatedCard:hover{border-color:#60a5fa}.page-module__dMmk_q__relatedTitle{color:var(--foreground);margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}.page-module__dMmk_q__relatedDesc{color:var(--text-muted);font-size:.8125rem;line-height:1.6}@media (max-width:768px){.page-module__dMmk_q__conceptsGrid{grid-template-columns:repeat(2,1fr)}.page-module__dMmk_q__revealDemo{grid-template-columns:1fr}.page-module__dMmk_q__rangeGrid{grid-template-columns:repeat(2,1fr)}.page-module__dMmk_q__benefitsGrid,.page-module__dMmk_q__relatedGrid{grid-template-columns:1fr}}@media (max-width:480px){.page-module__dMmk_q__conceptsGrid,.page-module__dMmk_q__rangeGrid{grid-template-columns:1fr}.page-module__dMmk_q__fadeDemo{padding:1.5rem 1rem}.page-module__dMmk_q__fadeDemoBox{padding:2rem 1.5rem}.page-module__dMmk_q__fadeDemoTitle{font-size:1.375rem}}@media (prefers-reduced-motion:reduce){.page-module__dMmk_q__fadeDemoBox,.page-module__dMmk_q__revealCard{opacity:1;animation:none;transform:none}.page-module__dMmk_q__progressBar{width:45%;animation:none}.page-module__dMmk_q__rangeEntry,.page-module__dMmk_q__rangeExit,.page-module__dMmk_q__rangeCover,.page-module__dMmk_q__rangeContain{opacity:.8;animation:none}.page-module__dMmk_q__supportBadge:hover,.page-module__dMmk_q__conceptCard:hover,.page-module__dMmk_q__rangeCard:hover,.page-module__dMmk_q__benefitCard:hover,.page-module__dMmk_q__relatedCard:hover,.page-module__dMmk_q__revealCard:hover{transform:none}}