.mode{background:#f4f1ea;border-radius:14px;flex:none;gap:2px;padding:4px;display:inline-flex}.mode button{cursor:pointer;background:0 0;border:0;border-radius:11px;min-height:36px;padding:9px 14px;font-size:13px;font-weight:600;transition:background .25s,color .25s}.mode button[aria-pressed=true]{background:var(--ink);color:var(--paper)}html[data-mode=tldr] [data-detail]{display:none!important}.app-header[data-astro-cid-urxya6sf]{padding:24px var(--gutter);max-width:var(--max);align-items:center;gap:14px;margin-inline:auto;display:flex}.app-header__id[data-astro-cid-urxya6sf]{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.app-header__name[data-astro-cid-urxya6sf]{font:700 19px/1 var(--f-display);letter-spacing:-.01em}.app-header__kicker[data-astro-cid-urxya6sf]{color:var(--ink)}.app-header__grow[data-astro-cid-urxya6sf]{flex:1}.app-header__close[data-astro-cid-urxya6sf]{background:var(--paper);border:1px solid var(--line);width:52px;height:52px;color:var(--ink);transition:transform .35s var(--ease-spring), background .2s;border-radius:50%;place-items:center;text-decoration:none;display:grid}.app-header__close[data-astro-cid-urxya6sf]:hover{background:var(--white);transform:rotate(90deg)}.mode--header{display:none}@media (width<=760px){.app-header[data-astro-cid-urxya6sf]{padding:18px var(--gutter) 14px;gap:10px}.app-header__name[data-astro-cid-urxya6sf],.app-header__kicker[data-astro-cid-urxya6sf]{display:none}.mode--header{display:inline-flex}.mode--header button{min-height:44px}.app-header__close[data-astro-cid-urxya6sf]{width:44px;height:44px}}.dock{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:100;width:fit-content;max-width:calc((100vw - 32px) / var(--dock-zoom,1));height:var(--dock-h);zoom:var(--dock-zoom,1);box-sizing:border-box;border:1px solid var(--line);isolation:isolate;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-radius:30px;align-items:center;gap:12px;padding:0 12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 44px #14161a29}@media (width>=1000px){.dock{--dock-zoom:1.15}}@media (width>=1160px){.dock{--dock-zoom:1.33}}.dock__home{background:var(--lemon);width:56px;height:56px;transition:transform .4s var(--ease-spring);border-radius:50%;flex:none;display:block;overflow:hidden}.dock__home img{object-fit:cover;width:100%;height:100%}.dock__home:hover{transform:translateY(-4px)}.dock__item[hidden]{display:none}.dock__sep{background:var(--line);flex:none;width:1px;height:44px}.dock__grow{display:none}.dock:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(100deg, color-mix(in srgb, var(--dock-tint,#fff) 80%, #fff) 0%, color-mix(in srgb, var(--dock-tint,#fff) 22%, #fff) 100%);transition:opacity .35s var(--ease-out);position:absolute;inset:0}.dock[data-tinted=true]:before{opacity:1}@media (prefers-reduced-motion:reduce){.dock:before{transition:none}}.dock__item{background:var(--tile);width:56px;height:56px;color:var(--ink);transition:width .55s var(--ease-out), transform .35s var(--ease-spring);border-radius:18px;flex:none;align-items:center;gap:12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.dock__item:hover{transform:translateY(-4px)}.dock__icon{flex:none;width:56px;height:56px;display:block}.dock__icon img{object-fit:cover;width:100%;height:100%}.dock__meta{width:calc(var(--w,238px) - 74px);opacity:0;box-sizing:content-box;flex-direction:column;justify-content:center;gap:3px;padding:0 16px 5px 0;transition:opacity .3s;display:flex}.dock__num{letter-spacing:.06em;font-size:10.5px;line-height:1}.dock__title{white-space:nowrap;font-size:14px;font-weight:600;line-height:1.2}.dock__item[aria-current=page]{width:var(--w,238px)}.dock__item[aria-current=page] .dock__meta{opacity:1;transition-delay:.15s}.dock__progress{background:var(--deep);opacity:0;height:4px;position:absolute;inset:auto 0 0}.dock__progress span{height:100%;width:var(--progress,0%);background:var(--cobalt);display:block}.dock__item[aria-current=page] .dock__progress{opacity:1}.dock__item--build:not([hidden]){animation:dock-pop .6s var(--ease-spring)}@keyframes dock-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}.dock__chip{background:var(--ink);color:var(--paper);border-radius:12px;padding:11px 16px;font-size:13px;font-weight:600}.dock__slot{flex:none;display:none}.dock[data-kind=case] .dock__slot--case,.dock[data-kind=build] .dock__slot--case{display:block}.dock[data-kind=about] .dock__slot--about{display:inline-block}@media (width>=761px) and (width<=920px){.dock__item[aria-current=page]{outline:3px solid var(--ink);outline-offset:2px;width:56px}.dock__meta{display:none}}@media (width<=760px){.dock{--dock-edge:max(16px, env(safe-area-inset-bottom));left:var(--dock-edge);right:var(--dock-edge);bottom:var(--dock-edge);zoom:1;border-radius:28px;justify-content:space-between;gap:8px;width:auto;max-width:none;height:auto;padding:12px;transform:none}.dock__home,.dock__item,.dock__item[aria-current=page]{aspect-ratio:1;flex:1 1 0;width:auto;min-width:0;max-width:68px;height:auto}.dock__home{border-radius:50%}.dock__item{border-radius:16px}.dock__icon{width:100%;height:100%}.dock__sep{height:36px}.dock__item[aria-current=page]{outline:3px solid var(--ink);outline-offset:2px}.dock__meta{display:none}.dock__sep--right,.dock__slot{display:none!important}.dock:has(.dock__item--build:not([hidden])){gap:4px;padding:12px 8px}}.app[data-astro-cid-r7kqcs5t][data-has-tile=true]{background:linear-gradient(var(--page-tile) 0, var(--page-tile) 100vh, var(--paper) 100vh)}
