.mf-material{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}.mf-hero{background:radial-gradient(120% 140% at 100% 0%, var(--color-indigo-600) 0%, var(--color-indigo-700) 42%, var(--color-indigo-900) 100%);border-radius:20px;margin-bottom:3rem;padding:3.25rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 16px 32px -8px #4f46e51f,0 4px 8px -2px #4f46e50f}.mf-hero-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--color-indigo-200);margin:0 0 1rem;font-family:SF Mono,Monaco,monospace;font-size:.75rem}.mf-hero h1{color:var(--color-white);letter-spacing:-.03em;max-width:26ch;margin:0 0 1.25rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:clamp(2rem,4vw + 1rem,3.1rem);font-weight:900;line-height:1.05}.mf-hero p{color:var(--color-indigo-100);max-width:46rem;margin:0;font-size:1.0625rem;line-height:1.6}.mf-hero p strong{color:var(--color-white);font-weight:700}.mf-part{border-bottom:2px solid var(--color-indigo-600);flex-wrap:wrap;align-items:baseline;gap:.85rem;margin:3.5rem 0 .5rem;padding-bottom:.75rem;display:flex}.mf-part-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--color-indigo-700);background:var(--color-indigo-100);border-radius:6px;padding:.2rem .6rem;font-family:SF Mono,Monaco,monospace;font-size:.75rem;font-weight:700}.mf-part-title{color:var(--color-slate-900);letter-spacing:-.02em;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.5rem;font-weight:800}.mf-section{border-bottom:1px solid var(--color-border);margin-top:2.5rem;padding-bottom:2rem}.mf-section:last-of-type{border-bottom:none}.mf-section-header{align-items:center;margin-bottom:.75rem;display:flex}.mf-section-number{background:var(--color-indigo-600);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin-right:.75rem;font-size:.875rem;font-weight:700;display:inline-flex}.mf-section-title{color:var(--color-slate-900);font-family:Red Hat Display,system-ui,sans-serif;font-size:1.25rem;font-weight:700}.mf-text{color:var(--color-slate-600);max-width:48rem;font-family:Rubik,system-ui,sans-serif;font-size:.9375rem;line-height:1.7}.mf-text+.mf-text{margin-top:1rem}.mf-text strong{color:var(--color-slate-900);font-weight:600}.mf-text code,.mf-inline-code{background:var(--color-slate-100);color:var(--color-indigo-700);border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,monospace;font-size:.875em}.mf-callout{background:var(--color-indigo-50);border:1px solid var(--color-indigo-200);border-radius:10px;gap:.75rem;max-width:48rem;margin:1.25rem 0;padding:1rem 1.25rem;display:flex}.mf-callout .mf-material{color:var(--color-indigo-700);flex-shrink:0;font-size:1.25rem}.mf-callout-text{color:var(--color-indigo-800);font-family:Rubik,system-ui,sans-serif;font-size:.875rem;line-height:1.6}.mf-callout-text strong{color:var(--color-indigo-900);font-weight:700}.mf-callout-text code{color:var(--color-indigo-800);background:#4f46e51a;border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.85em}.mf-rules{flex-direction:column;gap:.75rem;max-width:48rem;margin:1.25rem 0;display:flex}.mf-rule{border:1px solid var(--color-border);border-left:3px solid var(--color-indigo-600);background:#fff;border-radius:10px;padding:.9rem 1.125rem}.mf-rule-line{color:var(--color-slate-900);margin:0;font-family:Rubik,system-ui,sans-serif;font-size:.9375rem;line-height:1.5}.mf-rule-why{color:var(--color-slate-500);margin:.35rem 0 0;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.5}.mf-tag{text-transform:uppercase;letter-spacing:.05em;vertical-align:.08em;border-radius:4px;margin-right:.5rem;padding:.1rem .4rem;font-family:SF Mono,Monaco,monospace;font-size:.625rem;font-weight:700;display:inline-block}.mf-tag.rule{color:var(--color-indigo-700);background:var(--color-indigo-100)}.mf-tag.why{color:var(--color-slate-600);background:var(--color-slate-100)}.mf-rule code{color:var(--color-slate-700);background:#0f172a0f;border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.8125em}.mf-demo{border:1px solid var(--color-border);background:#fff;border-radius:12px;margin:1.25rem 0;padding:1.5rem}.mf-demo-label{text-transform:uppercase;color:var(--color-slate-600);letter-spacing:.08em;margin-bottom:1rem;font-size:.6875rem;font-weight:700}.mf-standard-cap{text-transform:uppercase;letter-spacing:.08em;color:var(--color-slate-600);align-items:center;gap:.4rem;margin:.9rem 0 0;font-family:SF Mono,Monaco,monospace;font-size:.6875rem;font-weight:700;display:flex}.mf-standard-cap .mf-material{color:var(--color-indigo-700);font-size:.95rem}.mf-pair{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;max-width:48rem;margin:1.25rem 0;display:grid}.mf-card{border:1px solid var(--color-border);background:#fff;border-radius:12px;padding:1.15rem 1.25rem}.mf-card.avoid{border-style:dashed;border-color:var(--color-slate-300);background:var(--color-slate-50)}.mf-card-head{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4rem;margin-bottom:.6rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;font-weight:700;display:flex}.mf-card.rec .mf-card-head{color:var(--color-green-800)}.mf-card.avoid .mf-card-head{color:var(--color-slate-600)}.mf-card-body{color:var(--color-slate-600);font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.55}.mf-card-body code{color:var(--color-indigo-700);background:var(--color-indigo-50);border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.85em}.mf-scroll{border:1px solid var(--color-border);border-radius:12px;max-width:52rem;margin:1.25rem 0;overflow-x:auto}table.mf-map{border-collapse:collapse;background:#fff;width:100%;min-width:620px;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem}table.mf-map th{text-align:left;color:var(--color-slate-900);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:700}table.mf-map th.desk{background:var(--color-slate-50)}table.mf-map th.mob{background:var(--color-indigo-50)}table.mf-map th.src{background:var(--color-slate-50)}table.mf-map td{border-bottom:1px solid var(--color-slate-100);color:var(--color-slate-600);vertical-align:top;padding:.7rem 1rem}table.mf-map td.desk{color:var(--color-slate-500)}table.mf-map td.mob{background:var(--color-slate-50);color:var(--color-slate-900);font-weight:600}table.mf-map td.src{color:var(--color-slate-500);font-size:.75rem}table.mf-map tr:last-child td{border-bottom:none}table.mf-map .mf-arrow-cell{color:var(--color-indigo-700);font-weight:700}table.mf-map code{color:var(--color-indigo-700);background:var(--color-indigo-50);border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.85em}.mf-phone{background:var(--color-slate-900);border-radius:48px;width:320px;max-width:100%;margin:0 auto;padding:12px;position:relative;box-shadow:0 28px 56px -16px #0f172a73,inset 0 0 0 1px #94a3b840}.mf-phone:before,.mf-phone:after{content:"";background:var(--color-slate-800);border-radius:2px 0 0 2px;width:3px;position:absolute;left:-2px}.mf-phone:before{height:34px;top:108px}.mf-phone:after{height:58px;top:152px}.mf-phone-screen{background:var(--color-slate-50);border-radius:38px;flex-direction:column;height:640px;display:flex;position:relative;overflow:hidden}.mf-phone-notch{background:var(--color-slate-900);z-index:5;border-radius:14px;width:110px;height:26px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.mf-status{color:var(--color-slate-600);flex-shrink:0;justify-content:space-between;align-items:center;padding:2.75rem 1rem .2rem;font-family:Rubik,system-ui,sans-serif;font-size:.7rem;font-weight:600;display:flex}.mf-appbar{color:var(--color-slate-900);border-bottom:1px solid var(--color-border);flex-shrink:0;padding:.35rem 1rem .75rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.05rem;font-weight:800}.mf-canvas{flex-direction:column;flex:1;gap:.6rem;padding:.85rem 1rem;display:flex;overflow-y:auto}.mf-line{background:var(--color-border);border-radius:6px;height:.7rem}.mf-line.short{width:55%}.mf-line.mid{width:78%}.mf-tile{border:1px solid var(--color-border);background:#fff;border-radius:12px;flex-direction:column;gap:.5rem;padding:.75rem .85rem;display:flex}.mf-tile-title{color:var(--color-slate-900);font-family:Rubik,system-ui,sans-serif;font-size:.8rem;font-weight:700}.mf-thumb-arc{pointer-events:none;z-index:1;background:radial-gradient(circle at 100% 100%,#4f46e524 0%,#4f46e50f 55%,#4f46e500 72%);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-40px;right:-40px}.mf-reach-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--color-slate-500);border:1px dashed var(--color-slate-300);z-index:4;background:#f8fafcd9;border-radius:6px;padding:.1rem .35rem;font-family:SF Mono,Monaco,monospace;font-size:.55rem;font-weight:700;position:absolute;top:46px;left:12px}.mf-sticky-cta{z-index:3;backdrop-filter:blur(6px);border-top:1px solid var(--color-border);background:#ffffffeb;flex-shrink:0;padding:.7rem 1rem calc(.7rem + 8px);position:relative}.mf-cta-btn{background:var(--color-indigo-600);width:100%;min-height:48px;color:var(--color-white);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;font-family:Rubik,system-ui,sans-serif;font-size:.95rem;font-weight:700;display:flex}.mf-cta-btn:hover{background:var(--color-indigo-700)}.mf-cta-btn:focus-visible{box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--color-indigo-600);outline:none}.mf-cta-btn .mf-material{font-size:1.2rem}.mf-bottomnav{background:var(--color-white);border-top:1px solid var(--color-border);flex-shrink:0;padding-bottom:8px;display:flex}.mf-navitem{min-height:48px;color:var(--color-slate-500);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.45rem .2rem;font-family:Rubik,system-ui,sans-serif;font-size:.625rem;font-weight:600;text-decoration:none;display:flex}.mf-navitem .mf-material{font-size:1.25rem}.mf-navitem:focus-visible{box-shadow:inset 0 0 0 2px var(--color-indigo-600);border-radius:8px;outline:none}.mf-navitem[aria-current=page]{color:var(--color-indigo-700)}.mf-navitem[aria-current=page] .mf-material{font-variation-settings:"FILL" 1}.mf-fab{z-index:4;background:var(--color-indigo-600);width:52px;height:52px;color:var(--color-white);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:70px;right:14px;box-shadow:0 8px 16px -4px #4f46e580}.mf-fab:hover{background:var(--color-indigo-700)}.mf-fab:focus-visible{box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--color-indigo-600);outline:none}.mf-fab .mf-material{font-size:1.5rem}.mf-snackbar{z-index:4;background:var(--color-slate-800);border-radius:10px;align-items:center;gap:.6rem;padding:.7rem .75rem .7rem 1rem;display:flex;position:absolute;bottom:16px;left:12px;right:12px;box-shadow:0 10px 24px -8px #0f172a80}.mf-snackbar-text{color:var(--color-slate-100);flex:1;font-family:Rubik,system-ui,sans-serif;font-size:.8rem;line-height:1.35}.mf-snackbar-action{min-height:36px;color:var(--color-indigo-300);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:0 .6rem;font-family:Rubik,system-ui,sans-serif;font-size:.8rem;font-weight:700}.mf-snackbar-action:hover{background:#a5b4fc29}.mf-snackbar-action:focus-visible{box-shadow:0 0 0 2px var(--color-slate-800), 0 0 0 4px var(--color-indigo-300);outline:none}.mf-ghost-btn{border:1px solid var(--color-slate-300);min-height:44px;color:var(--color-slate-700);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:.35rem;padding:0 .9rem;font-family:Rubik,system-ui,sans-serif;font-size:.85rem;font-weight:600;display:inline-flex}.mf-ghost-btn:hover{border-color:var(--color-indigo-600);color:var(--color-indigo-700)}.mf-ghost-btn:focus-visible{box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--color-indigo-600);outline:none}.mf-ghost-btn .mf-material{color:var(--color-indigo-700);font-size:1.1rem}dialog.mf-sheet{background:var(--color-white);width:100%;max-width:420px;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);border:none;border-radius:18px 18px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;box-shadow:0 -12px 32px -8px #0f172a40}dialog.mf-sheet::backdrop{background:#0f172a73}.mf-sheet-inner{padding:.5rem 1.25rem 1.25rem}.mf-grabber-row{justify-content:center;padding:.5rem 0 .75rem;display:flex}.mf-grabber{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:48px;height:24px;display:inline-flex}.mf-grabber:before{content:"";background:var(--color-slate-300);border-radius:999px;width:36px;height:5px;display:block}.mf-grabber:hover:before{background:var(--color-slate-400)}.mf-grabber:focus-visible{box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--color-indigo-600);outline:none}.mf-sheet-title{color:var(--color-slate-900);margin:0 0 .4rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.15rem;font-weight:800}.mf-sheet-body{color:var(--color-slate-600);margin:0 0 1rem;font-family:Rubik,system-ui,sans-serif;font-size:.875rem;line-height:1.55}.mf-sheet-actions{gap:.6rem;display:flex}.mf-sheet-actions button{cursor:pointer;border-radius:10px;flex:1;min-height:48px;font-family:Rubik,system-ui,sans-serif;font-size:.9rem;font-weight:700}.mf-btn-primary{background:var(--color-indigo-600);border:1px solid var(--color-indigo-600);color:var(--color-white)}.mf-btn-primary:hover{background:var(--color-indigo-700)}.mf-btn-secondary{background:var(--color-white);border:1px solid var(--color-slate-300);color:var(--color-slate-700)}.mf-btn-secondary:hover{border-color:var(--color-indigo-600);color:var(--color-indigo-700)}.mf-sheet-actions button:focus-visible{box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--color-indigo-600);outline:none}.mf-swipe-list{border:1px solid var(--color-border);border-radius:12px;max-width:32rem;margin:0;padding:0;list-style:none;overflow:hidden}.mf-swipe-row{background:var(--color-white);border-bottom:1px solid var(--color-slate-100);align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.mf-swipe-row:last-child{border-bottom:none}.mf-swipe-main{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.mf-swipe-name{color:var(--color-slate-900);font-family:Rubik,system-ui,sans-serif;font-size:.875rem;font-weight:700}.mf-swipe-meta{color:var(--color-slate-500);font-family:Rubik,system-ui,sans-serif;font-size:.75rem}.mf-swipe-action{background:var(--color-indigo-50);border:1px solid var(--color-indigo-200);min-height:44px;color:var(--color-indigo-800);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:.3rem;padding:0 .75rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;font-weight:700;display:inline-flex}.mf-swipe-action:hover{background:var(--color-indigo-100)}.mf-swipe-action:focus-visible{box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--color-indigo-600);outline:none}.mf-swipe-action .mf-material{font-size:1.05rem}.mf-swipe-hint{text-transform:uppercase;letter-spacing:.05em;color:var(--color-slate-500);align-items:center;gap:.3rem;font-family:SF Mono,Monaco,monospace;font-size:.6rem;font-weight:700;display:inline-flex}.mf-swipe-hint .mf-material{color:var(--color-slate-400);font-size:.95rem}.mf-chips{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.75rem 0;display:flex}.mf-chip{background:var(--color-indigo-50);border:1px solid var(--color-indigo-200);color:var(--color-indigo-800);border-radius:6px;align-items:center;gap:.1rem;padding:.1rem .15rem .1rem .5rem;font-family:Rubik,system-ui,sans-serif;font-size:.75rem;font-weight:600;display:inline-flex}.mf-chip-x{width:24px;height:24px;color:var(--color-indigo-700);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.mf-chip-x:hover{background:var(--color-indigo-200)}.mf-chip-x:focus-visible{box-shadow:0 0 0 2px var(--color-white), 0 0 0 3px var(--color-indigo-600);outline:none}.mf-chip-x .mf-material{font-size:.8rem}.mf-code{background:var(--color-slate-900);max-width:48rem;color:var(--color-slate-200);border-radius:10px;margin:1.25rem 0;padding:1.1rem 1.3rem;font-family:SF Mono,Monaco,monospace;font-size:.8125rem;line-height:1.75;overflow-x:auto}.mf-code .mf-c-com{color:var(--color-slate-400)}.mf-code .mf-c-prop,.mf-code .mf-c-val{color:var(--color-indigo-300)}.mf-ladder{counter-reset:mf-step;max-width:48rem;margin:1.25rem 0}.mf-ladder-step{border-bottom:1px dashed var(--color-slate-200);gap:.875rem;padding:.875rem 0;display:flex}.mf-ladder-step:last-child{border-bottom:none}.mf-ladder-step:before{counter-increment:mf-step;content:counter(mf-step);background:var(--color-indigo-50);width:1.5rem;height:1.5rem;color:var(--color-indigo-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:SF Mono,monospace;font-size:.75rem;font-weight:700;display:flex}.mf-ladder-text{color:var(--color-slate-700);font-family:Rubik,system-ui,sans-serif;font-size:.875rem;line-height:1.5}.mf-ladder-text strong{color:var(--color-slate-900)}.mf-ladder-text code{background:var(--color-slate-100);color:var(--color-indigo-700);border-radius:4px;padding:1px 5px;font-family:SF Mono,Monaco,monospace;font-size:.85em}.mf-xlink{color:var(--color-indigo-700);background:var(--color-indigo-50);border:1px solid var(--color-indigo-200);border-radius:6px;align-items:center;gap:.4rem;margin:1rem .5rem 0 0;padding:.4rem .9rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.mf-xlink:hover{background:var(--color-indigo-100)}.mf-xlink .mf-material{font-size:1rem}.mf-sources-list{max-width:52rem;margin:1.25rem 0 0;padding:0;list-style:none}.mf-sources-list li{color:var(--color-slate-600);border-bottom:1px solid var(--color-slate-100);padding:.7rem 0;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.6}.mf-sources-list li:last-child{border-bottom:none}.mf-sources-list strong{color:var(--color-slate-900)}.mf-sources-list code{color:var(--color-indigo-700);font-family:SF Mono,Monaco,monospace;font-size:.85em}.mf-note{color:var(--color-amber-800);background:var(--color-amber-50);border:1px solid var(--color-amber-200);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.05rem .35rem;font-family:SF Mono,Monaco,monospace;font-size:.6rem;font-weight:700}.mf-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){dialog.mf-sheet{transition:none}}