:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--page);font-synthesis:none;font-weight:400;color-scheme:light;--text: #263453;--page: #fafbfe;--surface: #fff;--surface-soft: #edf0f8;--on-primary: #fff;--scroll-thumb: #8697c4;--scroll-track: #ede8f5;--primary: #3d52a0;--accent: #7091e6;--secondary: #8697c4;--soft: #adbbda;--lavender: #ede8f5;--muted: #68738c;--border: #e2e6ef}:root[data-theme=dark]{color-scheme:dark;--text: #ede8f5;--page: #141a28;--surface: #202638;--surface-soft: #293249;--primary: #adbbda;--accent: #7091e6;--secondary: #adbbda;--soft: #8697c4;--lavender: #272c43;--muted: #adbbda;--border: #3c4866;--on-primary: #202638;--scroll-thumb: #7091e6;--scroll-track: #202638}html,body,#app *{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}#app .mn-scroller{scrollbar-width:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid var(--accent);outline-offset:3px}svg{flex-shrink:0}button svg,a svg{width:18px;height:18px;vertical-align:middle}button{color:inherit}h1,h2,h3,h4,p{margin-top:0}p{line-height:1.75;color:var(--muted)}h2{font-size:29px;line-height:1.3;letter-spacing:-1px;font-weight:650;margin-bottom:10px}h3{font-size:15px;font-weight:650}code,pre{font-family:Cascadia Code,Consolas,monospace}p code,td code{font-size:.88em;color:var(--primary);background:var(--surface-soft);padding:2px 5px;border-radius:4px}.site-header{height:76px;display:flex;align-items:center;gap:22px;background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;padding:0 32px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:21px;font-weight:750;letter-spacing:-.8px;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--primary);color:var(--on-primary)}.brand-mark svg{width:22px;height:22px}.brand-light{font-weight:450}.brand-dot{color:var(--accent)}.header-divider{height:23px;width:1px;background:var(--border)}.header-label{font-size:13px;color:var(--muted)}.version-tag{font-size:10px;font-weight:650;background:var(--surface-soft);color:var(--primary);padding:5px 8px;border:1px solid var(--border);border-radius:6px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:23px}.github-link{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted)}.icon-button:hover:not(:disabled){background:var(--surface-soft);color:var(--primary)}.mobile-menu-button{display:none}.sidebar{position:fixed;left:0;top:76px;bottom:0;width:238px;padding:24px 20px 18px 24px;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow:auto}.sidebar-group-label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--muted);margin:0 12px 14px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav>a{min-height:34px;padding:6px 12px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;color:var(--muted);border-radius:7px}.sidebar nav>a svg{width:18px;height:18px;color:var(--muted)}.sidebar nav>a:hover{text-decoration:none;background:var(--surface-soft)}.sidebar nav>a.active{color:var(--primary);background:var(--surface-soft);font-weight:650}.sidebar nav>a.active svg{color:var(--primary)}.sidebar nav>a.section-break{margin-top:8px}.nav-count{margin-left:auto;background:var(--surface-soft);border-radius:4px;padding:2px 5px;color:var(--primary);font-size:10px}.new-tag{font-size:8px;letter-spacing:.7px;margin-left:auto;color:var(--primary);background:var(--surface-soft);padding:3px 5px;border-radius:4px}.sidebar-note{margin-top:32px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);padding:17px 14px}.note-icon{display:block;margin-bottom:12px;color:var(--primary)}.note-icon svg{width:25px;height:25px}.sidebar-note strong{display:block;font-size:12px}.sidebar-note p{font-size:11px;margin:8px 0 13px}.sidebar-note a{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600}.sidebar-note a svg{width:14px}.sidebar-footer{margin-top:auto;padding-top:30px;font-size:9px;color:var(--muted);display:flex;align-items:center;gap:7px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.main-content{margin-left:238px;max-width:1540px;padding:28px 44px 0}.breadcrumb{font-size:10px;display:flex;gap:12px;align-items:center;color:var(--muted);margin-bottom:28px}.breadcrumb strong{color:var(--muted);font-weight:500}.breadcrumb span{color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;background:var(--lavender);border:1px solid var(--border);border-radius:16px;padding:40px 35px;min-height:340px;overflow:hidden}.hero-badge{display:inline-flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.2px;font-weight:650;color:var(--primary);margin-bottom:19px}.hero-badge>span{width:5px;height:5px;background:var(--accent);border-radius:50%}.hero h1{font-size:clamp(32px,3.2vw,48px);line-height:1.12;letter-spacing:-2px;font-weight:720;margin-bottom:16px}.hero h1>span{color:var(--primary)}.hero p{font-size:13px;line-height:1.8;margin-bottom:23px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.primary-button,.secondary-button{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;padding:11px 15px;font-size:11px;font-weight:600;border:1px solid transparent}.primary-button{background:var(--primary);color:var(--on-primary);box-shadow:0 3px 7px #3d52a015}.primary-button:hover{background:#304489;text-decoration:none}.secondary-button{background:var(--surface);color:var(--muted);border-color:var(--border)}.secondary-button:hover{background:var(--surface);text-decoration:none}.primary-button svg,.secondary-button svg{width:15px;height:15px}.hero-qualities{display:flex;gap:13px;flex-wrap:wrap;margin-top:20px;color:var(--muted);font-size:9px}.hero-qualities span{display:flex;gap:4px;align-items:center}.hero-qualities svg{width:11px;height:11px;color:var(--muted)}.hero-showcase{min-width:0;padding:12px 0 8px}.showcase-caption{display:flex;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:1.4px;color:var(--muted);padding:0 8px;margin-bottom:8px}.hero-nav{filter:drop-shadow(0 9px 11px #3d52a00c)}.hero-nav-one{margin-bottom:5px}.hero-nav-two{width:92%;margin-left:auto}.hero-nav .mn-track{height:66px}.hero-nav .mn-scroller{padding-top:42px}.hero-nav .mn-label{font-size:10px}.showcase-foot{display:flex;justify-content:center;align-items:center;gap:9px;font-size:9px;color:var(--muted);margin-top:8px}.tiny-line{width:22px;height:1px;background:#adbbda}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0 28px;border-bottom:1px solid var(--border);gap:20px}.feature-strip>div{display:flex;align-items:center;gap:12px;padding-left:15px}.feature-strip>div+div{border-left:1px solid var(--border);padding-left:28px}.feature-strip svg{height:23px;width:23px;color:var(--muted)}.feature-strip strong{display:block;font-size:11px;font-weight:600}.feature-strip small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.docs-section{padding-top:48px;scroll-margin-top:20px}.eyebrow{display:block;font-size:9px;font-weight:650;letter-spacing:1.6px;color:var(--muted);margin-bottom:10px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.section-heading p,.reference-section>p{font-size:12px;margin-bottom:20px}.accent-dot{color:var(--accent)}.count-tag{white-space:nowrap;font-size:10px;padding:7px 10px;border:1px solid var(--border);border-radius:20px;color:var(--muted);background:var(--surface)}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;margin:3px 0 22px;gap:12px}.segmented{display:inline-flex;gap:3px;background:var(--surface-soft);padding:4px;border-radius:8px}.segmented button{background:transparent;border:0;border-radius:5px;color:var(--muted);padding:7px 12px;font-size:10px;white-space:nowrap}.segmented button.selected{background:var(--surface);color:var(--primary);box-shadow:0 1px 4px #2232530a;font-weight:600}.hint{font-size:10px;color:var(--muted)}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.preset-card{border:1px solid var(--border);border-radius:11px;background:var(--surface);overflow:hidden;transition:border-color .2s,box-shadow .2s}.preset-card:hover{border-color:#b8c5e5;box-shadow:0 5px 18px #3d52a009}.preset-stage{padding:25px 20px 23px;background:var(--surface-soft);min-height:160px;display:flex;align-items:center}.preset-card:nth-child(3n+2) .preset-stage{background:var(--surface-soft)}.preset-card:nth-child(3n) .preset-stage{background:var(--surface-soft)}.preset-stage.dark{background:#151b2a!important}.preset-stage .mn-track{height:67px}.preset-caption{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;gap:8px}.preset-caption h3{font-size:12px;margin:0 0 6px;display:flex;align-items:center;gap:9px}.preset-caption h3 span{font-family:Consolas,monospace;font-size:9px;font-weight:400;color:var(--muted)}.preset-caption p{font-size:10px;line-height:1.5;margin:0;color:var(--muted)}.preset-caption .icon-button{background:var(--surface-soft);width:27px;height:27px;border:1px solid var(--border)}.preset-caption .icon-button svg{width:15px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:11px}.playground-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:start}.playground-controls{padding:20px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}.panel-title h3{font-size:13px;margin:0}.text-button{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:4px 0;color:var(--primary);font-size:10px;font-weight:600}.text-button svg{width:14px;height:14px}.field-row{display:flex;gap:14px}.field-row label{display:flex;flex:1;min-width:0;flex-direction:column;font-size:10px;color:var(--muted);gap:8px}.field-row select{width:100%;font-size:11px;padding:10px 8px;border:1px solid var(--border);background:var(--surface-soft);border-radius:6px;color:var(--muted)}.playground-sharing{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0;padding:9px 10px;background:var(--surface-soft);border-radius:6px;font-size:10px;color:var(--muted)}.item-toggle{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.item-toggle input{width:auto;margin:0}.items-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.items-heading h4{font-size:11px;margin:0}.items-heading h4 span{font-size:9px;background:var(--surface-soft);padding:2px 5px;border-radius:4px;margin-left:4px;color:var(--muted)}.item-editor-list{display:flex;flex-direction:column;gap:8px;max-height:390px;overflow:auto;padding:3px}.item-editor{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:7px;padding:7px}.item-number{font-size:9px;color:var(--muted);font-family:Consolas,monospace}.item-fields{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px}.item-fields label:not(.sr-only){color:var(--muted);font-size:9px;margin-top:5px}.export-mode{display:flex;align-items:center;gap:12px;padding:12px 18px;font-size:12px;color:var(--primary)}.export-mode select{padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:inherit}.item-fields input{background:var(--surface-soft);border:1px solid transparent;border-radius:3px;padding:3px 5px;width:100%;font-size:11px;color:var(--muted)}.item-fields input+label+input{font-family:Consolas,monospace;font-size:9px;color:var(--muted)}.item-fields input:hover{border-color:var(--border)}.item-actions{display:flex;gap:0}.item-actions .icon-button{width:23px;height:27px;padding:4px}.item-actions svg{width:13px;height:13px}.field-help{font-size:10px;line-height:1.8;color:var(--muted);margin:15px 0 0}.field-help a svg{width:11px;height:11px}.empty-editor{font-size:12px;padding:10px}.live-preview{padding:20px 24px;background:var(--surface-soft);min-height:370px;display:flex;flex-direction:column;justify-content:space-between}.live-label{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1.4px;color:var(--muted);font-weight:600}.live-label>span{width:5px;height:5px;background:#7091e6;border-radius:50%}.preview-content{text-align:center;padding:30px 0 45px}.preview-content>svg{width:31px;height:31px;color:var(--muted)}.preview-content p{font-size:17px;margin:12px 0 4px;color:var(--muted);font-weight:500}.preview-content>span{font-size:10px;color:var(--muted)}.preview-column.phone-frame{width:min(100%,390px);margin-inline:auto}.phone-preview-toggle{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:var(--muted);font-size:10px}.phone-preview-toggle input{margin:0}.live-preview.dark{background:#171e2e}.live-preview.dark .preview-content p,.live-preview.dark .panel-title .icon-button{color:var(--muted)}.preview-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:9px;padding:12px 2px}.preview-meta code{color:var(--muted)}.generated-code{border:1px solid var(--border);border-radius:9px;margin-top:20px;background:var(--surface);overflow:hidden}.generated-code summary{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;padding:15px 18px;cursor:pointer;color:var(--muted)}.generated-code summary svg{width:17px;height:17px}.generated-code summary>span{font-size:9px;font-weight:400;color:var(--muted);margin-left:auto}.generated-code .code-block{margin:0;border-radius:0;border:0;border-top:1px solid var(--border)}.reference-section{border-top:1px solid var(--border);margin-top:48px}.install-steps{display:grid;grid-template-columns:30px minmax(0,1fr);gap:16px;margin-top:25px}.step-number{font-size:10px;color:var(--primary);background:var(--surface-soft);border:1px solid var(--border);border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.install-steps h3{font-size:13px;margin:5px 0 10px}.install-steps p{font-size:12px;margin-bottom:13px}.package-manager-picker{display:inline-flex;gap:3px;background:var(--surface-soft);padding:4px;border-radius:8px;margin:2px 0 4px}.package-manager-picker button{border:0;border-radius:5px;padding:7px 12px;background:transparent;color:var(--muted);font-size:10px}.package-manager-picker button.selected{background:var(--surface);color:var(--primary);box-shadow:0 1px 4px #2232530a;font-weight:600}.code-block{border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:12px 0 20px;background:var(--surface-soft)}.code-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:9px 15px;background:var(--surface-soft);color:var(--muted);font-size:10px}.code-toolbar button{border:0;background:transparent;display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.code-toolbar svg{width:13px;height:13px}.code-block pre{margin:0;padding:19px 20px;overflow:auto;color:var(--muted);font-size:11px;line-height:1.9;tab-size:2;max-height:550px}.callout{display:flex;align-items:flex-start;gap:12px;padding:18px 22px;background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;margin-top:26px}.callout>svg{width:20px;height:20px;color:var(--muted);margin-top:4px}.callout p{margin:0;font-size:11px;color:var(--muted)}.callout strong{color:var(--muted)}.table-scroll{overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:10px;text-align:left}th{background:var(--surface-soft);color:var(--muted);font-weight:600;padding:13px 15px}td{padding:13px 15px;color:var(--muted);border-top:1px solid var(--border);line-height:1.6}.subheading{font-size:14px;margin:25px 0 13px}.reference-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:25px 0}.reference-columns h3{font-size:13px;display:flex;gap:8px;align-items:center}.reference-columns h3 svg{width:19px;height:19px;color:var(--muted)}.reference-columns p{font-size:12px;margin-bottom:0}.swatch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:23px 0}.swatch{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden;padding-bottom:12px}.swatch>div{height:65px;margin-bottom:10px}.swatch>strong,.swatch>span{display:block;padding:0 12px}.swatch>strong{font-size:10px;font-family:Consolas,monospace;color:var(--muted);font-weight:500}.swatch>span{font-size:9px;color:var(--muted);margin-top:4px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--border);margin-top:45px;padding:25px 0;color:var(--muted);font-size:9px}.footer-brand{font-size:14px;gap:0}.site-footer>a:last-child{font-size:10px}.site-footer svg{width:12px;height:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;background:var(--surface);padding:12px;border:2px solid var(--primary);border-radius:5px}.skip-link:focus{top:10px}.sidebar-backdrop{display:none}@media(min-width:1550px){.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.main-content{padding-inline:55px}}@media(max-width:1190px){.sidebar{width:210px;padding-inline:15px}.main-content{margin-left:210px;padding-inline:28px}.hero{padding:28px 24px;gap:18px}.hero h1{font-size:35px}.hero-showcase{min-width:0}.hero-nav .mn-track{min-width:340px}.hero-qualities{gap:9px}.feature-strip>div{padding-left:0;gap:8px}.feature-strip>div+div{padding-left:14px}.feature-strip strong{font-size:10px}.preset-stage{padding:19px 12px}.hero{grid-template-columns:1fr}.hero-showcase{display:grid;grid-template-columns:1fr 1fr;gap:10px}.showcase-caption{grid-column:1/-1}.hero-nav-two{width:100%}.showcase-foot{grid-column:1/-1;margin-top:0}.hero-nav-one{margin-bottom:0}.hero-nav{min-width:0}.playground-layout{grid-template-columns:1fr}.preview-column{order:-1}.live-preview{min-height:320px}.preview-content{padding:20px 0}.hero p br{display:none}}@media(max-width:850px){.site-header{padding:0 20px;height:66px;gap:13px}.sidebar{width:190px;top:66px}.main-content{margin-left:190px;padding:23px 22px 0}.brand{font-size:18px;gap:7px}.brand-mark{width:28px;height:28px}.header-label,.header-divider{display:none}.header-actions{gap:10px}.hero-showcase{display:block}.hero-nav-two{width:90%}.showcase-foot{margin-top:15px}.hero h1{font-size:36px}.preset-grid{grid-template-columns:1fr}.preset-stage{padding:28px 20px}.feature-strip{grid-template-columns:1fr;gap:14px;padding-block:20px}.feature-strip>div+div{border:0;padding-left:0}.feature-strip strong{font-size:11px}.feature-strip small{display:inline;margin-left:8px}.feature-strip>div>span{display:flex;align-items:center}.section-heading h2{font-size:26px}.section-heading p{font-size:11px}.gallery-toolbar{align-items:flex-start;flex-direction:column}.hint{display:none}.reference-columns{grid-template-columns:1fr;gap:16px}.site-footer{flex-wrap:wrap}.swatch-grid{gap:6px}.swatch>strong,.swatch>span{padding:0 6px}}@media(max-width:640px){.site-header{padding:0 15px;height:62px}.github-link{font-size:0;gap:0}.github-link svg{width:20px;height:20px}.version-tag{font-size:9px}.mobile-menu-button{display:inline-flex}.header-actions{gap:5px}.sidebar{top:62px;width:238px;z-index:90;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:62px 0 0;background:#202b4b55;border:0;z-index:80}.main-content{margin-left:0;padding:22px 18px 0}.breadcrumb{font-size:9px;gap:9px;margin-bottom:22px}.hero{border-radius:12px;padding:27px 22px}.hero h1{font-size:38px}.hero p{font-size:12px}.hero-showcase{margin-top:4px}.hero-nav .mn-track{min-width:340px}.hero-showcase .mn-scroller{scrollbar-width:none}.hero-qualities{font-size:8px}.showcase-caption{font-size:7px}.hero-nav-two{width:100%}.docs-section{padding-top:34px}.section-heading{align-items:flex-start;gap:8px}.section-heading h2,h2{font-size:25px;letter-spacing:-.8px}.count-tag{font-size:9px;padding:6px 8px;margin-top:23px}.segmented button{font-size:10px;padding:7px 10px}.preset-stage{padding:20px 12px}.preset-grid{gap:15px}.preset-caption{padding:14px}.playground-controls{padding:15px}.live-preview{padding:16px 12px}.playground-layout{gap:15px}.field-row{gap:9px}.preview-meta{font-size:8px}.reference-section{margin-top:30px}.install-steps{gap:9px;grid-template-columns:25px minmax(0,1fr)}.step-number{width:24px;height:24px}.code-block pre{font-size:10px;padding:13px}.reference-columns p{font-size:11px}.callout{padding:14px}.swatch-grid{grid-template-columns:repeat(3,1fr)}.swatch>div{height:55px}.site-footer{justify-content:flex-start;gap:10px}.site-footer>span{flex-basis:100%}.feature-strip small{font-size:9px}html{scroll-padding-top:82px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@property --mn-feature-x{syntax: "<percentage>"; inherits: true; initial-value: 50%;}.mn-root{--mn-primary: #3d52a0;--mn-accent: #7091e6;--mn-muted: #66769d;--mn-ring: #adbbda;--mn-surface: #fff;--mn-on-primary: #fff;--mn-duration: .28s;--mn-easing: cubic-bezier(.22, 1, .36, 1);width:100%;min-width:0;color:var(--mn-primary);font-family:inherit;box-sizing:border-box}.mn-root[data-theme=dark]{--mn-primary: #adbbda;--mn-muted: #adbbda;--mn-surface: #202638;--mn-on-primary: #202638;--mn-ring: #8697c4}.mn-root *,.mn-root *:before,.mn-root *:after{box-sizing:border-box}.mn-fixed{position:fixed;bottom:0;inset-inline:0;z-index:50;padding-bottom:env(safe-area-inset-bottom,0px)}.mn-fixed:after{content:"";position:absolute;inset-inline:0;bottom:0;height:env(safe-area-inset-bottom,0px);background:var(--mn-surface);pointer-events:none}.mn-scroller{overflow-x:auto;overscroll-behavior-x:contain;overflow-y:hidden;scrollbar-width:none;padding:42px 0 10px}.mn-scroller::-webkit-scrollbar{display:none;width:0;height:0}.mn-track{position:relative;isolation:isolate;min-width:calc(var(--mn-count) * 68px);height:76px;transition:--mn-feature-x var(--mn-duration) var(--mn-easing)}.mn-surface{position:absolute;inset:0;z-index:-2;background:var(--mn-surface);border-radius:5px 5px 26px 26px;transition:background-color var(--mn-duration)}.mn-items{display:grid;grid-template-columns:repeat(var(--mn-count),minmax(0,1fr));height:100%;padding:0;margin:0;list-style:none}.mn-item{display:flex;min-width:0;align-items:stretch;justify-content:center}.mn-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:44px;width:100%;min-height:44px;padding:9px 4px;border:0;border-radius:10px;background:transparent;color:var(--mn-muted);font:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--mn-duration),background-color var(--mn-duration),gap var(--mn-duration)}.mn-button:hover:not(:disabled){color:var(--mn-primary);text-decoration:none}.mn-button:focus-visible{outline:2px solid var(--mn-accent);outline-offset:-3px}.mn-button:disabled{opacity:.4;cursor:not-allowed}.mn-active{color:var(--mn-primary);--mn-icon-scale: 1.08;--mn-icon-lift: -2px}.mn-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transform:translateY(var(--mn-icon-lift, 0px)) scale(var(--mn-icon-scale, 1));transition:transform var(--mn-duration) var(--mn-easing),background-color var(--mn-duration),color var(--mn-duration),box-shadow var(--mn-duration),border-color var(--mn-duration)}.mn-glyph{display:grid}.mn-icon{grid-area:1 / 1;width:24px;height:24px;display:block;transition:opacity var(--mn-duration),transform var(--mn-duration) var(--mn-easing)}.mn-active-icon{opacity:0;transform:scale(.8)}.mn-active .mn-active-icon{opacity:1;transform:scale(1)}.mn-active .mn-has-active-icon .mn-default-icon{opacity:0;transform:scale(.8)}.mn-label{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:16px;font-weight:500;transition:opacity var(--mn-duration),transform var(--mn-duration) var(--mn-easing),max-width var(--mn-duration) var(--mn-easing)}.mn-badge{position:absolute;right:-9px;top:-7px;min-width:16px;max-width:38px;height:16px;padding:0 4px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;background:var(--mn-primary);color:var(--mn-on-primary);font:600 9px/16px system-ui,sans-serif}.mn-empty{display:flex;height:100%;align-items:center;justify-content:center;font-size:13px;color:var(--mn-muted)}.mn-indicator{position:absolute;inset:0 auto 0 0;z-index:-1;width:calc(100% / var(--mn-count));transform:translate(calc(var(--mn-active-index) * 100%));opacity:var(--mn-indicator-opacity);pointer-events:none;transition:transform var(--mn-duration) var(--mn-easing),opacity var(--mn-duration)}.mn-indicator-shape{position:absolute;background:var(--mn-primary);transition:background-color var(--mn-duration)}.mn-underline .mn-indicator-shape{top:0;left:17.5%;width:65%;height:2px}.mn-circle{--mn-bubble-size: 56px;--mn-bubble-y: 8px;--mn-default-y: 27px}.mn-feature-marker{position:absolute;z-index:-1;pointer-events:none;left:var(--mn-feature-x);top:calc(var(--mn-bubble-y) - var(--mn-bubble-size) / 2);width:var(--mn-bubble-size);height:var(--mn-bubble-size);transform:translate(-50%);border-radius:50%;background:var(--mn-primary);box-shadow:0 6px 16px #3d52a03d;transition:background-color var(--mn-duration),border-color var(--mn-duration)}.mn-circle .mn-icon-wrap{position:absolute;top:calc(var(--mn-default-y) - var(--mn-bubble-size) / 2);width:var(--mn-bubble-size);height:var(--mn-bubble-size);--mn-icon-lift: 0px;--mn-icon-scale: 1}.mn-circle .mn-active .mn-icon-wrap{--mn-icon-lift: calc(var(--mn-bubble-y) - var(--mn-default-y));color:var(--mn-on-primary)}.mn-circle .mn-label{position:absolute;bottom:10px;max-width:calc(100% - 8px)}.mn-circle:not(.mn-float) .mn-active .mn-label{opacity:0;transform:translateY(5px)}.mn-orbit{--mn-bubble-size: 66px}.mn-orbit .mn-feature-marker{border:5px solid var(--mn-ring)}:is(.mn-orbit,.mn-cradle) .mn-surface{border-radius:0}.mn-cradle{--mn-bubble-y: -4px}:is(.mn-cradle,.mn-float).mn-has-feature .mn-surface{-webkit-mask-image:radial-gradient(circle 35px at var(--mn-feature-x) 0px,transparent 98%,#000 100%);mask-image:radial-gradient(circle 35px at var(--mn-feature-x) 0px,transparent 98%,#000 100%)}.mn-soft-rise{--mn-bubble-size: 48px;--mn-bubble-y: 0px}.mn-soft-rise.mn-has-feature .mn-surface:before{content:"";position:absolute;width:78px;height:78px;border-radius:50%;top:-38px;left:var(--mn-feature-x);transform:translate(-50%);background:var(--mn-surface)}:is(.mn-soft-rise,.mn-underline) .mn-button:not(.mn-active) .mn-label{opacity:0;transform:translateY(5px)}:is(.mn-outline,.mn-pill) .mn-surface{border-radius:999px}.mn-outline{--mn-bubble-size: 48px;--mn-bubble-y: 38px;--mn-default-y: 38px}.mn-outline .mn-label{opacity:0}.mn-outline .mn-feature-marker{border:1px solid var(--mn-primary);background:color-mix(in srgb,var(--mn-primary) 10%,transparent);box-shadow:none}.mn-outline .mn-active .mn-icon-wrap,.mn-float .mn-active .mn-icon-wrap{color:var(--mn-primary)}.mn-pill .mn-items{padding:10px 0}.mn-pill .mn-indicator-shape{inset:10px 5px;border-radius:999px}.mn-pill .mn-button{border-radius:999px;flex-direction:row;gap:0;padding:8px}.mn-pill .mn-active,.mn-pill .mn-active:hover:not(:disabled){color:var(--mn-on-primary);gap:6px}.mn-pill .mn-label{max-width:0;opacity:0}.mn-pill .mn-active .mn-label{max-width:80px;opacity:1}.mn-track.mn-pill{min-width:calc(var(--mn-count) * 80px)}.mn-float .mn-surface{border-radius:26px 26px 0 0}.mn-float{--mn-bubble-size: 54px;--mn-bubble-y: -1px}.mn-float .mn-feature-marker{background:var(--mn-surface);box-shadow:none}.mn-peak{--mn-bubble-y: -6px}.mn-peak.mn-has-feature .mn-surface{top:-15px;clip-path:polygon(0 16px,var(--mn-feature-x) 0,100% 16px,100% 100%,0 100%);border-radius:16px}@media(prefers-reduced-motion:reduce){.mn-root{--mn-duration: 0ms}.mn-root *,.mn-root *:before,.mn-root *:after{transition:none!important}}