@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/cc9f4252b43d54d2.06ox-nl43m_y-.woff2)format("woff2");unicode-range:U+308,U+530-58F,U+2010,U+2024,U+25CC,U+FB13-FB17}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/8bf1ebb1e27cdda8.0n-x_dt70jpda.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+980-9FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/d4b09e548dc4ba91.1s15driapyncc.woff2)format("woff2");unicode-range:U+2C7,U+2D8-2D9,U+2DB,U+307,U+1400-167F,U+18B0-18F5,U+25CC,U+11AB?}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/0ec6c84bef5c67ea.2543hgy7yjzmm.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/827a210979ea4704.2t9biv8-ur4d-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/2c1e5a639ba254f0.2nyblphesmajk.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/775191b843768d35.1djf1dzn9u96y.woff2)format("woff2");unicode-range:U+30E,U+1200-1399,U+2D80-2DDE,U+AB01-AB2E,U+1E7E0-1E7E6,U+1E7E8-1E7EB,U+1E7ED-1E7EE,U+1E7F0-1E7FE}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/b71b7ce0d1079b0e.30hq1cv9mpe68.woff2)format("woff2");unicode-range:U+589,U+10A0-10FF,U+1C90-1CBA,U+1CBD-1CBF,U+205A,U+2D00-2D2F,U+2E31}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/6e6b761138eddc9f.3zjtnpnhymori.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/16c7924ea9b676a6.1pseaz21hfdok.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/7ac3d695e803369e.1-hydmg6ay3fa.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+A80-AFF,U+200C-200D,U+20B9,U+25CC,U+A830-A839}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/258a635de935f01a.2ytay4ojwod8-.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+A01-A76,U+200C-200D,U+20B9,U+25CC,U+262C,U+A830-A839}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/6a5ae298b17bbade.3aya69vj-vmj_.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/24cccb79abadd5a8.305yisfg9_tmt.woff2)format("woff2");unicode-range:U+1780-17FF,U+19E0-19FF,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/22ef3bf585cc4a73.2gf_ka9n-4wr5.woff2)format("woff2");unicode-range:U+E81-EDF,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/ce0c64423438face.227x_m582ezf6.woff2)format("woff2");unicode-range:U+307,U+323,U+951-952,U+964-965,U+D00-D7F,U+1CDA,U+1CF2,U+200C-200D,U+20B9,U+25CC,U+A830-A832}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/37db81cdb796545a.22oq9kk732ek8.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+B01-B77,U+1CDA,U+1CF2,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/cc37ffbdd3319e4b.2o2w10pe3vq5a.woff2)format("woff2");unicode-range:U+964-965,U+D81-DF4,U+1CF2,U+200C-200D,U+25CC,U+111E1-111F4}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/95ab80c2b18b3804.3c15zhzp2hno1.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/f8b71b303845b64e.2w7x-rbv4q8dv.woff2)format("woff2");unicode-range:U+964-965,U+B82-BFA,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/ee339b0464be7e84.17rhta-vwvcn6.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+C00-C7F,U+1CDA,U+1CF2,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/3a09ab19532b9f2b.2e9at8v6hxvvz.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/1876d7d15f459a39.1-27xgjocf2a0.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/310b51b799a8cf5c.1r-g6h5rzzyh6.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/47d6d6c1e6da10b8.p.0hge4viq1npx5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.google_sans_57c5b057-module__GSCv-W__className{font-family:Google Sans;font-style:normal}.google_sans_57c5b057-module__GSCv-W__variable{--font-google-sans:"Google Sans"}
:root{--mf-background:#f7f7f2;--mf-foreground:#1d1d1f;--mf-surface:#ffffffd1;--mf-surface-raised:#fffefa;--mf-surface-muted:#e9ece0;--mf-ink-soft:#5c6259;--mf-ink-faint:#8d9488;--mf-accent:#086d00;--mf-accent-soft:#d7e8c9;--mf-accent-contrast:#f7f7f2;--mf-line:#1d1d1f21;--mf-line-strong:#1d1d1f38;--mf-shadow-casual:0 2px 8px -2px #0000000a, inset 0 0 0 1px #ffffff80;--mf-radius-organic:2rem;--mf-radius-pill:999px;--mf-space-xs:4px;--mf-space-sm:8px;--mf-space-md:12px;--mf-space-base:16px;--mf-space-lg:20px;--mf-space-xl:24px;--mf-space-2xl:32px;--mf-space-3xl:48px;--mf-space-4xl:64px;--mf-text-eyebrow:11px;--mf-text-caption:12px;--mf-text-base:13px;--mf-text-lg:15px;--mf-text-h4:17px;--mf-text-h3:20px;--mf-text-h2:24px;--mf-text-h1:32px;--mf-text-display:40px;--mf-ease-state:cubic-bezier(.25, 1, .5, 1);--mf-ease-entrance:cubic-bezier(.16, 1, .3, 1);--mf-duration-micro:.18s;--mf-duration-panel:.45s;--mf-duration-page:.55s}body{letter-spacing:-.01em}::selection{background:var(--mf-accent);color:var(--mf-accent-contrast)}*{scrollbar-color:var(--mf-accent) var(--mf-surface-muted);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--mf-surface-muted)}::-webkit-scrollbar-thumb{background:var(--mf-accent);border:3px solid var(--mf-surface-muted);border-radius:var(--mf-radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--mf-foreground)}:root[data-theme=dark]{--mf-background:#000;--mf-foreground:#f2f2f0;--mf-surface:#121212;--mf-surface-raised:#1c1c1e;--mf-surface-muted:#242426;--mf-ink-soft:#b6b9b2;--mf-ink-faint:#858981;--mf-accent:#81bb73;--mf-accent-soft:#173b18;--mf-accent-contrast:#071007;--mf-line:#f2f2f026;--mf-line-strong:#f2f2f047;--mf-shadow-casual:inset 0 0 0 1px #ffffff14}.mf-button{border-radius:var(--mf-radius-pill);cursor:pointer;font:600 var(--mf-text-base) / 1.2 var(--font-google-sans), sans-serif;align-items:center;gap:var(--mf-space-lg);transition:background-color .18s var(--mf-ease-state), color .18s var(--mf-ease-state), transform .18s var(--mf-ease-state);border:0;justify-content:center;padding:15px 18px 15px 22px;text-decoration:none;display:inline-flex}.mf-button:hover{transform:translateY(-2px)}.mf-button-solid{background:var(--mf-accent);color:var(--mf-accent-contrast)}.mf-button-solid:hover{background:var(--mf-foreground);color:var(--mf-background)}.mf-button-outline{border:1px solid var(--mf-line-strong);color:var(--mf-foreground);background:0 0}.mf-button-outline:hover{background:var(--mf-foreground);color:var(--mf-background)}.mf-button-quiet{color:var(--mf-accent);background:0 0;padding-left:0;padding-right:0}.mf-button-quiet:hover{color:var(--mf-foreground)}.mf-motion-fade{animation:mf-fade-in var(--mf-duration-panel) var(--mf-ease-entrance) both}.mf-motion-lift{animation:mf-lift-in var(--mf-duration-panel) var(--mf-ease-entrance) both}.mf-motion-scale{animation:mf-scale-in var(--mf-duration-panel) var(--mf-ease-entrance) both}.mf-motion-stagger>*{animation:mf-lift-in var(--mf-duration-panel) var(--mf-ease-entrance) both}.mf-motion-stagger>:nth-child(2){animation-delay:60ms}.mf-motion-stagger>:nth-child(3){animation-delay:.12s}.mf-motion-stagger>:nth-child(4){animation-delay:.18s}.mf-motion-stagger>:nth-child(5){animation-delay:.24s}@keyframes mf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mf-lift-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes mf-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.mf-icon{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga";font-variation-settings:"FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Rounded;font-size:20px;font-style:normal;font-weight:200;line-height:1;display:inline-block}.mf-dropdown{position:relative}.mf-dropdown-label{color:var(--mf-ink-faint);font-size:var(--mf-text-eyebrow);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;display:block}.mf-dropdown-trigger{background:var(--mf-surface);border:1px solid var(--mf-line-strong);color:var(--mf-foreground);cursor:pointer;font:400 var(--mf-text-base) / 1.2 var(--font-google-sans), sans-serif;text-align:left;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:46px;padding:10px 13px;display:flex}.mf-dropdown-trigger>span{align-items:center;gap:8px;display:flex}.mf-dropdown-trigger.is-open{border-color:var(--mf-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--mf-accent) 18%, transparent)}.mf-dropdown-chevron{color:var(--mf-ink-soft);transition:transform .18s var(--mf-ease-state);font-size:20px}.mf-dropdown-trigger.is-open .mf-dropdown-chevron{transform:rotate(180deg)}.mf-dropdown-menu{background:var(--mf-surface-raised);border:1px solid var(--mf-line);box-shadow:0 8px 24px -8px #00000026, var(--mf-shadow-casual);z-index:100;border-radius:16px;min-width:0;max-width:calc(100vw - 24px);max-height:min(360px,100vh - 24px);margin-top:7px;padding:6px;position:fixed;top:0;left:0;overflow:auto}.mf-dropdown-menu>button{color:var(--mf-foreground);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px;display:flex}.mf-dropdown-menu>button:hover,.mf-dropdown-menu>button.is-selected{background:var(--mf-accent-soft)}.mf-dropdown-menu>button>span{align-items:center;gap:10px;display:flex}.mf-dropdown-menu b,.mf-dropdown-menu small{display:block}.mf-dropdown-menu b{font-size:var(--mf-text-base);font-weight:500}.mf-dropdown-menu small{color:var(--mf-ink-soft);font-size:var(--mf-text-caption);margin-top:3px}.mf-dropdown-menu>button>i{color:var(--mf-accent);font-size:18px}.mf-context-menu{background:var(--mf-surface-raised);border:1px solid var(--mf-line);box-shadow:0 12px 30px -10px #00000038, var(--mf-shadow-casual);z-index:110;border-radius:16px;min-width:220px;padding:6px;position:fixed}.mf-context-menu button{color:var(--mf-foreground);cursor:pointer;font:400 var(--mf-text-base) / 1.2 var(--font-google-sans), sans-serif;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:11px 12px;display:flex}.mf-context-menu button:hover{background:var(--mf-accent-soft)}.mf-context-menu button.is-destructive{color:#a33b2d}.mf-context-menu button:disabled{cursor:not-allowed;opacity:.45}.mf-context-menu button .mf-icon{color:var(--mf-ink-soft);font-size:19px}.mf-surface{background:var(--mf-surface);border:1px solid var(--mf-line);border-radius:var(--mf-radius-organic);box-shadow:var(--mf-shadow-casual);color:var(--mf-foreground);padding:var(--mf-space-2xl)}.mf-badge{border-radius:var(--mf-radius-pill);font:500 var(--mf-text-caption) / 1 var(--font-google-sans), sans-serif;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}.mf-badge-accent{background:var(--mf-accent-soft);color:var(--mf-accent)}.mf-badge-neutral{background:var(--mf-surface-muted);color:var(--mf-ink-soft)}.mf-badge-success{color:#276b20;background:#dcefd8}.mf-badge-warning{color:#775817;background:#f2e5bd}[data-theme=dark] .mf-badge-success{color:#a9d79e;background:#173b18}[data-theme=dark] .mf-badge-warning{color:#efd17d;background:#453718}.mf-field{flex-direction:column;gap:8px;display:flex}.mf-field-label,.mf-field-hint{font-size:var(--mf-text-caption)}.mf-field-label{color:var(--mf-foreground);font-weight:500}.mf-field-hint{color:var(--mf-ink-soft)}.mf-input{background:var(--mf-surface);border:1px solid var(--mf-line-strong);color:var(--mf-foreground);font:400 var(--mf-text-base) / 1.4 var(--font-google-sans), sans-serif;min-height:46px;transition:border-color .18s var(--mf-ease-state), box-shadow .18s var(--mf-ease-state), background-color .18s var(--mf-ease-state);border-radius:14px;outline:none;width:100%;padding:12px 14px}.mf-input::placeholder{color:var(--mf-ink-faint)}.mf-input:focus{border-color:var(--mf-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--mf-accent) 18%, transparent)}.mf-textarea{resize:vertical;min-height:110px}.mf-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--mf-ink-soft) 50%), linear-gradient(135deg, var(--mf-ink-soft) 50%, transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:35px}.mf-check,.mf-switch{color:var(--mf-foreground);cursor:pointer;font-size:var(--mf-text-base);align-items:center;gap:10px;display:inline-flex}.mf-check input,.mf-switch input{opacity:0;width:1px;height:1px;position:absolute}.mf-check-box{border:1px solid var(--mf-line-strong);color:#0000;height:20px;transition:background-color .18s var(--mf-ease-state), border-color .18s var(--mf-ease-state), color .18s var(--mf-ease-state);border-radius:7px;justify-content:center;align-items:center;width:20px;display:inline-flex}.mf-check input:checked+.mf-check-box{background:var(--mf-accent);border-color:var(--mf-accent);color:var(--mf-accent-contrast)}.mf-check input:focus-visible+.mf-check-box{box-shadow:0 0 0 3px color-mix(in srgb, var(--mf-accent) 18%, transparent)}.mf-switch-track{background:var(--mf-surface-muted);border:1px solid var(--mf-line);border-radius:var(--mf-radius-pill);height:24px;transition:background-color .18s var(--mf-ease-state);width:42px;padding:3px}.mf-switch-track span{background:var(--mf-ink-faint);height:16px;transition:background-color .18s var(--mf-ease-state), transform .18s var(--mf-ease-state);border-radius:50%;width:16px;display:block}.mf-switch input:checked+.mf-switch-track{background:var(--mf-accent)}.mf-switch input:checked+.mf-switch-track span{background:var(--mf-accent-contrast);transform:translate(17px)}.mf-switch.is-disabled{cursor:not-allowed;opacity:.5}.mf-alert{background:var(--mf-surface-muted);border:1px solid var(--mf-line);border-radius:var(--mf-radius-organic);font-size:var(--mf-text-base);align-items:flex-start;gap:12px;padding:16px;line-height:1.45;display:flex}.mf-alert>div{flex-direction:column;gap:3px;display:flex}.mf-alert strong{font-weight:600}.mf-alert-mark{background:var(--mf-accent);color:var(--mf-accent-contrast);font-size:var(--mf-text-caption);border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-weight:700;display:inline-flex}.mf-alert-success{color:#276b20;background:#e6f3e1}.mf-alert-success .mf-alert-mark{background:#4c963e}.mf-alert-warning{color:#775817;background:#f6eccb}.mf-alert-warning .mf-alert-mark{background:#b18428}[data-theme=dark] .mf-alert-success{color:#c0e6b7;background:#173b18}[data-theme=dark] .mf-alert-warning{color:#f0d887;background:#453718}.mf-avatar{font-size:var(--mf-text-caption);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:inline-flex}.mf-avatar-green{background:var(--mf-accent-soft);color:var(--mf-accent)}.mf-avatar-sand{color:#775817;background:#e9dcc0}.mf-avatar-ink{background:var(--mf-foreground);color:var(--mf-background)}.mf-divider{color:var(--mf-ink-faint);font-size:var(--mf-text-caption);align-items:center;gap:12px;display:flex}.mf-divider:before,.mf-divider:after{background:var(--mf-line);content:"";flex:1;height:1px}.mf-divider:not(:has(span)):after{display:none}.mf-tabs{border-bottom:1px solid var(--mf-line);gap:20px;display:flex}.mf-tabs button{color:var(--mf-ink-soft);cursor:pointer;font:500 var(--mf-text-base) / 1.2 var(--font-google-sans), sans-serif;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 0}.mf-tabs button:hover,.mf-tabs button.is-active{border-color:var(--mf-accent);color:var(--mf-foreground)}.mf-header{background:var(--mf-surface);border:1px solid var(--mf-line);border-radius:var(--mf-radius-pill);box-shadow:var(--mf-shadow-casual);align-items:center;gap:var(--mf-space-2xl);max-width:920px;transition:opacity .22s var(--mf-ease-state), transform .4s var(--mf-ease-state), width .4s var(--mf-ease-state);z-index:20;-webkit-backdrop-filter:blur(32px)saturate(110%);backdrop-filter:blur(32px)saturate(110%);width:calc(100% - 48px);padding:10px 12px 10px 16px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.mf-header.is-hidden{opacity:0;transform:translate(-50%,-130%)}.mf-header-brand{color:var(--mf-foreground);font:500 var(--mf-text-base) / 1 var(--font-google-sans), sans-serif;letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:flex}.mf-header-brand img{object-fit:contain;filter:brightness(0)saturate()invert(25%)sepia(63%)saturate(1103%)hue-rotate(83deg)brightness(86%)contrast(104%);width:28px;height:28px}.mf-header-brand b{color:var(--mf-ink-soft);font-weight:400}[data-theme=dark] .mf-header-brand img{filter:none}.mf-header-nav{align-items:center;gap:clamp(16px,2.5vw,34px);margin-left:auto;display:flex}.mf-header-nav a,.mf-header-docs,.mf-header-theme{color:var(--mf-ink-soft);font:400 var(--mf-text-caption) / 1 var(--font-google-sans), sans-serif;transition:color .18s var(--mf-ease-state);text-decoration:none}.mf-header-nav a:hover,.mf-header-nav a.is-active,.mf-header-docs:hover,.mf-header-theme:hover{color:var(--mf-foreground)}.mf-header-nav a span{color:var(--mf-accent);font-size:var(--mf-text-lg)}.mf-header-menu-wrap{position:relative}.mf-header-menu-button{color:var(--mf-ink-soft);cursor:pointer;font:400 var(--mf-text-caption) / 1 var(--font-google-sans), sans-serif;transition:color .18s var(--mf-ease-state);background:0 0;border:0;align-items:center;gap:4px;padding:4px 0;display:flex}.mf-header-menu-button:hover,.mf-header-menu-button.is-active,.mf-header-menu-button[aria-expanded=true]{color:var(--mf-foreground)}.mf-header-menu-button>.mf-icon{color:var(--mf-accent);transition:transform .18s var(--mf-ease-state);font-size:17px}.mf-header-menu-button[aria-expanded=true]>.mf-icon{transform:rotate(180deg)}.mf-header-submenu{background:var(--mf-surface-raised);border:1px solid var(--mf-line);box-shadow:0 10px 28px -10px #0000002e, var(--mf-shadow-casual);z-index:40;border-radius:16px;flex-direction:column;gap:2px;min-width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 15px);right:-14px}.mf-header-submenu:before{background:var(--mf-surface-raised);border-left:1px solid var(--mf-line);border-top:1px solid var(--mf-line);content:"";width:10px;height:10px;position:absolute;top:-6px;right:20px;transform:rotate(45deg)}.mf-header-submenu a{z-index:1;border-radius:10px;flex-direction:column;gap:3px;padding:10px 11px;display:flex;position:relative}.mf-header-submenu a:hover{background:var(--mf-accent-soft)}.mf-header-submenu b{color:var(--mf-foreground);font-size:var(--mf-text-base);font-weight:500}.mf-header-submenu small{color:var(--mf-ink-soft);font-size:var(--mf-text-caption)}.mf-header-submenu small .mf-icon{color:var(--mf-accent);vertical-align:-3px;font-size:15px}.mf-header-actions{align-items:center;gap:16px;display:flex}.mf-header-actions>a{color:var(--mf-ink-soft);font:400 var(--mf-text-caption) / 1 var(--font-google-sans), sans-serif;text-decoration:none}.mf-header-actions>a:hover{color:var(--mf-foreground)}.mf-header-theme{background:var(--mf-surface-muted);border:1px solid var(--mf-line);border-radius:var(--mf-radius-pill);cursor:pointer;align-items:center;gap:7px;padding:8px 11px;display:flex}.mf-header-theme-icon{color:var(--mf-accent);font-size:15px;line-height:10px}.mf-footer{margin-top:var(--mf-space-4xl);padding-top:70px}.mf-footer-top{grid-template-columns:1.1fr .9fr;gap:10%;min-height:180px;display:grid}.mf-footer-kicker{color:var(--mf-foreground);font:500 var(--mf-text-h2) / 1.05 var(--font-google-sans), sans-serif;letter-spacing:-.06em;max-width:280px}.mf-footer-links{grid-template-columns:1fr 1fr;gap:12%;display:grid}.mf-footer-links div{flex-direction:column;gap:9px;display:flex}.mf-footer-links span{color:var(--mf-ink-faint);font-size:var(--mf-text-caption);margin-bottom:8px}.mf-footer-links a{color:var(--mf-foreground);font-size:var(--mf-text-base);text-decoration:none}.mf-footer-links a:hover{color:var(--mf-accent)}.mf-footer-word{color:var(--mf-foreground);font:600 clamp(90px, 19vw, 290px) / .72 var(--font-google-sans), sans-serif;letter-spacing:-.12em;white-space:nowrap;margin:90px 0 60px -.06em;overflow:hidden}.mf-footer-bottom{border-top:1px solid var(--mf-line);color:var(--mf-ink-faint);font-size:var(--mf-text-eyebrow);justify-content:space-between;padding:20px 0 28px;display:flex}.mf-footer-bottom a{color:inherit;text-decoration:none}.mf-footer-bottom a:hover{color:var(--mf-foreground)}@media (prefers-reduced-motion:reduce){.mf-button{transition-duration:1ms}.mf-button:hover{transform:none}.mf-header{transition-duration:1ms}.mf-motion-fade,.mf-motion-lift,.mf-motion-scale,.mf-motion-stagger>*{animation:1ms linear both mf-fade-in}}@media (max-width:700px){.mf-header{gap:12px;width:calc(100% - 28px);padding-left:12px}.mf-header-nav{display:none}.mf-header-actions{margin-left:auto}.mf-header-docs{display:none}.mf-footer{padding-top:48px}.mf-footer-top{min-height:0;display:block}.mf-footer-links{gap:36px;margin-top:46px}.mf-footer-word{margin:75px 0 48px -.04em;font-size:clamp(70px,20vw,130px)}.mf-footer-bottom{flex-wrap:wrap;gap:12px}}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--text-base:1rem;--text-lg:1.125rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-google-sans);--default-mono-font-family:monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.contents{display:contents}.flex{display:flex}.h-full{height:100%}.min-h-full{min-height:100%}.resize{resize:both}.flex-col{flex-direction:column}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--background:#f7f7f2;--foreground:#1d1d1f;--surface:#ffffffd1;--surface-raised:#fffefa;--surface-muted:#e9ece0;--ink-soft:#5c6259;--ink-faint:#8d9488;--accent:#086d00;--accent-soft:#d7e8c9;--accent-contrast:#f7f7f2;--line:#1d1d1f21;--line-strong:#1d1d1f38;--shadow-casual:0 2px 8px -2px #0000000a, inset 0 0 0 1px #ffffff80;--radius-organic:2rem;--radius-pill:999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--text-eyebrow:11px;--text-caption:12px;--text-base:13px;--text-lg:15px;--text-h4:17px;--text-h3:20px;--text-h2:24px;--text-h1:32px;--text-display:40px;--text-section-max:65px;--text-hero-max:104px;--ease-entrance:cubic-bezier(.16, 1, .3, 1);--ease-state:cubic-bezier(.25, 1, .5, 1)}:root[data-theme=dark]{--background:#000;--foreground:#f2f2f0;--surface:#121212;--surface-raised:#1c1c1e;--surface-muted:#242426;--ink-soft:#b6b9b2;--ink-faint:#858981;--accent:#81bb73;--accent-soft:#173b18;--accent-contrast:#071007;--line:#f2f2f026;--line-strong:#f2f2f047;--shadow-casual:inset 0 0 0 1px #ffffff14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:var(--font-google-sans), sans-serif;font-size:var(--text-base);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;transition:background-color .35s var(--ease-state), color .35s var(--ease-state);margin:0;line-height:1.5}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.site-shell{min-height:100vh;padding:0 clamp(24px,5vw,80px);position:relative;overflow:hidden}.site-shell,.library-page{padding-top:120px}.ambient{filter:blur(80px);opacity:.42;pointer-events:none;z-index:-1;border-radius:50%;position:absolute}.ambient-top{background:#e2ebc9;width:320px;height:320px;top:7%;right:5%}.ambient-bottom{background:#e3d8ba;width:260px;height:260px;bottom:20%;left:-8%}[data-theme=dark] .ambient-top{opacity:.33;background:#18451a}[data-theme=dark] .ambient-bottom{opacity:.24;background:#5b4319}[data-theme=dark] .wordmark-logo{filter:none}@media (prefers-color-scheme:dark){:root:not([data-theme]){--background:#000;--foreground:#f2f2f0;--surface:#121212;--surface-raised:#1c1c1e;--surface-muted:#242426;--ink-soft:#b6b9b2;--ink-faint:#858981;--accent:#81bb73;--accent-soft:#173b18;--accent-contrast:#071007;--line:#f2f2f026;--line-strong:#f2f2f047;--shadow-casual:inset 0 0 0 1px #ffffff14}:root:not([data-theme]) .wordmark-logo{filter:none}}.site-nav{border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;height:92px;display:flex;position:relative}.wordmark{font-size:var(--text-base);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:500;display:flex}.wordmark b{color:var(--ink-soft);font-weight:400}.wordmark-logo{filter:brightness(0)saturate()invert(25%)sepia(63%)saturate(1103%)hue-rotate(83deg)brightness(86%)contrast(104%);object-fit:contain;width:34px;height:34px}.wordmark-mark,.mini-mark{background:var(--accent);color:var(--accent-contrast);font-size:var(--text-eyebrow);letter-spacing:-.1em;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex}.nav-links{gap:clamp(20px,3vw,44px);margin-left:auto;margin-right:48px;display:flex}.nav-links a,.theme-toggle{color:var(--ink-soft);font-size:var(--text-base);transition:color .2s var(--ease-state)}.nav-links a:hover,.theme-toggle:hover{color:var(--foreground)}.nav-arrow{color:var(--accent);font-size:var(--text-lg);margin-left:2px}.theme-toggle{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 0;display:flex}.theme-icon{color:var(--accent);display:flex}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;width:15px;height:15px}.toggle-track{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-pill);width:30px;height:18px;margin-left:4px;padding:2px}.toggle-track span{background:var(--accent);height:12px;transition:transform .25s var(--ease-state);border-radius:50%;width:12px;display:block}[data-theme=dark] .toggle-track span{transform:translate(12px)}.hero{grid-template-columns:minmax(300px,.9fr) minmax(440px,1.1fr);gap:clamp(40px,8vw,140px);max-width:1440px;min-height:670px;margin:0 auto;padding:clamp(72px,10vw,140px) 0 90px;display:grid}.hero-copy{align-self:center;max-width:510px}.eyebrow,.section-kicker{color:var(--accent);font-size:var(--text-eyebrow);letter-spacing:.11em;text-transform:uppercase;font-weight:600}.eyebrow{align-items:center;gap:9px;display:flex}.eyebrow-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}h1,h2,h3,p{margin:0}p{font-size:var(--text-lg)}h1{font-size:clamp(var(--text-display), 7vw, var(--text-hero-max));letter-spacing:-.08em;margin:28px 0 32px;font-weight:650;line-height:.92}h1 em,h2 em,h3 em{letter-spacing:-.08em;font-family:Georgia,serif;font-weight:400}.hero-summary{color:var(--ink-soft);font-size:var(--text-lg);max-width:390px;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:40px;display:flex}.button{border-radius:var(--radius-pill);font-size:var(--text-base);transition:background .2s var(--ease-state), color .2s var(--ease-state), transform .2s var(--ease-state);justify-content:center;align-items:center;gap:18px;padding:15px 18px 15px 22px;font-weight:600;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:var(--accent-contrast)}.button-primary:hover{background:var(--foreground);color:var(--background)}.button-outline{border:1px solid var(--line-strong);padding:13px 16px 13px 20px}.button-outline:hover{background:var(--foreground);color:var(--background)}.arrow-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:16px;height:16px}.text-link{color:var(--ink-soft);font-size:var(--text-base)}.text-link span{color:var(--accent);font-size:var(--text-lg);margin-left:5px}.text-link:hover{color:var(--foreground)}.hero-art{align-self:center;height:520px;position:relative}.art-label,.art-note{color:var(--ink-faint);font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase;position:absolute}.art-label{top:4%;left:3%}.art-note{text-align:right;bottom:5%;right:2%}.art-note span{color:var(--accent);margin-top:5px;display:inline-block}.sun-orb{background:var(--accent-soft);opacity:.9;border-radius:50%;width:300px;height:300px;position:absolute;top:19%;left:21%}.orbit{border:1px solid var(--accent);opacity:.35;border-radius:50%;position:absolute;transform:rotate(-28deg)}.orbit-one{width:390px;height:280px;top:20%;left:17%}.orbit-two{width:260px;height:380px;top:9%;left:24%;transform:rotate(52deg)}.art-card{border:1px solid var(--line);border-radius:var(--radius-organic);position:absolute}.card-back{background:var(--surface-muted);color:var(--ink-soft);width:220px;height:290px;padding:24px;top:15%;right:1%;transform:rotate(9deg)}.card-back b{font-size:32px;font-weight:400;position:absolute;bottom:24px;left:24px}.card-front{background:var(--surface);box-shadow:var(--shadow-casual);-webkit-backdrop-filter:blur(32px)saturate(110%);backdrop-filter:blur(32px)saturate(110%);width:min(68%,340px);height:385px;padding:22px;top:16%;left:22%;transform:rotate(-7deg)}.card-topline,.card-caption{letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:10px;display:flex}.mini-mark{width:20px;height:20px;margin-right:7px;font-size:8px}.card-topline span:nth-child(2){margin-right:auto}.card-status{background:var(--accent);border-radius:50%;width:6px;height:6px}.card-visual{background:var(--accent-soft);border-radius:1.3rem;height:266px;margin:20px 0 15px;position:relative;overflow:hidden}.card-sun{filter:blur(1px);background:#d5ad55;border-radius:50%;width:130px;height:130px;position:absolute;top:22%;left:26%}.leaf{background:var(--accent);opacity:.85;border-radius:100% 0;width:60px;height:130px;position:absolute}.leaf-left{top:45%;left:12%;transform:rotate(34deg)}.leaf-right{top:25%;right:15%;transform:rotate(135deg)}.card-caption{color:var(--ink-soft)}.system-intro{border-top:1px solid var(--line);grid-template-columns:.5fr 1.5fr;gap:10%;max-width:1440px;margin:0 auto;padding:115px 0 70px;display:grid}.intro-content{grid-template-columns:1fr 1fr;gap:40px;display:grid}.intro-content h2,.library-banner h2{font-size:clamp(var(--text-h2), 5vw, var(--text-section-max));letter-spacing:-.07em;line-height:.98}.intro-content p{color:var(--ink-soft);font-size:var(--text-lg);max-width:330px;padding-top:8px;line-height:1.7}.principles-grid{grid-template-columns:1.3fr 1fr 1fr;gap:12px;max-width:1440px;margin:0 auto;padding-bottom:150px;display:grid}.principle-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-organic);min-height:380px;box-shadow:var(--shadow-casual);-webkit-backdrop-filter:blur(32px)saturate(110%);backdrop-filter:blur(32px)saturate(110%);padding:28px;position:relative}.principle-featured{background:var(--accent-soft)}.card-number{color:var(--ink-faint);font-size:11px}.principle-glyph{justify-content:center;align-items:center;height:130px;margin:12px 0 15px;display:flex;position:relative}.glyph-sun{border:1px solid var(--accent);border-radius:50%;width:116px;height:116px;margin:28px auto 20px}.glyph-sun:before,.glyph-sun:after{background:var(--accent);content:"";width:150px;height:1px;position:absolute}.glyph-sun:after{transform:rotate(90deg)}.glyph-sun span{background:var(--accent);border-radius:50%;width:38px;height:38px}.glyph-layers span{border:1px solid var(--accent);border-radius:50%;width:68px;height:68px;position:absolute}.glyph-layers span:first-child{transform:translate(-17px,-11px)}.glyph-layers span:nth-child(2){transform:translate(17px,11px)}.glyph-layers span:nth-child(3){transform:translate(0)}.glyph-loop{color:var(--accent);font-family:Georgia,serif;font-size:100px;font-weight:300}.principle-card h3{letter-spacing:-.07em;font-size:25px;line-height:.94}.principle-card p{color:var(--ink-soft);max-width:240px;margin-top:16px;line-height:1.6}.principle-card>a{color:var(--accent);transition:transform .2s var(--ease-state);position:absolute;bottom:28px;right:28px}.principle-card>a:hover{transform:translate(4px)}.library-banner{border-top:1px solid var(--line);justify-content:space-between;align-items:end;max-width:1440px;margin:0 auto;padding:100px 0 130px;display:flex}.library-banner h2{margin-top:22px}.library-side{max-width:300px}.library-side p{color:var(--ink-soft);margin-bottom:28px;line-height:1.65}.site-footer{border-top:1px solid var(--line);color:var(--ink-faint);justify-content:space-between;padding:20px 0 28px;font-size:11px;display:flex}.site-footer a:hover{color:var(--foreground)}.card-back b{font-size:var(--text-h1)}.card-topline,.card-caption,.mini-mark,.card-number{font-size:var(--text-eyebrow)}.principle-card h3{font-size:var(--text-h3)}.principle-card p,.library-side p{font-size:var(--text-lg)}.library-actions{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.docs-link{color:var(--accent);font-size:var(--text-base)}.docs-link:hover{text-underline-offset:4px;text-decoration:underline}.site-footer{font-size:var(--text-eyebrow)}@keyframes appear{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-copy>*,.hero-art>*{animation:appear .7s var(--ease-entrance) both}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-art>*{animation-delay:.28s}.hero-art>:nth-child(2){animation-delay:.38s}.hero-art>:nth-child(3){animation-delay:.45s}.hero-art>:nth-child(4){animation-delay:.52s}.hero-art>:nth-child(5){animation-delay:.59s}@media (max-width:800px){.site-nav{height:76px}.nav-links{display:none}.hero{min-height:auto;padding:82px 0 70px;display:block}.hero-art{height:430px;margin-top:50px}.card-front{left:15%}.card-back{right:0}.system-intro{padding:80px 0 45px;display:block}.intro-content{margin-top:28px;display:block}.intro-content p{margin-top:30px}.principles-grid{grid-template-columns:1fr;padding-bottom:90px}.principle-card{min-height:330px}.library-banner{align-items:start;padding:75px 0 90px;display:block}.library-side{margin-top:35px}.site-footer{flex-wrap:wrap;gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.intro-detail{max-width:350px}.intro-links{border-top:1px solid var(--line);flex-direction:column;gap:12px;margin-top:26px;padding-top:18px;display:flex}.intro-links a{color:var(--accent);font-size:var(--text-base);justify-content:space-between;align-items:center;display:flex}.intro-links a:hover{color:var(--foreground)}.intro-links .mf-icon{font-size:18px}.getting-started-page{max-width:1440px;margin:0 auto;padding:120px clamp(24px,5vw,80px) 0}.getting-started-hero{border-bottom:1px solid var(--line);padding:90px 0 100px}.getting-started-hero h1{font-size:clamp(var(--text-display), 7vw, var(--text-hero-max));letter-spacing:-.08em;margin:26px 0 34px;line-height:.91}.getting-started-hero>p:last-child{color:var(--ink-soft);font-size:var(--text-lg);max-width:430px;line-height:1.65}.getting-started-content{grid-template-columns:190px 1fr;gap:10%;padding:95px 0 120px;display:grid}.getting-started-aside{flex-direction:column;align-self:start;gap:12px;display:flex;position:sticky;top:110px}.getting-started-aside span{border-bottom:1px solid var(--line);color:var(--ink-faint);font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;padding-bottom:15px}.getting-started-aside a{color:var(--ink-soft);font-size:var(--text-base)}.getting-started-aside a:hover{color:var(--accent)}.getting-started-main{max-width:740px}.getting-started-step{border-top:1px solid var(--line);grid-template-columns:35px 1fr;gap:8%;padding:65px 0 80px;scroll-margin-top:110px;display:grid}.getting-started-step:first-child{border-top:0;padding-top:0}.getting-started-number{color:var(--accent);font-size:var(--text-caption)}.getting-started-step h2{font-size:clamp(var(--text-h2), 4vw, 48px);letter-spacing:-.07em;margin:20px 0 25px;line-height:.98}.getting-started-step>div>p:not(.principle-eyebrow){color:var(--ink-soft);font-size:var(--text-lg);max-width:570px;line-height:1.65}.getting-started-step pre{background:var(--surface-muted);border:1px solid var(--line);color:var(--foreground);font:var(--text-caption) / 1.7 var(--font-google-sans), monospace;white-space:pre-wrap;border-radius:16px;margin:28px 0 0;padding:18px 20px;overflow-x:auto}.getting-started-note{margin-top:14px;font-size:var(--text-caption)!important}.getting-started-example{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-organic);grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;padding:22px;display:grid}.getting-started-example>div>span{color:var(--ink-faint);font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;display:block}.getting-started-example pre{margin-top:0}.getting-started-button{background:var(--accent);border-radius:var(--radius-pill);color:var(--accent-contrast);font:600 var(--text-base) / 1 var(--font-google-sans), sans-serif;border:0;align-items:center;gap:16px;padding:15px 18px 15px 22px;display:inline-flex}.getting-started-responsibilities{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:20px;margin-top:35px;padding-top:20px;display:grid}.getting-started-responsibilities div{flex-direction:column;gap:10px;display:flex}.getting-started-responsibilities span{color:var(--accent);font-size:var(--text-caption);margin-bottom:5px}.getting-started-responsibilities b{font-size:var(--text-base);font-weight:500}.getting-started-doc-link{color:var(--accent);font-size:var(--text-base);gap:7px;margin-top:35px;display:inline-flex}.getting-started-doc-link:hover{text-underline-offset:4px;text-decoration:underline}@media (max-width:800px){.getting-started-page{padding-top:100px}.getting-started-hero{padding:75px 0 70px}.getting-started-content{padding:70px 0 90px;display:block}.getting-started-aside{border-bottom:1px solid var(--line);flex-flow:wrap;margin-bottom:65px;padding-bottom:18px;position:static}.getting-started-aside span{border:0;flex-basis:100%;margin:0;padding:0}.getting-started-step{grid-template-columns:28px 1fr;gap:20px;padding:55px 0 65px}.getting-started-example,.getting-started-responsibilities{grid-template-columns:1fr}}.library-page{max-width:1440px;margin:0 auto;padding:120px clamp(24px,5vw,80px) 0}.library-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;display:flex}.library-brand{font-size:var(--text-base);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:500;display:flex}.library-brand img{filter:brightness(0)saturate()invert(25%)sepia(63%)saturate(1103%)hue-rotate(83deg)brightness(86%)contrast(104%);object-fit:contain;width:34px;height:34px}.library-brand b{color:var(--ink-soft);font-weight:400}[data-theme=dark] .library-brand img{filter:none}.library-nav-center,.library-nav-actions{align-items:center;gap:28px;display:flex}.library-nav-center{color:var(--ink-faint);font-size:var(--text-caption);margin-left:auto;margin-right:48px}.library-nav-active{color:var(--foreground)}.library-nav-actions{color:var(--ink-soft);font-size:var(--text-caption)}.library-nav-actions a:hover,.library-theme-toggle:hover{color:var(--foreground)}.library-theme-toggle{color:var(--ink-soft);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:6px 0;display:flex}.library-icon{fill:none;height:15px;stroke:var(--accent);stroke-linecap:round;stroke-width:1.5px;width:15px}.library-hero{grid-template-columns:1.2fr .8fr;align-items:end;gap:10%;min-height:495px;padding:100px 0 95px;display:grid}.library-eyebrow{color:var(--accent);font-size:var(--text-eyebrow);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:9px;font-weight:600;display:flex}.library-eyebrow span{background:var(--accent);border-radius:50%;width:6px;height:6px}.library-hero h1{font-size:clamp(var(--text-display), 7vw, var(--text-hero-max));margin:26px 0 0}.library-hero-copy{max-width:340px;padding-bottom:12px}.library-hero-copy p{color:var(--ink-soft);font-size:var(--text-lg);line-height:1.65}.library-version{border-top:1px solid var(--line);color:var(--ink-faint);font-size:var(--text-caption);align-items:center;gap:8px;margin-top:32px;padding-top:14px;display:flex}.version-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.library-index{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.library-index a{border-right:1px solid var(--line);min-height:88px;transition:background-color .2s var(--ease-state);grid-template-columns:30px 1fr 1fr 20px;align-items:center;gap:8px;padding:16px 22px;display:grid}.library-index a:first-child{border-left:1px solid var(--line)}.library-index a:hover{background:var(--accent-soft)}.library-index span,.library-index i{color:var(--ink-faint);font-size:var(--text-caption);font-style:normal}.library-index b{font-size:var(--text-base);font-weight:600}.library-index strong{color:var(--accent);font-size:18px;font-weight:400}.library-section{border-bottom:1px solid var(--line);padding:130px 0}.library-section-heading{grid-template-columns:.5fr 1.5fr;gap:10%;display:grid}.library-number{color:var(--ink-faint);font-size:var(--text-caption)}.library-section h2{font-size:clamp(var(--text-h2), 5vw, var(--text-section-max));letter-spacing:-.07em;margin-top:22px;line-height:.98}.foundation-grid{grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-top:64px;display:grid}.foundation-card{min-height:410px;padding:28px;position:relative;overflow:hidden}.foundation-card-top{color:var(--ink-faint);font-size:var(--text-eyebrow);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;display:flex}.foundation-swatch{background:var(--accent);border-radius:50%;width:8px;height:8px}.foundation-card h3{font-size:var(--text-h3);letter-spacing:-.06em;line-height:1;position:absolute;bottom:60px}.foundation-card p{color:var(--ink-soft);font-size:var(--text-caption);max-width:230px;line-height:1.5;position:absolute;bottom:28px}.foundation-color{background:var(--accent-soft)}.color-orb{filter:blur(2px);opacity:.8;background:#d4a84f;border-radius:50%;width:190px;height:190px;position:absolute;top:25%;left:23%}.foundation-type{background:var(--surface-raised)}.type-sample{color:var(--accent);letter-spacing:-.14em;margin:70px 0 0 -7px;font-size:112px;line-height:1}.type-sample span{color:var(--ink-soft);margin-left:15px;font-size:60px}.foundation-space{background:var(--surface-muted)}.space-bars{align-items:end;gap:8px;height:150px;margin-top:50px;display:flex}.space-bars i{background:var(--accent);width:30px;height:30px;display:block}.space-bars i:nth-child(2){height:55px}.space-bars i:nth-child(3){height:85px}.space-bars i:nth-child(4){height:120px}.token-section{grid-template-columns:.5fr 1.5fr;gap:10%;display:grid}.token-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-organic);box-shadow:var(--shadow-casual);align-self:end;padding:28px}.token-panel-intro{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding-bottom:25px;display:flex}.token-symbol{color:var(--accent);letter-spacing:-.1em;font-size:35px}.token-panel-intro p{color:var(--ink-soft);font-size:var(--text-base);max-width:260px}.token-list>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.4fr 70px;align-items:center;gap:15px;min-height:55px;display:grid}.token-list>div:last-child{border:0}.token-list span,.token-list b,.token-list strong{font-size:var(--text-caption)}.token-list span{color:var(--ink-soft)}.token-list b{font-family:var(--font-google-sans-code), monospace;font-weight:400}.token-list strong{color:var(--accent);text-align:right;font-weight:500}.token-color{border-radius:50%;justify-self:end;width:15px;height:15px}.token-bg{background:var(--background);border:1px solid var(--line-strong)}.token-green{background:var(--accent)}.token-radius{border:1px solid var(--accent);border-radius:8px;justify-self:end;width:28px;height:15px}.component-section{padding-bottom:150px}.component-demo{grid-template-columns:.65fr 1.35fr;gap:10%;margin-top:64px;display:grid}.demo-copy{padding:12px 0}.demo-label{color:var(--accent);font-size:var(--text-eyebrow);letter-spacing:.1em;text-transform:uppercase}.demo-copy h3{font-size:var(--text-h3);letter-spacing:-.06em;margin:22px 0;line-height:1}.demo-copy p{color:var(--ink-soft);font-size:var(--text-lg);max-width:270px;line-height:1.65}.demo-copy a{color:var(--accent);font-size:var(--text-base);margin-top:28px;display:inline-block}.demo-copy a:hover{text-underline-offset:4px;text-decoration:underline}.demo-stage{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-organic);box-shadow:var(--shadow-casual);min-height:370px;overflow:hidden}.demo-toolbar{border-bottom:1px solid var(--line);color:var(--ink-faint);font-size:var(--text-caption);justify-content:space-between;padding:18px 24px;display:flex}.demo-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;min-height:190px;padding:30px;display:flex}.demo-code{background:var(--surface-muted);color:var(--ink-faint);font-family:var(--font-google-sans-code), monospace;font-size:var(--text-caption);padding:20px 25px;line-height:1.8}.demo-code span{color:var(--accent)}.demo-code b{color:var(--foreground);font-weight:400}.demo-code em{color:#b8862d;font-style:normal}.code-indent{margin-left:20px}.library-footer{color:var(--ink-faint);font-size:var(--text-eyebrow);justify-content:space-between;padding:20px 0 28px;display:flex}.library-footer a:hover{color:var(--foreground)}.token-list b,.demo-code{font-family:var(--font-google-sans), monospace}@media (max-width:800px){.library-nav{height:76px}.library-nav-center,.library-nav-actions a{display:none}.library-hero{min-height:auto;padding:80px 0 70px;display:block}.library-hero-copy{margin-top:42px}.library-index{grid-template-columns:1fr}.library-index a,.library-index a:first-child{border-left:0;border-right:0;border-bottom:1px solid var(--line);min-height:65px}.library-index a:last-child{border-bottom:0}.library-section{padding:85px 0}.library-section-heading,.token-section,.library-number{display:block}.foundation-grid,.component-demo{grid-template-columns:1fr;margin-top:42px}.foundation-card{min-height:350px}.token-panel{margin-top:42px;padding:20px}.token-list>div{grid-template-columns:1fr 1.3fr 45px;gap:8px}.component-section{padding-bottom:90px}.demo-stage{margin-top:0}.demo-actions{flex-direction:column;align-items:flex-start;padding-left:24px}.library-footer{flex-wrap:wrap;gap:12px}}.library-intro{grid-template-columns:1.2fr .8fr;align-items:end;gap:10%;padding:92px 0 85px;display:grid}.library-intro h1{font-size:clamp(var(--text-display), 6vw, 86px);margin:26px 0 0}.library-intro-side{max-width:330px;padding-bottom:7px}.library-intro-side p{color:var(--ink-soft);font-size:var(--text-lg);line-height:1.65}.library-intro-side a,.component-card-footer a,.sidebar-docs{color:var(--accent);font-size:var(--text-base)}.library-intro-side a{margin-top:28px;display:inline-block}.library-intro-side a:hover,.component-card-footer a:hover,.sidebar-docs:hover{text-underline-offset:4px;text-decoration:underline}.foundation-strip{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;display:grid}.foundation-strip a{border-right:1px solid var(--line);transition:background-color .2s var(--ease-state);gap:7px;padding:20px 24px;display:grid}.foundation-strip a:first-child{border-left:1px solid var(--line)}.foundation-strip a:hover{background:var(--accent-soft)}.strip-kicker{color:var(--ink-faint);font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase}.foundation-strip strong{font-size:var(--text-base);font-weight:600}.strip-arrow{color:var(--accent);font-size:18px}.foundation-strip-note{color:var(--ink-faint);font-size:var(--text-caption);justify-content:center;align-items:center;gap:8px;display:flex}.token-drawer{border-bottom:1px solid var(--line);grid-template-columns:.8fr 1.2fr;align-items:center;gap:10%;padding:55px 0;display:grid}.token-drawer h2{font-size:clamp(var(--text-h2), 3vw, 42px);letter-spacing:-.07em;margin-top:16px;line-height:.98}.token-drawer-content{max-width:630px}.token-drawer-content>p{color:var(--ink-soft);font-size:var(--text-lg);max-width:440px;line-height:1.65}.token-chips{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.token-chips span{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-soft);font-size:var(--text-caption);align-items:center;gap:12px;padding:9px 12px;display:flex}.token-chips b{color:var(--foreground);font-family:var(--font-google-sans), monospace;font-weight:400}.token-chips strong{color:var(--accent);font-weight:500}.token-dot{border-radius:50%;width:10px;height:10px}.token-dot-green{background:var(--accent)}.token-dot-radius{border:1px solid var(--accent);border-radius:4px}.catalog-layout{grid-template-columns:190px 1fr;gap:clamp(40px,7vw,110px);padding:100px 0 120px;display:grid}.catalog-sidebar{align-self:start;position:sticky;top:110px}.sidebar-heading{border-bottom:1px solid var(--line);color:var(--ink-faint);font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.sidebar-heading b{color:var(--accent);font-weight:500}.sidebar-group{border-bottom:1px solid var(--line);padding:20px 0}.sidebar-group>span{color:var(--ink-faint);font-size:var(--text-caption);margin-bottom:10px;display:block}.sidebar-group a{color:var(--ink-soft);font-size:var(--text-base);justify-content:space-between;align-items:center;padding:5px 0;display:flex}.sidebar-group a:hover,.sidebar-group a.is-selected{color:var(--foreground)}.sidebar-group a.is-selected:before{background:var(--accent);content:"";border-radius:50%;order:2;width:5px;height:5px;margin-right:-5px}.sidebar-group a i{color:var(--ink-faint);font-size:var(--text-eyebrow);font-style:normal}.sidebar-group a.is-disabled{color:var(--ink-faint);cursor:default;opacity:.55}.sidebar-docs{margin-top:23px;display:block}.sidebar-docs span{margin-left:4px;font-size:16px}.catalog-heading{justify-content:space-between;align-items:end;display:flex}.catalog-heading h2{font-size:clamp(var(--text-h2), 5vw, var(--text-section-max));letter-spacing:-.07em;margin-top:20px;line-height:.95}.catalog-heading>p{color:var(--ink-soft);font-size:var(--text-lg);max-width:280px;line-height:1.6}.component-gallery{grid-template-columns:1fr 1fr;gap:14px;margin-top:58px;display:grid}.component-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-organic);box-shadow:var(--shadow-casual);min-width:0;padding:26px;overflow:hidden}.component-card-wide{grid-column:span 2}.component-card-heading{align-items:start;gap:17px;min-height:58px;display:flex}.component-index{color:var(--accent);font-size:var(--text-caption);padding-top:3px}.component-card h3{font-size:var(--text-h3);letter-spacing:-.06em;line-height:1}.component-card-heading p{color:var(--ink-soft);font-size:var(--text-caption);margin-top:7px}.component-preview{background:var(--surface-muted);border-radius:1.25rem;min-height:220px;margin-top:25px;position:relative;overflow:hidden}.button-preview{justify-content:center;align-items:center;display:flex}.preview-caption{color:var(--ink-faint);font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase;position:absolute;top:18px;left:18px}.button-preview-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:40px 25px 25px;display:flex}.button-preview-actions .mf-button{font-size:var(--text-caption)}.component-preview code{color:var(--ink-faint);font-family:var(--font-google-sans), monospace;font-size:var(--text-eyebrow);position:absolute;bottom:15px;left:18px}.component-preview code span{color:var(--accent)}.component-preview code b{color:var(--foreground);font-weight:400}.component-card-footer{color:var(--ink-faint);font-size:var(--text-eyebrow);justify-content:space-between;align-items:center;margin-top:17px;display:flex}.surface-preview{padding:25px}.surface-preview .mf-surface{align-items:center;gap:12px;height:100%;min-height:170px;padding:24px;display:flex}.surface-preview strong{font-size:var(--text-base);font-weight:600}.surface-preview small{color:var(--ink-soft);font-size:var(--text-caption);margin-left:auto}.surface-preview-dot{background:var(--accent);border-radius:50%;width:10px;height:10px}.header-preview{padding:24px}.mini-header{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow-casual);font-size:var(--text-caption);align-items:center;gap:8px;padding:9px 12px;display:flex}.mini-logo{background:var(--accent);color:var(--accent-contrast);letter-spacing:-.1em;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:flex}.mini-header b{color:var(--ink-soft);font-weight:400}.mini-header div{gap:4px;margin-left:auto;display:flex}.mini-header i{background:var(--ink-faint);border-radius:50%;width:4px;height:4px;display:block}.header-preview-line{border-bottom:1px solid var(--line);margin-top:58px}.footer-preview{min-height:220px;padding:23px}.footer-preview-links{gap:20px;display:flex}.footer-preview-links span{color:var(--ink-soft);font-size:var(--text-caption)}.footer-preview strong{letter-spacing:-.11em;font-size:clamp(45px,9vw,100px);line-height:.8;position:absolute;bottom:15px;left:18px}@media (max-width:800px){.library-intro{padding:75px 0 65px;display:block}.library-intro-side{margin-top:38px}.foundation-strip{grid-template-columns:1fr 1fr}.foundation-strip-note{border-top:1px solid var(--line);grid-column:span 2;min-height:56px}.token-drawer{padding:52px 0;display:block}.token-drawer-content{margin-top:28px}.catalog-layout{padding:72px 0 90px;display:block}.catalog-sidebar{margin-bottom:76px;position:static}.sidebar-group{vertical-align:top;margin-right:22px;padding:16px 0;display:inline-block}.sidebar-group:last-of-type{display:none}.sidebar-docs{margin-top:10px}.catalog-heading{display:block}.catalog-heading>p{margin-top:28px}.component-gallery{grid-template-columns:1fr;margin-top:42px}.component-card-wide{grid-column:auto}.button-preview-actions{flex-direction:column;padding-top:52px}.surface-preview small{display:none}.library-page{padding-top:100px}}.workbench-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin-top:70px;padding-bottom:20px;display:flex}.workbench-bar p{color:var(--ink-soft);font-size:var(--text-base);margin-top:12px}.workbench-select,.workbench-controls label{color:var(--ink-faint);font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;gap:7px;display:flex}.workbench-select select,.workbench-controls select,.workbench-controls input{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--foreground);font:500 var(--text-base) / 1 var(--font-google-sans), sans-serif;text-transform:none;outline:none;padding:11px 14px}.workbench-select select{min-width:150px}.workbench-select select:focus,.workbench-controls select:focus,.workbench-controls input:focus{border-color:var(--accent)}.workbench-layout{grid-template-columns:1.35fr .65fr;gap:14px;margin-top:14px;display:grid}.workbench-preview,.workbench-code{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-organic);box-shadow:var(--shadow-casual);overflow:hidden}.workbench-preview-top,.workbench-code-heading{border-bottom:1px solid var(--line);color:var(--ink-faint);font-size:var(--text-caption);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.preview-live{align-items:center;gap:7px;display:flex}.preview-live i{background:var(--accent);border-radius:50%;width:6px;height:6px}.workbench-stage{background:var(--surface-muted);justify-content:center;align-items:center;min-height:245px;padding:30px;display:flex}.workbench-stage-input{width:100%;max-width:310px}.workbench-stage-alert{width:100%;max-width:430px}.workbench-stage-tabs{align-items:end;width:80%}.workbench-stage-surface{width:100%;max-width:280px}.workbench-stage-surface .mf-surface{flex-direction:column;gap:8px;display:flex}.workbench-stage-surface span{color:var(--ink-soft);font-size:var(--text-caption)}.workbench-controls{border-top:1px solid var(--line);gap:20px;padding:18px 22px;display:flex}.workbench-controls label{flex:1}.workbench-controls input,.workbench-controls select{border-radius:10px;padding:9px 11px}.workbench-code{background:var(--surface-muted)}.workbench-code-heading button{background:var(--foreground);border-radius:var(--radius-pill);color:var(--background);cursor:pointer;font:500 var(--text-caption) / 1 var(--font-google-sans), sans-serif;border:0;padding:9px 12px}.workbench-code-heading button:hover{background:var(--accent);color:var(--accent-contrast)}.workbench-code pre{white-space:pre-wrap;min-height:245px;margin:0;padding:23px 22px;overflow:auto}.workbench-code code{color:var(--ink-faint);font:var(--text-caption) / 1.7 var(--font-google-sans), monospace}.workbench-code code span{color:var(--accent)}.workbench-code code b{color:var(--foreground);font-weight:400}.workbench-code p{border-top:1px solid var(--line);color:var(--ink-soft);font-size:var(--text-eyebrow);margin:0;padding:16px 22px;line-height:1.45}.workbench-code em{color:var(--accent);font-style:normal}.component-quick-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;display:grid}.component-quick-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:1.4rem;flex-direction:column;gap:5px;min-height:125px;padding:18px;display:flex}.component-quick-grid span,.component-quick-grid small{color:var(--ink-faint);font-size:var(--text-eyebrow)}.component-quick-grid b{font-size:var(--text-h4);letter-spacing:-.04em;margin-top:auto}.component-quick-grid small{color:var(--ink-soft)}.component-gallery-reference{margin-top:90px;padding-top:40px;position:relative}.component-gallery-reference:before{color:var(--ink-faint);content:"Reference previews";font-size:var(--text-eyebrow);letter-spacing:.1em;text-transform:uppercase;position:absolute;top:0;left:0}.workbench-control-dropdown{flex:1}@media (max-width:800px){.workbench-bar{align-items:start;margin-top:55px;display:block}.workbench-select{margin-top:22px}.workbench-layout{display:block}.workbench-code{margin-top:14px}.component-quick-grid{grid-template-columns:1fr 1fr}.component-gallery-reference{margin-top:70px}}@media (max-width:480px){.component-quick-grid{grid-template-columns:1fr}.workbench-controls{flex-direction:column}.workbench-stage{min-height:220px;padding:20px}}.auto-component-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:90px;display:grid}.auto-component-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-organic);box-shadow:var(--shadow-casual);padding:24px;overflow:hidden}.auto-component-meta{color:var(--ink-faint);font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;display:flex}.auto-component-meta span:first-child{color:var(--accent)}.auto-component-preview{background:var(--surface-muted);border-radius:1.25rem;justify-content:center;align-items:center;min-height:185px;margin-top:20px;padding:24px;display:flex;overflow:hidden}.auto-component-info{justify-content:space-between;align-items:end;margin-top:18px;display:flex}.auto-component-info h3{font-size:var(--text-h3);letter-spacing:-.06em}.auto-component-info p{color:var(--ink-soft);font-size:var(--text-caption);margin-top:5px}.auto-component-info a{color:var(--accent);font-size:var(--text-caption)}.auto-preview-input,.auto-preview-textarea,.auto-preview-select{justify-content:center;align-items:stretch}.auto-preview-input .mf-field,.auto-preview-textarea .mf-field,.auto-preview-select .mf-field{width:100%;max-width:270px}.auto-preview-alert{padding:16px}.auto-preview-alert .mf-alert{width:100%}.auto-preview-tabs{align-items:end}.auto-preview-divider{width:100%}.auto-preview-avatar{gap:-5px}.mf-catalog-avatar-group{display:flex}.mf-catalog-avatar-group .mf-avatar+.mf-avatar{outline:3px solid var(--surface-muted);margin-left:-7px}.mf-catalog-header-preview{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow-casual);font-size:var(--text-caption);align-items:center;gap:8px;width:100%;padding:9px 12px;display:flex}.mf-catalog-header-preview span{background:var(--accent);color:var(--accent-contrast);letter-spacing:-.1em;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:flex}.mf-catalog-header-preview i{color:var(--accent);margin-left:auto;font-size:15px;font-style:normal}.mf-catalog-footer-preview{flex-direction:column;justify-content:space-between;align-self:stretch;width:100%;display:flex}.mf-catalog-footer-preview span{color:var(--ink-faint);font-size:var(--text-caption)}.mf-catalog-footer-preview strong{letter-spacing:-.11em;font-size:clamp(45px,8vw,90px);line-height:.75}.auto-preview-surface .mf-surface{flex-direction:column;align-items:flex-start;gap:7px;width:100%;display:flex}.auto-preview-surface .mf-surface span{color:var(--ink-soft);font-size:var(--text-caption)}@media (max-width:800px){.auto-component-gallery{grid-template-columns:1fr;margin-top:70px}}.principle-page{max-width:1440px;margin:0 auto;padding:120px clamp(24px,5vw,80px) 0}.principle-hero{grid-template-columns:1.2fr .8fr;align-items:end;gap:10%;min-height:455px;padding:90px 0 85px;display:grid}.principle-eyebrow{color:var(--accent);font-size:var(--text-eyebrow);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;font-weight:600;display:flex}.principle-eyebrow>span{background:var(--accent);border-radius:50%;width:6px;height:6px}.principle-hero h1{font-size:clamp(var(--text-display), 7vw, var(--text-hero-max));letter-spacing:-.08em;margin-top:25px;line-height:.91}.principle-intro{color:var(--ink-soft);font-size:var(--text-lg);max-width:350px;padding-bottom:5px;line-height:1.65}.principle-visual{border-radius:var(--radius-organic);height:430px;margin-bottom:130px;position:relative;overflow:hidden}.principle-visual span{color:var(--ink-faint);font-size:var(--text-eyebrow);letter-spacing:.1em;text-transform:uppercase;position:absolute;bottom:28px;right:28px}.principle-visual-grounded{background:var(--accent-soft)}.grounded-orb{filter:blur(2px);background:#d8af56;border-radius:50%;width:210px;height:210px;position:absolute;top:calc(50% - 105px);left:calc(50% - 105px)}.grounded-ring{border:1px solid var(--accent);opacity:.6;border-radius:50%;position:absolute;top:calc(50% - 145px);left:calc(50% - 145px)}.ring-a{width:290px;height:290px;transform:rotate(-35deg)}.ring-b{width:400px;height:260px;top:calc(50% - 130px);left:calc(50% - 200px);transform:rotate(45deg)}.depth-layer{border:1px solid var(--line-strong);border-radius:var(--radius-organic);width:55%;height:280px;position:absolute;transform:rotate(-7deg)}.layer-a{background:var(--surface);top:18%;left:10%}.layer-b{background:var(--surface-raised);top:27%;left:23%}.layer-c{background:var(--accent-soft);top:36%;left:36%}.principle-visual-motion{background:var(--accent-soft)}.motion-line{border:1px solid var(--accent);border-radius:50%;width:65%;height:160px;position:absolute;transform:rotate(-24deg)}.line-a{top:27%;left:15%}.line-b{opacity:.65;top:35%;left:27%}.line-c{opacity:.35;top:43%;left:39%}.principle-reading{border-top:1px solid var(--line);grid-template-columns:.5fr 1.5fr;gap:10%;padding:105px 0 130px;display:grid}.principle-reading-label{color:var(--ink-faint);font-size:var(--text-caption);flex-direction:column;gap:22px;display:flex}.principle-index{color:var(--accent)}.principle-reading-copy{max-width:640px}.principle-reading-copy p{color:var(--ink-soft);font-size:clamp(var(--text-lg), 2vw, 20px);line-height:1.55}.principle-reading-copy p+p{margin-top:28px}.principle-ideas{border-top:1px solid var(--line);padding:100px 0 130px}.principle-idea-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:58px;display:grid}.principle-idea-grid article{border-top:2px solid var(--accent);padding-top:17px}.principle-idea-grid article>span{color:var(--ink-faint);font-size:var(--text-caption)}.principle-idea-grid h2{font-size:var(--text-h3);letter-spacing:-.06em;margin:48px 0 15px;line-height:1}.principle-idea-grid p{color:var(--ink-soft);font-size:var(--text-base);max-width:270px;line-height:1.6}.principle-articles{border-top:1px solid var(--line);grid-template-columns:.8fr 1.2fr;align-items:end;gap:10%;padding:100px 0 130px;display:grid}.principle-articles h2{font-size:clamp(var(--text-h2), 4vw, 52px);letter-spacing:-.07em;margin-top:22px;line-height:.96}.principle-article-list{border-top:1px solid var(--line)}.principle-article-list a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.principle-article-list a:hover b{color:var(--accent)}.principle-article-list b,.principle-article-list small{display:block}.principle-article-list b{font-size:var(--text-lg);font-weight:500}.principle-article-list small{color:var(--ink-soft);font-size:var(--text-caption);margin-top:5px}.principle-article-list i{color:var(--accent)}.principle-page>.mf-footer{margin-top:0}@media (max-width:800px){.principle-page{padding-top:100px}.principle-hero{min-height:auto;padding:76px 0 65px;display:block}.principle-intro{margin-top:38px}.principle-visual{height:300px;margin-bottom:80px}.principle-reading{padding:70px 0 85px;display:block}.principle-reading-copy{margin-top:35px}.principle-ideas{padding:70px 0 85px}.principle-idea-grid{grid-template-columns:1fr;margin-top:40px}.principle-idea-grid article+article{margin-top:35px}.principle-idea-grid h2{margin-top:25px}.principle-articles{padding:70px 0 90px;display:block}.principle-article-list{margin-top:42px}}.principle-visual-depth{background:radial-gradient(circle at 70% 18%, #ebc26047, transparent 28%), linear-gradient(135deg, var(--surface-muted), var(--accent-soft))}.depth-sun{z-index:1;background:#e3b94f;border-radius:50%;width:92px;height:92px;position:absolute;top:13%;right:18%;box-shadow:0 0 0 22px #e3b94f1a,0 0 70px 24px #e3b94f40}.depth-glow{background:radial-gradient(circle,#ffe494b3,#ffe49400 68%);width:330px;height:330px;position:absolute;top:-23%;right:1%}.depth-horizon{opacity:.7;transform-origin:bottom;background:repeating-linear-gradient(0deg,#0000 0 27px,#086d001f 28px 29px),repeating-linear-gradient(90deg,#0000 0 54px,#086d001a 55px 56px);width:100%;height:170px;position:absolute;bottom:0;left:0;transform:perspective(180px)rotateX(45deg)scale(1.4)}.depth-layer{border:1px solid var(--line-strong);border-radius:var(--radius-organic);z-index:2;width:57%;height:250px;position:absolute;transform:rotate(-7deg);box-shadow:0 20px 35px -24px #0000004d,inset 0 0 0 1px #ffffff59}.layer-a{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.layer-a{background:color-mix(in srgb, var(--surface) 72%, transparent)}}.layer-a{top:18%;left:7%}.layer-b{background:var(--surface-raised)}@supports (color:color-mix(in lab, red, red)){.layer-b{background:color-mix(in srgb, var(--surface-raised) 88%, transparent)}}.layer-b{z-index:3;top:28%;left:21%}.layer-c{background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.layer-c{background:color-mix(in srgb, var(--accent-soft) 92%, transparent)}}.layer-c{z-index:4;top:38%;left:35%}.depth-surface-mark{color:var(--accent);font-size:var(--text-caption);z-index:5;align-items:center;gap:9px;display:flex;position:absolute;bottom:30px;left:30px}.depth-surface-mark b{color:var(--ink-soft);font-weight:400}.mf-scroll-motion{opacity:0;transition:opacity .7s var(--ease-entrance), transform .8s var(--ease-entrance);transition-delay:var(--mf-motion-delay,0s);transform:translateY(28px)}.mf-scroll-motion.is-visible{opacity:1;transform:translate(0)}.mf-scroll-motion.has-parallax.is-visible{transform:translate3d(0, var(--mf-scroll-shift,0px), 0)}.principle-visual-motion-wrap{will-change:transform}.principle-visual-motion-wrap.is-visible .principle-visual{animation:principle-visual-arrive 1s var(--ease-entrance) both}.principle-visual-grounded .grounded-orb{animation:grounded-breathe 4s var(--ease-state) infinite alternate}.principle-visual-grounded .ring-a{animation:12s linear infinite ring-orbit-a}.principle-visual-grounded .ring-b{animation:16s linear infinite reverse ring-orbit-b}.principle-visual-depth .depth-sun{animation:sun-pulse 3.5s var(--ease-state) infinite alternate}.principle-visual-depth .depth-layer{transition:transform .7s var(--ease-entrance)}.principle-visual-depth:hover .layer-a{transform:rotate(-7deg)translate(-10px,8px)}.principle-visual-depth:hover .layer-b{transform:rotate(-7deg)translate(4px,-3px)}.principle-visual-depth:hover .layer-c{transform:rotate(-7deg)translate(15px,-12px)}.principle-visual-motion .line-a{animation:motion-drift 4s var(--ease-state) infinite alternate}.principle-visual-motion .line-b{animation:motion-drift 4s .35s var(--ease-state) infinite alternate-reverse}.principle-visual-motion .line-c{animation:motion-drift 4s .7s var(--ease-state) infinite alternate}@keyframes principle-visual-arrive{0%{opacity:0;transform:scale(.92)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes grounded-breathe{0%{transform:scale(.92)}to{transform:scale(1.08)}}@keyframes ring-orbit-a{to{transform:rotate(325deg)}}@keyframes ring-orbit-b{to{transform:rotate(-315deg)}}@keyframes sun-pulse{0%{transform:scale(.94);box-shadow:0 0 0 22px #e3b94f1a,0 0 70px 24px #e3b94f40}to{transform:scale(1.08);box-shadow:0 0 0 34px #e3b94f14,0 0 110px 42px #e3b94f59}}@keyframes motion-drift{0%{transform:rotate(-24deg)translate(-12px)}to{transform:rotate(-24deg)translate(20px)}}@media (prefers-reduced-motion:reduce){.mf-scroll-motion,.mf-scroll-motion.is-visible,.mf-scroll-motion.has-parallax.is-visible{opacity:1;transition:opacity 1ms linear;transform:none}.principle-visual-motion-wrap.is-visible .principle-visual,.principle-visual-grounded .grounded-orb,.principle-visual-grounded .ring-a,.principle-visual-grounded .ring-b,.principle-visual-depth .depth-sun,.principle-visual-motion .line-a,.principle-visual-motion .line-b,.principle-visual-motion .line-c{animation:none}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}