@layer tokens, base, components, page, utilities;@layer tokens{:root{--black:oklch(0% 0 0deg);--white:oklch(100% 0 0deg);--shade-40:oklch(0% 0 0deg/40%);--shade-50:oklch(0% 0 0deg/50%);--shade-60:oklch(0% 0 0deg/60%);--shade-75:oklch(0% 0 0deg/75%);--shade-90:oklch(0% 0 0deg/90%);--font-serif:XCharter,Charter,Georgia,"Noto Serif","DejaVu Serif",serif;--navbar-height:3rem;--tabbar-height:2rem;--seam-width:0px;--seam-inset:var(--seam-width);--navbar-total:calc(env(safe-area-inset-top) + var(--navbar-height) + var(--seam-width));--tabbar-total:calc(env(safe-area-inset-bottom) + var(--tabbar-height) + var(--seam-width));--text-10:0.625rem;--text-12:0.75rem;--text-14:0.875rem;--text-16:1rem;--text-18:1.125rem;--text-20:1.25rem;--space-xs:0.25rem;--space-s:0.5rem;--space-m:1rem;--font-imfell:"IM Fell English",Georgia,"Noto Serif","DejaVu Serif",serif}:root[data-font=georgia]{--font-serif:"Georgia Pro",Georgia,"Noto Serif","DejaVu Serif",serif}:root[data-font=sourcesans]{--font-serif:"Source Sans","Noto Sans","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}:root[data-font=atkinson]{--font-serif:"Atkinson Hyperlegible Next","Noto Sans","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}@media (max-width:30rem){:root{--tabbar-height:3rem}}}@layer base{@font-face{font-display:swap;font-family:IM Fell English;font-style:normal;font-weight:400;src:url(/styles/ml/v4/fonts/imfell-english.woff2) format("woff2")}@font-face{font-display:swap;font-family:IM Fell English;font-style:italic;font-weight:400;src:url(/styles/ml/v4/fonts/imfell-english-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:XCharter;font-style:normal;font-weight:400;src:url(/styles/ml/v4/fonts/xcharter-roman.woff2) format("woff2")}@font-face{font-display:swap;font-family:XCharter;font-style:italic;font-weight:400;src:url(/styles/ml/v4/fonts/xcharter-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:XCharter;font-style:normal;font-weight:700;src:url(/styles/ml/v4/fonts/xcharter-bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:XCharter;font-style:italic;font-weight:700;src:url(/styles/ml/v4/fonts/xcharter-bolditalic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Source Sans;font-style:normal;font-weight:400 700;src:url(/styles/ml/v4/fonts/sourcesans-roman.woff2) format("woff2")}@font-face{font-display:swap;font-family:Source Sans;font-style:italic;font-weight:400 700;src:url(/styles/ml/v4/fonts/sourcesans-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:400 700;src:url(/styles/ml/v4/fonts/atkinson-roman.woff2) format("woff2")}@font-face{font-display:swap;font-family:Atkinson Hyperlegible Next;font-style:italic;font-weight:400 700;src:url(/styles/ml/v4/fonts/atkinson-italic.woff2) format("woff2")}}@layer base{*{box-sizing:border-box}:root{scrollbar-color:var(--decor-5) #0000}body{font-family:var(--font-serif);line-height:1.65;margin:0}:is(body[data-justify=desktop],body[data-justify=everywhere]) .parchment{hyphens:auto;text-align:justify;text-wrap:pretty}@media (max-width:30rem){body[data-justify=desktop] .parchment{hyphens:none;text-align:start}}dd,dl,h1,h2,h3,h4,h5,h6,li,ol,p,ul{font-weight:400;list-style:"";margin:0;padding:0}[role=list],[role=list]>li{list-style:none}button,input,select{background:#0000;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;text-align:left}button,select{cursor:pointer}select{appearance:none}a,button,header,input,nav,select{touch-action:manipulation}a{text-decoration:none}a,button{color:var(--decor-50)}@media (hover:hover){a:hover,button:hover{color:var(--decor-70)}}input{accent-color:var(--decor-50)}a[aria-busy]{opacity:50%;pointer-events:none}.fa-icon{--fa-size:1em;flex-shrink:0;height:calc(var(--fa-size)*1.25);vertical-align:calc(-.125em - var(--fa-size)*.125);width:calc(var(--fa-size)*1.25)}}@layer base{}@layer components{.navbar{--navbar-width:85rem;--seam-inset:0 0 var(--seam-width) 0;background-color:var(--decor);box-sizing:initial;height:var(--navbar-height);padding-block:env(safe-area-inset-top) var(--seam-width);position:fixed;top:0;width:100%;z-index:90}.navbar--absolute{position:absolute}.navbar__list{display:flex;justify-content:space-around;margin-inline:auto;max-width:var(--navbar-width);padding-inline:calc(max(env(safe-area-inset-left), env(safe-area-inset-right)) + .25rem)}.navbar__item{display:block;position:relative}.navbar__control,.navbar__tab{height:var(--navbar-height);text-align:center}.navbar :is(a,button){user-select:none}.navbar :is([aria-current],[aria-expanded=true]){--navbar-glow:var(--navbar-glow-lit)}.navbar :is(a:focus-visible,button:focus-visible){--navbar-glow:var(--navbar-glow-lit);border-radius:.25rem;outline:2px solid var(--decor-70);outline-offset:-2px}@media (hover:hover){.navbar :is(a:hover,button:hover){--decor-saturated:var(--decor-50);--navbar-glow:var(--navbar-glow-lit)}}.navbar__indicator{display:inline-grid;flex-shrink:0;place-items:center;position:relative;vertical-align:middle}.navbar__badge{background-color:oklch(46.16% .1644 31.12deg);border:1px solid #c48b4fcc;border-radius:1rem;color:var(--white);display:grid;font-family:var(--font-serif);font-size:var(--text-10);font-weight:700;height:.9rem;line-height:.9;min-width:.9rem;padding-inline:.15rem;place-items:center;position:absolute;right:-.3rem;text-align:center;top:-.2rem}.navbar .fa-icon{color:var(--decor-saturated);margin-right:var(--space-xs)}.navbar--tabbar{--navbar-height:var(--tabbar-height);--navbar-width:50rem;--seam-inset:var(--seam-width) 0 0 0;bottom:0;box-shadow:0 0 1.1rem 1rem var(--black);font-size:var(--text-14);padding-block:var(--seam-width) env(safe-area-inset-bottom);top:auto}:root[data-keyboard-open] .navbar--tabbar{display:none}.navbar--tabbar .navbar__item{flex:1 1 auto;min-width:0}.navbar--tabbar .navbar__badge{top:-.5rem;transform:translateX(50%)}.navbar__tab{--tab-icon-opacity:75%;align-items:center;color:var(--decor-50);display:flex;gap:var(--space-xs);justify-content:center;line-height:1.1}.navbar__tab--badged{gap:calc(var(--space-xs) + .55rem)}.navbar__tab-label{min-width:0}.navbar__tab-icon{--tab-icon-cast:var(
    --icon-tint,oklch(calc(var(--decor-l) + 15%) calc(var(--decor-c)*4) calc(var(--decor-h) + 20deg)/75%)
  );--tab-icon-cast-lit:#0000;--tab-icon-glow:saturate(0.6) drop-shadow(0 0 0.2rem var(--black));--tab-icon-glow-lit:saturate(1.1) brightness(1.15) drop-shadow(0 0 0.25rem var(--decor-20));--tab-icon-scale:1;--tab-icon-scale-lit:1.05;display:block;filter:var(--tab-icon-glow);flex-shrink:0;height:1.25rem;opacity:var(--tab-icon-opacity);transform:scale(var(--tab-icon-scale));width:1.25rem}.navbar__tab-icon:before{background-blend-mode:color;background-image:linear-gradient(var(--tab-icon-cast),var(--tab-icon-cast)),var(--tab-icon);background-repeat:no-repeat;background-size:contain;content:"";display:block;height:100%;mask-image:var(--tab-icon);mask-repeat:no-repeat;mask-size:contain}.navbar__tab-icon--unread{--tab-icon-opacity:100%;--tab-icon-cast:var(--tab-icon-cast-lit);--tab-icon-glow:var(--tab-icon-glow-lit);--tab-icon-scale:1.3;--tab-icon-scale-lit:1.45}.navbar__tab-icon--floo{--floo-flame:oklch(76% 0.17 149deg);--tab-icon-cast-lit:var(--floo-flame);--tab-icon-glow-lit:saturate(1.25) brightness(1.15) drop-shadow(0 0 0.3rem var(--floo-flame))}.navbar__tab:focus-visible,.navbar__tab[aria-current]{--tab-icon-opacity:100%;color:var(--decor-70)}.navbar__tab[aria-current] .navbar__tab-label{text-decoration:underline 1.5px var(--decor-20);text-underline-offset:.15em}.navbar__tab:focus-visible .navbar__tab-icon{--tab-icon-cast:var(--tab-icon-cast-lit);--tab-icon-glow:var(--tab-icon-glow-lit);--tab-icon-scale:var(--tab-icon-scale-lit)}}@layer components{@media (hover:hover){.navbar__tab:hover{--tab-icon-opacity:100%;color:var(--decor-70)}.navbar__tab:hover .navbar__tab-icon{--tab-icon-cast:var(--tab-icon-cast-lit);--tab-icon-glow:var(--tab-icon-glow-lit);--tab-icon-scale:var(--tab-icon-scale-lit)}}@media (prefers-reduced-motion:no-preference){.navbar__tab{transition:color .15s ease}.navbar__tab-icon{transition:opacity .15s ease,filter .15s ease,transform .15s ease}.navbar__indicator--unread{animation:a 3.1s ease-in-out infinite;transform-origin:0 30%}}@keyframes a{0%,36%,to{transform:translate(0) rotate(0deg) scale(1)}2%{transform:translate(.4px,-1px) rotate(6deg) scale(1.03,.97)}4.5%{transform:translate(-1.8px,-.6px) rotate(2deg) scale(.97,1.03)}6.5%{transform:translate(-1.2px,.4px) rotate(-8deg) scale(1)}9%{transform:translate(1.6px,-.9px) rotate(-2deg) scale(1.05,.95)}11%{transform:translate(.6px,-1.9px) rotate(9deg) scale(.96,1.05)}13.5%{transform:translate(-1.3px,-.5px) rotate(-3deg) scale(.98,1.02)}15.5%{transform:translate(-1.6px,-.15px) rotate(-7.5deg) scale(.97,1.03)}17.5%{transform:translate(-1.8px,-.1px) rotate(-5deg) scale(.955,1.045)}20%{transform:translate(1.9px,-1.4px) rotate(5deg) scale(1.06,.94)}22.5%{transform:translate(.9px,-.6px) rotate(8.5deg) scale(1.02,.98)}25%{transform:translate(-.8px,-.9px) rotate(-5deg) scale(.97,1.03)}27.5%{transform:translate(.6px,-.3px) rotate(3.5deg) scale(1.02,.98)}29.5%{transform:translate(-.4px,-.15px) rotate(-2deg) scale(.99,1.01)}31.5%{transform:translate(.2px,-.05px) rotate(1deg) scale(1)}33.5%{transform:translate(-.1px) rotate(-.5deg) scale(1)}}@media (max-width:41rem){.navbar__tab-word{display:none}.navbar__tab-label:first-letter{text-transform:uppercase}}@media (max-width:30rem){.navbar--tabbar .navbar__item{flex-basis:0}.navbar__tab{flex-direction:column;font-size:var(--text-12);gap:.15rem}.navbar__tab-label{margin-top:.1rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}}@layer page{:root{--floo-emerald:oklch(72% 0.13 155deg);--floo-emerald-soft:oklch(72% 0.13 155deg/35%);--floo-emerald-wash:oklch(72% 0.13 155deg/12%);--floo-glow:0 0 0.6rem oklch(72% 0.13 155deg/45%);--floo-brass:oklch(74% 0.06 85deg);--floo-line:oklch(74% 0.06 85deg/28%);--floo-parchment:oklch(91% 0.02 90deg);--floo-danger:oklch(65% 0.16 25deg);--floo-ground:oklch(12% 0.012 155deg);--floo-well:oklch(10% 0.01 150deg/62%);--floo-frame:oklch(68% 0 0deg/58%);--floo-frame-soft:oklch(78% 0 0deg/24%);--decor:oklch(38% 0.012 155deg);--decor-20:var(--floo-line);--decor-50:var(--white);--decor-70:var(--white);--decor-saturated:var(--floo-brass);--icon-tint:oklch(72% 0.14 145deg);overflow-x:clip}.floo-page{background:var(--black);overflow-x:clip}.floo-fire{background:var(--floo-ground);height:100%;inset:0;position:fixed;width:100%;z-index:0}.floo-fire--fallback{background:url(/styles/ml/v4/img/floo-fire.webp) 50%/cover no-repeat}.floo{color:var(--floo-parchment);margin-inline:auto;max-width:58rem;padding:2rem var(--space-m) calc(5rem + env(safe-area-inset-bottom));position:relative;z-index:1}.floo [hidden]{display:none}.floo__header{align-items:start;display:flex;gap:var(--space-s)}.floo__search{flex:1;min-width:0}.floo__field{align-items:center;backdrop-filter:blur(3px);background:var(--floo-well);border:1px solid var(--floo-line);border-radius:2px;display:flex;gap:var(--space-s);padding-inline:var(--space-m)}.floo__search-icon{flex:none;opacity:48%}.floo__input{color:inherit;flex:1;font-size:var(--text-18);min-width:0;padding-block:var(--space-s)}.floo__input:focus-visible{outline:0}.floo__hint{border:1px solid var(--floo-line);border-radius:4px;flex:none;font-family:inherit;font-size:var(--text-12);opacity:60%;padding:.15rem .4rem;white-space:nowrap}.floo__hint:empty{display:none}.floo__field:focus-within .floo__hint{opacity:0}.floo__close,.floo__shortcut{display:grid;flex:none;height:2.75rem;place-items:center;width:2.75rem}.floo__close{background:var(--floo-well);border:1px solid var(--floo-line);border-radius:50%;color:inherit;font-size:var(--text-20)}.floo__count{color:var(--floo-emerald);font-size:var(--text-14);margin-block:var(--space-xs);min-height:1.25rem;text-align:center}.floo__bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-m);justify-content:space-between;margin-block-start:var(--space-m)}.floo__crumb-item,.floo__crumb-list{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-s)}.floo__tabs{display:flex;flex:1;flex-wrap:wrap;gap:var(--space-s) var(--space-m);justify-content:space-between}.floo__edit{align-items:center;display:flex;flex:none;gap:var(--space-xs)}.floo__edit--footer{margin-block-start:2rem;margin-inline:auto;width:fit-content}.floo__crumb,.floo__crumb-sep,.floo__edit,.floo__tab{color:var(--floo-brass);letter-spacing:.06em}.floo__action,.floo__lock,.floo__result-trail,.floo__shortcut{color:var(--floo-brass)}.floo__crumb[aria-current],.floo__tab[aria-current]{color:var(--floo-parchment);font-weight:700;text-shadow:var(--floo-glow)}.floo__grid{display:grid;gap:var(--space-m);grid-template-columns:repeat(auto-fill,minmax(min(12rem,100%),1fr));margin-block-start:var(--space-m)}.floo__card,.floo__result-link{border:1px solid #0000;border-radius:3px;color:inherit}.floo__image{filter:saturate(.95) contrast(1.03);height:100%;inset:0;object-fit:cover;position:absolute;transform:scale(var(--floo-zoom,1));width:100%}.floo__card:before{border:1px solid var(--floo-frame-soft);box-shadow:inset 0 0 .9rem var(--shade-50);content:"";inset:4px;position:absolute;z-index:2}.floo__card,.floo__item--result .floo__image{background:var(--floo-ground);border:1px solid var(--floo-frame);border-radius:3px;box-shadow:0 0 0 1px var(--shade-90),0 .5rem 1rem var(--shade-50);transform:rotate(var(--floo-tilt,-1.1deg))}.floo__card{align-items:flex-end;aspect-ratio:5/3;container-type:inline-size;display:flex;overflow:hidden;position:relative}.floo__card[aria-current]{border-color:var(--floo-emerald-soft);box-shadow:0 0 0 1px var(--shade-90),0 0 .85rem .2rem var(--floo-emerald-soft)}.floo__item--result .floo__image{aspect-ratio:3/2;flex:none;height:auto;outline:1px solid var(--floo-frame-soft);outline-offset:-4px;position:static;width:6rem}.floo__name{background:linear-gradient(#0000,var(--shade-90));font-size:var(--text-16);letter-spacing:.04em;line-height:1.15;padding:2rem 1.5rem var(--space-s);position:relative;text-align:center;text-shadow:0 1px .15rem var(--black),0 0 .8rem var(--black);text-wrap:balance;width:100%;z-index:1}.floo__chevron{inset-block-end:var(--space-s);inset-inline-end:var(--space-xs);opacity:85%;position:absolute}.floo__lock{margin-inline-start:.35rem}.floo__item--result{align-items:center;display:flex;gap:var(--space-xs)}.floo__item--result+.floo__item--result{border-top:1px solid var(--floo-line)}.floo__result-link{align-items:center;display:flex;flex:1;gap:var(--space-s);min-width:0;padding:var(--space-s)}.floo__result-text{min-width:0}.floo__result-name{font-size:var(--text-20)}.floo__result-name mark{background:none;color:var(--floo-emerald);font-weight:700;text-shadow:var(--floo-glow)}.floo__result-trail{display:block;font-size:var(--text-12)}.floo__shortcut--on{color:var(--floo-emerald);text-shadow:var(--floo-glow)}.floo__locked{pointer-events:none}.floo__locked .floo__image{filter:grayscale(.9) brightness(.6)}.floo__locked :is(.floo__name,.floo__result-name){opacity:65%}.floo__action,.floo__card,.floo__extra{pointer-events:auto}.floo__empty{display:block;font-style:italic;margin-block-start:2rem;opacity:70%;text-align:center}.floo__grid .floo__empty{grid-column:1/-1;margin-block-start:min(20vh,10rem)}.floo--text :is(.floo__card,.floo__result-link){background:var(--floo-well);border-color:var(--floo-line);box-shadow:0 .25rem .75rem var(--shade-40)}.floo--text .floo__card{align-items:center;aspect-ratio:auto;height:4.5rem;transform:none}.floo--text .floo__name{background:none;padding-block:var(--space-s);text-shadow:0 1px .3rem var(--shade-90)}.floo--text .floo__item--result{border-top:0}.floo--text .floo__result-link{margin-block:var(--space-xs)}.floo__actions{align-items:center;display:flex;gap:var(--space-s);justify-content:center;margin-block-start:var(--space-s)}.floo__action{padding:var(--space-xs)}.floo__action--remove{color:var(--floo-danger)}.floo__action[disabled]{cursor:default;opacity:30%}.floo__action:focus-visible,.floo__card:focus-visible,.floo__close:focus-visible,.floo__field:focus-within,.floo__result-link:focus-visible,.floo__shortcut:focus-visible{outline:2px solid var(--floo-emerald);outline-offset:2px}.floo-page .navbar--tabbar{--decor-50:oklch(80% 0.012 90deg);background-color:initial;box-shadow:none}.floo-page .navbar--tabbar:before{background:linear-gradient(180deg,#0000 0,oklch(29% .055 155deg/2%) 11%,oklch(29% .055 155deg/10%) 21%,oklch(29% .055 155deg/28%) 32%,oklch(29% .055 155deg/50%) 43%,oklch(29% .055 155deg/72%) 53%,oklch(29% .055 155deg/90%) 64%,oklch(29% .055 155deg/98%) 74%,oklch(29% .055 155deg) 85%);content:"";inset:-4rem 0 0;pointer-events:none;position:absolute;z-index:-1}.floo-page .navbar__tab{text-shadow:0 1px .35rem var(--shade-90)}.floo__grid>.floo__item{--floo-halo-room:2.75rem;margin:calc(var(--floo-halo-room)*-1);padding:var(--floo-halo-room);pointer-events:none}.floo--leave{pointer-events:none}.floo__departing{position:relative;z-index:3}.floo__departing :is(.floo__card,.floo__result-link){border-color:var(--floo-emerald);box-shadow:0 0 .6rem var(--floo-emerald),0 0 2rem .5rem var(--floo-emerald-soft);filter:brightness(1.3) saturate(1.15)}@media (max-width:30rem){.floo__close{height:2.5rem;width:2.5rem}.floo__input{padding-block:var(--space-xs)}.floo__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.floo__name{font-size:var(--text-14);padding-block-start:.75rem}}@supports (font-size:1cqi){.floo__name{font-size:clamp(var(--text-12),8cqi,var(--text-16))}}@media (hover:hover){.floo__action:hover,.floo__close:hover,.floo__edit:hover,.floo__tab:hover{filter:brightness(1.3)}.floo__shortcut:hover{color:var(--floo-emerald)}.floo__card:not(.floo__locked):hover,.floo__result-link:hover{background:var(--floo-emerald-wash);border-color:var(--floo-emerald-soft);filter:brightness(1.1)}.floo__card:not(.floo__locked):hover{--floo-zoom:1.05}}@media (prefers-reduced-motion:no-preference){.floo__card,.floo__result-link{transition:border-color .2s ease-in-out,background-color .2s ease-in-out,filter .2s ease-in-out}.floo__image{transition:transform .3s ease-out,opacity .3s ease-out}.floo--leave .floo__item,.floo--leave>*{animation:c .2s ease-in reverse forwards}.floo--leave .floo__departing{animation:d .22s ease-in reverse forwards}.floo--enter .floo__item,.floo--enter>*{animation:b .28s ease-out both}.floo--enter-down .floo__item,.floo--enter-down>*{animation-name:c}.floo--enter-up .floo__item,.floo--enter-up>*{animation-name:d}.floo--enter>.floo__grid,.floo--enter>:is(.floo__header,.floo__bar),.floo--leave>.floo__grid,.floo--leave>:is(.floo__header,.floo__bar){animation:none}.floo--depart>:is(.floo__header,.floo__bar){animation:c .2s ease-in reverse forwards}}@keyframes b{0%{opacity:0}}@keyframes c{0%{opacity:0;transform:scale(.96)}}@keyframes d{0%{opacity:0;transform:scale(1.06)}}}@layer utilities{.sr-only{clip-path:inset(50%);overflow:hidden;position:absolute;white-space:nowrap}}