:root{--h:55;--h2:calc(var(--h) + 75);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--primary:var(--lightningcss-light,oklch(.52 .12 var(--h)))var(--lightningcss-dark,oklch(.81 .1 var(--h)));--on-primary:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(.29 .07 var(--h)));--primary-container:var(--lightningcss-light,oklch(.89 .075 var(--h)))var(--lightningcss-dark,oklch(.4 .09 var(--h)));--on-primary-container:var(--lightningcss-light,oklch(.3 .08 var(--h)))var(--lightningcss-dark,oklch(.93 .05 var(--h)));--primary-fixed-dim:var(--lightningcss-light,oklch(.81 .1 var(--h)))var(--lightningcss-dark,oklch(.81 .1 var(--h)));--secondary:var(--lightningcss-light,oklch(.5 .04 var(--h)))var(--lightningcss-dark,oklch(.81 .035 var(--h)));--on-secondary:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(.3 .03 var(--h)));--secondary-container:var(--lightningcss-light,oklch(.9 .035 var(--h)))var(--lightningcss-dark,oklch(.37 .03 var(--h)));--on-secondary-container:var(--lightningcss-light,oklch(.3 .03 var(--h)))var(--lightningcss-dark,oklch(.91 .03 var(--h)));--tertiary:var(--lightningcss-light,oklch(.5 .09 var(--h2)))var(--lightningcss-dark,oklch(.81 .08 var(--h2)));--on-tertiary:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(.3 .06 var(--h2)));--tertiary-container:var(--lightningcss-light,oklch(.89 .075 var(--h2)))var(--lightningcss-dark,oklch(.4 .08 var(--h2)));--on-tertiary-container:var(--lightningcss-light,oklch(.3 .07 var(--h2)))var(--lightningcss-dark,oklch(.93 .05 var(--h2)));--surface:var(--lightningcss-light,oklch(.975 .008 var(--h)))var(--lightningcss-dark,oklch(.165 .01 var(--h)));--surface-container-lowest:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(.135 .008 var(--h)));--surface-container-low:var(--lightningcss-light,oklch(.955 .012 var(--h)))var(--lightningcss-dark,oklch(.2 .012 var(--h)));--surface-container:var(--lightningcss-light,oklch(.94 .014 var(--h)))var(--lightningcss-dark,oklch(.225 .014 var(--h)));--surface-container-high:var(--lightningcss-light,oklch(.925 .016 var(--h)))var(--lightningcss-dark,oklch(.255 .016 var(--h)));--surface-container-highest:var(--lightningcss-light,oklch(.905 .018 var(--h)))var(--lightningcss-dark,oklch(.29 .018 var(--h)));--on-surface:var(--lightningcss-light,oklch(.22 .015 var(--h)))var(--lightningcss-dark,oklch(.925 .012 var(--h)));--on-surface-variant:var(--lightningcss-light,oklch(.42 .02 var(--h)))var(--lightningcss-dark,oklch(.8 .02 var(--h)));--outline:var(--lightningcss-light,oklch(.6 .02 var(--h)))var(--lightningcss-dark,oklch(.62 .02 var(--h)));--outline-variant:var(--lightningcss-light,oklch(.85 .02 var(--h)))var(--lightningcss-dark,oklch(.38 .02 var(--h)));--inverse-surface:var(--lightningcss-light,oklch(.3 .015 var(--h)))var(--lightningcss-dark,oklch(.925 .012 var(--h)));--inverse-on-surface:var(--lightningcss-light,oklch(.95 .01 var(--h)))var(--lightningcss-dark,oklch(.3 .015 var(--h)));--inverse-primary:var(--lightningcss-light,oklch(.81 .1 var(--h)))var(--lightningcss-dark,oklch(.52 .12 var(--h)));--shadow:oklch(.2 .02 var(--h) / .18);--corner-xs:4px;--corner-s:8px;--corner-m:12px;--corner-l:16px;--corner-l-inc:20px;--corner-xl:28px;--corner-xl-inc:32px;--corner-xxl:48px;--corner-full:999px;--ease-fast-spatial:cubic-bezier(.27, 1.6, .5, 1);--dur-fast-spatial:.35s;--ease-default-spatial:cubic-bezier(.3, 1.35, .55, 1);--dur-default-spatial:.5s;--ease-slow-spatial:cubic-bezier(.3, 1.25, .5, 1);--dur-slow-spatial:.65s;--ease-fast-effects:cubic-bezier(.31, .94, .34, 1);--dur-fast-effects:.15s;--ease-default-effects:cubic-bezier(.34, .8, .34, 1);--dur-default-effects:.2s;--ease-slow-effects:cubic-bezier(.34, .88, .34, 1);--dur-slow-effects:.3s;--spatial:var(--dur-fast-spatial) var(--ease-fast-spatial);--spatial-default:var(--dur-default-spatial) var(--ease-default-spatial);--effects:var(--dur-fast-effects) var(--ease-fast-effects);--effects-default:var(--dur-default-effects) var(--ease-default-effects);--font:"Google Sans Flex", "Google Sans", "Roboto Flex", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Google Sans Code", "Roboto Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter:16px;--gap:12px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--surface);min-height:100dvh;color:var(--on-surface);font-family:var(--font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;transition:background-color var(--effects-default), color var(--effects-default);margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4,p{margin:0}::selection{background:var(--primary-container);color:var(--on-primary-container)}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;border-radius:var(--corner-full);background:var(--primary);color:var(--on-primary);transition:top var(--spatial);padding:12px 20px;font-weight:600;text-decoration:none;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.ms{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;width:1em;height:1em;transition:font-variation-settings var(--spatial);-webkit-user-select:none;user-select:none;direction:ltr;flex-shrink:0;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block;overflow:hidden}.si{fill:currentColor;flex-shrink:0;width:20px;height:20px}.display{letter-spacing:-.035em;font-variation-settings:"wdth" 112, "ROND" 100;font-size:clamp(64px,13vw,136px);font-weight:800;line-height:.9}.headline{letter-spacing:-.015em;font-variation-settings:"wdth" 105, "ROND" 60;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.1}.title-l{font-variation-settings:"ROND" 50;font-size:22px;font-weight:650;line-height:28px}.title-m{letter-spacing:.01em;font-size:16px;font-weight:600;line-height:24px}.label{letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:16px}.body-l{font-size:18px;line-height:28px}.muted{color:var(--on-surface-variant)}.page{width:min(1200px,100%);padding:var(--gutter) var(--gutter) 140px;margin:0 auto}.bento{gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.bento>*{grid-column:1/-1}@media (min-width:840px){:root{--gutter:24px;--gap:16px}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}}@media (min-width:600px) and (max-width:839px){.span-4,.span-5,.span-6,.span-7{grid-column:span 6}}.stack{gap:var(--gap);flex-direction:column;display:flex}section{margin-top:56px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.section-head .eyebrow{color:var(--primary);align-items:center;gap:8px;margin-bottom:8px;display:inline-flex}.card{border-radius:var(--corner-xl);background:var(--surface-container-low);isolation:isolate;transition:border-radius var(--spatial), background-color var(--effects-default), transform var(--spatial), color var(--effects-default);padding:24px;position:relative;overflow:hidden}@media (min-width:840px){.card{padding:28px}}.card.tone-primary{background:var(--primary-container);color:var(--on-primary-container)}.card.tone-tertiary{background:var(--tertiary-container);color:var(--on-tertiary-container)}.card.tone-secondary{background:var(--secondary-container);color:var(--on-secondary-container)}.card.tone-high{background:var(--surface-container-high)}.card.tone-inverse{background:var(--inverse-surface);color:var(--inverse-on-surface)}.card.tone-outline{box-shadow:inset 0 0 0 1px var(--outline-variant);background:0 0}a.card,.card.is-link{color:inherit;text-decoration:none;display:block}a.card:hover,.card.is-link:hover{border-radius:var(--corner-xl-inc)}a.card:active,.card.is-link:active{border-radius:var(--corner-l);transform:scale(.985)}.state{isolation:isolate;position:relative;overflow:hidden}.state:before{content:"";opacity:0;pointer-events:none;z-index:-1;border-radius:inherit;transition:opacity var(--effects);background:currentColor;position:absolute;inset:0}.state:hover:before{opacity:.08}.state:active:before{opacity:.12}.ripple-dot{opacity:.14;pointer-events:none;z-index:-1;animation:ripple .55s var(--ease-default-effects) forwards;background:currentColor;border-radius:50%;transition:opacity .38s;position:absolute;transform:scale(0)}.ripple-dot.out{opacity:0}@keyframes ripple{to{transform:scale(1)}}.btn{--h-btn:40px;--r-rest:calc(var(--h-btn) / 2);--r-press:var(--corner-s);--r-selected:var(--corner-m);appearance:none;font:inherit;height:var(--h-btn);border-radius:var(--r-rest);letter-spacing:.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--on-surface);transition:border-radius var(--spatial), width var(--spatial), padding var(--spatial), flex-grow var(--spatial), background-color var(--effects-default), color var(--effects-default), box-shadow var(--effects-default), transform var(--spatial);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{border-radius:var(--r-press)}.btn:hover .ms{font-variation-settings:"FILL" 1, "wght" 600, "GRAD" 0, "opsz" 24}.btn.size-m{--h-btn:56px;--r-press:var(--corner-m);--r-selected:var(--corner-l);gap:8px;padding:0 24px;font-size:16px}.btn.size-l{--h-btn:72px;--r-press:var(--corner-l);--r-selected:var(--corner-xl);padding:0 32px;font-size:20px}.btn.filled{background:var(--primary);color:var(--on-primary)}.btn.tonal{background:var(--secondary-container);color:var(--on-secondary-container)}.btn.tertiary{background:var(--tertiary-container);color:var(--on-tertiary-container)}.btn.outlined{box-shadow:inset 0 0 0 1px var(--outline-variant);color:var(--on-surface-variant)}.btn.elevated{background:var(--surface-container-low);color:var(--primary);box-shadow:0 1px 3px var(--shadow)}.btn.on-container{background:color-mix(in oklch, currentColor 12%, transparent);color:inherit}.btn.icon{width:var(--h-btn);padding:0}.btn.icon.wide{width:calc(var(--h-btn) * 1.3)}.btn[aria-checked=true],.btn[aria-current]{border-radius:var(--r-selected)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);border-radius:var(--corner-xs);background:var(--inverse-surface);color:var(--inverse-on-surface);letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--effects), translate var(--spatial);z-index:10;padding:4px 8px;font-size:12px;font-weight:500;line-height:16px;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 4px}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transition-delay:.3s;translate:-50%}@media (hover:none){[data-tip]:after{display:none}}.btn-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-group .btn.icon:active{width:calc(var(--h-btn) * 1.25)}.btn-group .btn:active+.btn.icon{width:calc(var(--h-btn) * .85)}.btn-group .btn.icon:has(+.btn:active){width:calc(var(--h-btn) * .85)}.connected{scrollbar-width:none;gap:2px;max-width:100%;margin:-2px;padding:2px;display:inline-flex;overflow-x:auto}.connected::-webkit-scrollbar{display:none}.connected .btn{--inner:var(--corner-s);background:var(--surface-container-highest);color:var(--on-surface-variant);border-radius:var(--inner);flex:1 0 auto;padding:0 18px}.connected .btn:first-child{border-radius:var(--r-rest) var(--inner) var(--inner) var(--r-rest)}.connected .btn:last-child{border-radius:var(--inner) var(--r-rest) var(--r-rest) var(--inner)}.connected .btn:active{--inner:var(--corner-xs)}.connected .btn[aria-checked=true]{border-radius:var(--r-rest);background:var(--secondary);color:var(--on-secondary)}.connected .btn .ms{opacity:0;width:0;transition:width var(--spatial), opacity var(--effects), margin var(--spatial);margin-right:-8px;font-size:18px}.connected .btn[aria-checked=true] .ms{opacity:1;width:18px;margin-right:0}.split{gap:2px;display:inline-flex;position:relative}.split>.btn:first-child{border-radius:var(--r-rest) var(--corner-xs) var(--corner-xs) var(--r-rest);padding-right:14px}.split>.btn:first-child:active{border-radius:var(--r-press) var(--corner-xs) var(--corner-xs) var(--r-press)}.split>.btn.trail{border-radius:var(--corner-xs) var(--r-rest) var(--r-rest) var(--corner-xs);width:48px;padding:0 0 0 2px}.split>.btn.trail .ms{transition:rotate var(--spatial-default), font-variation-settings var(--spatial)}.split[data-open]>.btn.trail{width:var(--h-btn);border-radius:var(--r-rest);padding:0}.split[data-open]>.btn.trail .ms{rotate:180deg}.menu{z-index:30;border-radius:var(--corner-l);background:var(--surface-container);min-width:232px;color:var(--on-surface);box-shadow:0 6px 24px var(--shadow), 0 1px 3px var(--shadow);opacity:0;visibility:hidden;transform-origin:100% 0;transition:scale var(--spatial-default), opacity var(--effects), visibility 0s linear var(--dur-fast-effects);flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;scale:.92 .6}.menu[data-open]{opacity:1;visibility:visible;transition:scale var(--spatial-default), opacity var(--effects), visibility 0s;scale:1}.menu-item{appearance:none;font:inherit;color:inherit;border-radius:var(--corner-m);text-align:left;cursor:pointer;min-height:48px;transition:border-radius var(--spatial), background-color var(--effects);background:0 0;border:0;align-items:center;gap:12px;padding:8px 12px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.menu-item:first-child{border-top-left-radius:var(--corner-m)}.menu-item:hover,.menu-item:focus-visible{background:var(--secondary-container);color:var(--on-secondary-container);border-radius:var(--corner-l);outline:none}.menu-item .ms,.menu-item .si{color:var(--on-surface-variant)}.menu-item:hover .ms,.menu-item:hover .si{color:inherit}.menu-item small{color:var(--on-surface-variant);font-size:12px;line-height:16px;display:block}.menu-divider{background:var(--outline-variant);height:1px;margin:4px 12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--corner-s);height:36px;box-shadow:inset 0 0 0 1px var(--outline-variant);color:var(--on-surface-variant);transition:border-radius var(--spatial), background-color var(--effects), color var(--effects), box-shadow var(--effects);align-items:center;gap:8px;padding:0 14px 0 12px;font-size:14px;font-weight:550;text-decoration:none;display:inline-flex}.chip .si,.chip .ms{width:18px;height:18px;color:var(--primary);font-size:18px}a.chip:hover,.chip.lively:hover{border-radius:var(--corner-full);background:var(--secondary-container);color:var(--on-secondary-container);box-shadow:none}.chip.filled{background:var(--surface-container-highest);box-shadow:none;color:var(--on-surface)}:where(svg.shape){width:100%;height:100%;overflow:visible}:where(svg.shape) path{fill:currentColor}.shape-icon{width:56px;height:56px;color:var(--primary-container);flex-shrink:0;place-items:center;display:grid;position:relative}.shape-icon>svg{position:absolute;inset:0}.shape-icon>.ms{color:var(--on-primary-container);font-size:26px;position:relative}.loader{background:var(--primary-container);width:48px;height:48px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.loader svg{width:38px;height:38px}.loader.on-primary{background:color-mix(in oklch, var(--on-primary-container) 14%, transparent);color:var(--on-primary-container)}.reveal-ready .reveal{opacity:0;translate:0 32px;scale:.97}.reveal-ready .reveal.in{opacity:1;transition:opacity var(--dur-slow-effects) var(--ease-slow-effects) var(--stagger,0s), translate var(--dur-slow-spatial) var(--ease-slow-spatial) var(--stagger,0s), scale var(--dur-slow-spatial) var(--ease-slow-spatial) var(--stagger,0s), border-radius var(--spatial), background-color var(--effects-default), transform var(--spatial);translate:0;scale:1}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:4px 0 16px;display:flex}.brand{font-variation-settings:"ROND" 100, "wdth" 110;align-items:center;gap:10px;font-size:18px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{width:36px;height:36px;color:var(--primary);transition:rotate var(--spatial-default)}.brand:hover .brand-mark{rotate:90deg}.status-pill{border-radius:var(--corner-full);background:var(--surface-container-high);align-items:center;gap:8px;height:36px;padding:0 14px 0 6px;font-size:14px;font-weight:550;display:inline-flex}.status-pill .dot{background:var(--tertiary-container);border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.hero{border-radius:var(--corner-xxl);background:var(--surface-container);flex-direction:column;gap:24px;min-height:100%;padding:28px 24px 24px;display:flex}@media (min-width:840px){.hero{padding:40px}}.hero-top{flex-wrap:wrap;align-items:center;gap:20px 28px;display:flex}.avatar{cursor:pointer;-webkit-tap-highlight-color:transparent;width:148px;height:148px;transition:scale var(--spatial);background:0 0;border:0;flex-shrink:0;padding:0;position:relative}.avatar:active{scale:.94}@media (min-width:840px){.avatar{width:184px;height:184px}}.avatar>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.avatar .halo{width:128%;height:128%;color:var(--primary-container);inset:-14%}.avatar .face image{transition:scale var(--spatial-default);transform-origin:50%}.avatar:hover .face image{scale:1.06}.avatar-hint{border-radius:var(--corner-full);background:var(--tertiary);color:var(--on-tertiary);letter-spacing:.03em;white-space:nowrap;pointer-events:none;transition:scale var(--spatial);padding:2px 10px;font-size:11px;font-weight:650;position:absolute;bottom:-6px;left:50%;translate:-50%}.avatar:hover .avatar-hint{scale:1.08}.hero-name{flex-direction:column;gap:10px;min-width:0;display:flex}.hero-name .display{color:var(--primary);display:flex}.hero-name .display span{transition:font-variation-settings var(--spatial-default), translate var(--spatial-default), color var(--effects);font-variation-settings:"wdth" 112, "wght" 800, "ROND" 100;display:inline-block}.hero-name .display span:hover{font-variation-settings:"wdth" 151, "wght" 1000, "ROND" 0;color:var(--tertiary);translate:0 -6px}.aka{color:var(--on-surface-variant);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:15px;display:flex}.aka b{color:var(--on-surface);font-weight:650}.tagline{letter-spacing:-.01em;font-variation-settings:"wdth" 100, "ROND" 40;font-size:clamp(22px,3.2vw,30px);font-weight:650;line-height:1.15}.tagline em{color:var(--tertiary);font-variation-settings:"wdth" 125, "ROND" 100;font-style:normal;font-weight:800}.hero-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;display:flex}.now-card{flex-direction:column;gap:16px;display:flex}.now-card .row{align-items:center;gap:14px;display:flex}.now-card a{text-underline-offset:3px;font-weight:650}.clock-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.clock{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-variation-settings:"wdth" 120, "ROND" 100;font-size:56px;font-weight:750;line-height:1}.stats{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px;display:grid}.stat{border-radius:var(--corner-l-inc);background:var(--surface-container-lowest);transition:border-radius var(--spatial);padding:16px}.stat:hover{border-radius:var(--corner-xxl)}.stat b{font-variation-settings:"wdth" 115, "ROND" 100;color:var(--primary);font-variant-numeric:tabular-nums;font-size:36px;font-weight:800;line-height:1;display:block}.stat span{color:var(--on-surface-variant);font-size:13px}.recipe{flex-direction:column;justify-content:space-between;gap:24px;min-height:100%;display:flex}.recipe ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.recipe li{letter-spacing:-.02em;font-variation-settings:"wdth" 100, "ROND" 100;transition:font-variation-settings var(--spatial-default), translate var(--spatial-default);cursor:default;font-size:clamp(30px,4.2vw,44px);font-weight:750;line-height:1.05}.recipe li:nth-child(2){font-variation-settings:"wdth" 120, "ROND" 0}.recipe li:nth-child(3){font-variation-settings:"wdth" 90, "ROND" 100;font-weight:400}.recipe li:nth-child(4){font-variation-settings:"wdth" 140, "ROND" 100;font-weight:900}.recipe li:hover{font-variation-settings:"wdth" 151, "ROND" 100;translate:8px}.terminal{font-family:var(--font-mono);padding:0;font-size:14px;line-height:1.7}.terminal-bar{font-family:var(--font);opacity:.8;align-items:center;gap:8px;padding:14px 20px;font-size:13px;font-weight:600;display:flex}.terminal-bar i{opacity:.3;background:currentColor;border-radius:50%;width:12px;height:12px}.terminal-bar i:first-of-type{border-radius:3px}.terminal-bar i:nth-of-type(3){border-radius:3px;rotate:45deg;scale:.85}.terminal pre{white-space:pre-wrap;font:inherit;margin:0;padding:4px 24px 24px}.terminal .p{color:var(--inverse-primary);font-weight:700}.terminal .bar{color:var(--inverse-primary)}.caret{vertical-align:-.2em;background:var(--inverse-primary);border-radius:2px;width:.6em;height:1.1em;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.card.featured{flex-direction:column;gap:20px;min-height:320px;display:flex}.featured .big-shape{width:300px;height:300px;color:color-mix(in oklch, currentColor 9%, transparent);z-index:-1;transition:rotate var(--spatial-default);position:absolute;bottom:-70px;right:-60px}.featured:hover .big-shape{rotate:30deg}.featured h3{letter-spacing:-.03em;font-variation-settings:"wdth" 120, "ROND" 100;font-size:clamp(40px,6vw,64px);font-weight:800;line-height:.95}.featured p{max-width:46ch}.featured .meta{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.featured .meta>span{border-radius:var(--corner-full);background:color-mix(in oklch, currentColor 10%, transparent);align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.featured .meta .ms{font-size:18px}.featured .go{border-radius:var(--corner-l);background:var(--on-primary-container);width:56px;height:56px;color:var(--primary-container);transition:border-radius var(--spatial), rotate var(--spatial-default);place-items:center;display:grid;position:absolute;top:24px;right:24px}.featured.tone-tertiary .go{background:var(--on-tertiary-container);color:var(--tertiary-container)}.featured:hover .go{border-radius:var(--corner-full);rotate:45deg}.code{font-family:var(--font-mono);border-radius:var(--corner-l);background:color-mix(in oklch, var(--surface-container-lowest) 70%, transparent);color:var(--on-surface);margin:0;padding:16px 18px;font-size:13.5px;line-height:1.65;overflow-x:auto}.code .k{color:var(--tertiary);font-weight:700}.code .f{color:var(--primary);font-weight:600}.code .c{color:var(--on-surface-variant);font-style:italic}.projects{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin-top:20px;display:grid}.project{border-radius:var(--corner-xl);background:var(--surface-container-low);min-height:200px;color:inherit;view-transition-class:project;flex-direction:column;gap:14px;padding:20px;text-decoration:none;display:flex}.project[hidden]{display:none}.project:hover{background:var(--surface-container)}.project-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.project .arrow{border-radius:var(--corner-full);width:40px;height:40px;color:var(--on-surface-variant);transition:rotate var(--spatial-default), background-color var(--effects), border-radius var(--spatial), color var(--effects);place-items:center;display:grid}.project:hover .arrow{border-radius:var(--corner-m);background:var(--primary);color:var(--on-primary);rotate:45deg}.project h3{font-variation-settings:"ROND" 60;transition:font-variation-settings var(--spatial-default);font-size:20px;font-weight:700;line-height:26px}.project:hover h3{font-variation-settings:"ROND" 100, "wdth" 115}.project p{color:var(--on-surface-variant);font-size:15px;line-height:22px}.project-foot{color:var(--on-surface-variant);align-items:center;gap:14px;margin-top:auto;font-size:13px;font-weight:550;display:flex}.lang{align-items:center;gap:6px;display:inline-flex}.lang:before{content:"";background:var(--c,var(--outline));border-radius:50%;width:10px;height:10px}.stars{align-items:center;gap:2px;display:inline-flex}.stars .ms{font-variation-settings:"FILL" 1;font-size:16px}.project-count{font-variant-numeric:tabular-nums}::view-transition-group(.project){animation-duration:var(--dur-default-spatial);animation-timing-function:var(--ease-default-spatial)}.ingredients h3{margin:4px 0 12px}.ingredients h3 small{color:var(--on-surface-variant);font-size:14px;font-weight:500}.ingredients .chips+h3{margin-top:24px}.specials{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px;margin-top:28px;display:grid}.special{border-radius:var(--corner-l-inc);background:var(--surface-container-lowest);transition:border-radius var(--spatial);align-items:flex-start;gap:12px;padding:16px;display:flex}.special:hover{border-radius:var(--corner-xxl)}.special .ms{color:var(--tertiary);font-variation-settings:"FILL" 1}.special b{font-weight:650;display:block}.special span{color:var(--on-surface-variant);font-size:14px;line-height:20px}.org-list{flex-direction:column;gap:4px;margin:16px 0 0;padding:0;list-style:none;display:flex}.org-list a{border-radius:var(--corner-l);background:color-mix(in oklch, currentColor 6%, transparent);transition:border-radius var(--spatial), background-color var(--effects);align-items:center;gap:14px;padding:10px 12px 10px 10px;text-decoration:none;display:flex}.org-list li:first-child a{border-top-left-radius:var(--corner-xl);border-top-right-radius:var(--corner-xl)}.org-list li:last-child a{border-bottom-left-radius:var(--corner-xl);border-bottom-right-radius:var(--corner-xl)}.org-list a:hover{border-radius:var(--corner-full);background:color-mix(in oklch, currentColor 12%, transparent)}.org-list .shape-icon{width:44px;height:44px;color:var(--tertiary)}.org-list .shape-icon .ms{color:var(--on-tertiary);font-size:22px}.org-list b{font-weight:650;display:block}.org-list small{opacity:.8;font-size:13px;line-height:18px;display:block}.org-list .ms.end{opacity:.7;margin-left:auto}.shelf{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.shelf a{border-radius:var(--corner-full);background:var(--surface-container-highest);height:44px;font-family:var(--font-mono);transition:border-radius var(--spatial), background-color var(--effects), color var(--effects), scale var(--spatial);align-items:center;padding:0 18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.shelf a:nth-child(3n+2){border-radius:var(--corner-m)}.shelf a:nth-child(4n+3){border-radius:var(--corner-l-inc) var(--corner-s)}.shelf a:hover{border-radius:var(--corner-s);background:var(--primary);color:var(--on-primary);scale:1.04}.links{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:4px;display:grid}.link{border-radius:var(--corner-s);background:var(--surface-container-low);min-height:76px;transition:border-radius var(--spatial), background-color var(--effects);align-items:center;gap:16px;padding:12px 16px 12px 12px;text-decoration:none;display:flex}.link:hover{border-radius:var(--corner-xl);background:var(--secondary-container);color:var(--on-secondary-container)}.link .shape-icon{width:52px;height:52px;color:var(--primary)}.link .shape-icon .si{width:22px;height:22px;color:var(--on-primary);position:relative}.link .shape-icon .ms{color:var(--on-primary);font-size:24px}.link b{font-weight:650;display:block}.link small{color:var(--on-surface-variant);font-size:14px;display:block}.link .ms.end{color:var(--on-surface-variant);transition:translate var(--spatial-default);margin-left:auto}.link:hover .ms.end{translate:4px}@media (min-width:720px){.links .link:first-child{border-top-left-radius:var(--corner-xl)}.links .link:nth-child(2){border-top-right-radius:var(--corner-xl)}.links .link:last-child{border-bottom-right-radius:var(--corner-xl)}.links .link:nth-last-child(2){border-bottom-left-radius:var(--corner-xl)}}@media (max-width:719px){.links .link:first-child{border-top-left-radius:var(--corner-xl);border-top-right-radius:var(--corner-xl)}.links .link:last-child{border-bottom-left-radius:var(--corner-xl);border-bottom-right-radius:var(--corner-xl)}}.footer{border-radius:var(--corner-xxl);background:var(--surface-container);text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:56px;padding:40px 24px;display:flex}.footer .shape-icon{width:72px;height:72px;color:var(--primary)}.footer .shape-icon .ms{color:var(--on-primary);font-size:34px}.footer small{color:var(--on-surface-variant)}.dock{left:0;right:0;bottom:max(16px, env(safe-area-inset-bottom));z-index:40;padding:0 var(--gutter);pointer-events:none;justify-content:center;align-items:flex-end;gap:12px;display:flex;position:fixed}.dock>*{pointer-events:auto}.toolbar{border-radius:var(--corner-full);background:var(--primary-container);height:64px;color:var(--on-primary-container);box-shadow:0 8px 28px var(--shadow), 0 2px 6px var(--shadow);align-items:center;gap:4px;padding:0 8px;display:flex;position:relative}.toolbar .btn{--h-btn:48px;color:inherit}.toolbar .btn[aria-current]{background:var(--primary);color:var(--on-primary);width:64px}.toolbar .btn[aria-current] .ms{font-variation-settings:"FILL" 1, "wght" 600, "GRAD" 0, "opsz" 24}.toolbar .sep{background:color-mix(in oklch, currentColor 25%, transparent);width:1px;height:28px;margin:0 4px}.palette-menu{transform-origin:100% 100%;bottom:calc(100% + 12px);right:0}.swatches{grid-template-columns:repeat(5,40px);gap:8px;padding:8px;display:grid}.swatch{--sh:55;appearance:none;border-radius:var(--corner-full);background:conic-gradient(oklch(.6 .13 var(--sh)) 0 50%, oklch(.86 .07 var(--sh)) 0 75%, oklch(.7 .09 calc(var(--sh) + 75)) 0);cursor:pointer;width:40px;height:40px;transition:border-radius var(--spatial), scale var(--spatial);border:0;padding:0;position:relative}.swatch:hover{scale:1.08}.swatch[aria-checked=true]{border-radius:var(--corner-m);box-shadow:0 0 0 3px var(--surface-container), 0 0 0 5px var(--on-surface)}.palette-menu .menu-title{color:var(--on-surface-variant);padding:10px 12px 2px;font-size:13px;font-weight:650}.fab-wrap{flex-direction:column;align-items:flex-end;display:flex;position:relative}.fab{appearance:none;font:inherit;border-radius:var(--corner-l-inc);background:var(--tertiary-container);width:64px;height:64px;color:var(--on-tertiary-container);cursor:pointer;box-shadow:0 8px 28px var(--shadow), 0 2px 6px var(--shadow);transition:border-radius var(--spatial), width var(--spatial), height var(--spatial), background-color var(--effects), color var(--effects), rotate var(--spatial-default);border:0;place-items:center;display:grid}.fab .ms{font-size:28px}.fab:active{border-radius:var(--corner-m)}.fab-wrap[data-open] .fab{border-radius:var(--corner-full);background:var(--tertiary);color:var(--on-tertiary);rotate:90deg}.fab .ms+.ms{position:absolute}.fab .ms{transition:opacity var(--effects), scale var(--spatial)}.fab .when-open,.fab-wrap[data-open] .when-closed{opacity:0;scale:.4}.fab-wrap[data-open] .when-open{opacity:1;scale:1}.fab-menu{visibility:hidden;flex-direction:column;align-items:flex-end;gap:6px;transition:visibility 0s linear .3s;display:flex;position:absolute;bottom:calc(100% + 10px);right:0}.fab-menu[data-open]{visibility:visible;transition:none}.fab-item{appearance:none;font:inherit;border-radius:var(--corner-full);background:var(--tertiary-container);height:56px;color:var(--on-tertiary-container);white-space:nowrap;cursor:pointer;box-shadow:0 4px 14px var(--shadow);opacity:0;transform-origin:100%;transition:opacity var(--effects), translate var(--spatial-default), scale var(--spatial-default), border-radius var(--spatial);border:0;align-items:center;gap:12px;padding:0 24px 0 18px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;translate:0 24px;scale:.6}.fab-item:active{border-radius:var(--corner-l)}.fab-item .si{width:22px;height:22px}.fab-menu[data-open] .fab-item{opacity:1;transition-delay:calc((var(--n) - var(--i)) * 35ms);translate:0;scale:1}.snackbar{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 80px);z-index:50;opacity:0;visibility:hidden;border-radius:var(--corner-xs);background:var(--inverse-surface);max-width:calc(100vw - 32px);min-height:48px;color:var(--inverse-on-surface);box-shadow:0 6px 20px var(--shadow);transition:translate var(--spatial-default), opacity var(--effects), visibility 0s linear .2s;align-items:center;gap:8px;padding:4px 4px 4px 16px;font-size:14px;display:flex;position:fixed;translate:-50% 24px}.snackbar[data-open]{opacity:1;visibility:visible;transition:translate var(--spatial-default), opacity var(--effects), visibility 0s;translate:-50%}.snackbar .btn{color:var(--inverse-on-surface)}@media (max-width:599px){.toolbar{gap:2px;height:60px;padding:0 6px}.toolbar .btn{--h-btn:44px}.toolbar .btn[aria-current]{width:52px}.toolbar .hide-sm{display:none}.toolbar .sep{margin:0 2px}.fab{width:60px;height:60px}.dock{justify-content:space-between}}.backdrop{z-index:-1;width:560px;height:560px;color:var(--primary-container);opacity:.45;pointer-events:none;animation:60s linear infinite drift;position:fixed;top:-180px;right:-200px}@keyframes drift{to{rotate:360deg}}::view-transition-old(root){animation-duration:var(--dur-slow-spatial)}::view-transition-new(root){animation-duration:var(--dur-slow-spatial)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}