:root{--accent:#c85d7b;--accent-soft:#ffb7c5;--wine:#762c43;--gold:#b18a4c;--sky:#b8e4ff;--sun:#fff3b0;--bg:#fffaf5;--surface:#fffefb;--surface-soft:#fff6f7;--surface-raised:#fffefb;--surface-control:rgba(255,254,251,0.82);--text:#352b2f;--muted:#76676c;--border:#e6d5d4;--border-strong:#d2b5b5;--code:#2b2226;--shadow:0.35rem 0.35rem 0.85rem rgba(92,50,60,0.1),-0.32rem -0.32rem 0.75rem rgba(255,255,255,0.84);--shadow-floating:0 0.75rem 1.5rem rgba(92,50,60,0.12);--shadow-modal:0 1.5rem 3rem rgba(92,50,60,0.18);--shadow-neumo:0.75rem 0.75rem 1.65rem rgba(92,50,60,0.15),-0.72rem -0.72rem 1.55rem rgba(255,255,255,0.92);--shadow-neumo-soft:0.35rem 0.35rem 0.85rem rgba(92,50,60,0.1),-0.32rem -0.32rem 0.75rem rgba(255,255,255,0.84);--shadow-neumo-inset:inset 0.25rem 0.25rem 0.55rem rgba(92,50,60,0.12),inset -0.25rem -0.25rem 0.55rem rgba(255,255,255,0.84);--font-sans:"Inter","Noto Sans SC","PingFang SC","Microsoft YaHei UI",system-ui,sans-serif;--font-serif:Georgia,"Noto Serif SC","Songti SC",serif;--font-mono:"JetBrains Mono","SFMono-Regular","Cascadia Code",Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:clamp(1.75rem,3vw,2.25rem);--text-display:clamp(2.5rem,7vw,5rem);--leading-tight:1.12;--leading-copy:1.75;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--container-wide:1280px;--container-main:1080px;--container-narrow:900px;--container-reading:720px;--duration-fast:140ms;--duration-normal:220ms;--duration-slow:360ms;--duration-magic:700ms;--duration-card:820ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-standard:cubic-bezier(0.2,0,0,1);--glass-bg:color-mix(in srgb,var(--surface) 78%,transparent);--glass-blur:18px;--glass-border:color-mix(in srgb,var(--border-strong) 55%,transparent);--focus-ring:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);--z-content:0;--z-sticky:10;--z-navbar:20;--z-popover:30;--z-modal:40;--z-toast:50;--z-intro:100;--control-sm:36px;--control-md:44px;--control-opacity-disabled:0.48;--navbar-offset:var(--space-3)}:root[data-theme=dark]{--bg:#211a1d;--surface:#2b2226;--surface-soft:#32262b;--surface-raised:#2b2226;--surface-control:rgba(43,34,38,0.84);--text:#f7eceb;--muted:#cbb7bb;--accent:#f0a2b5;--accent-soft:#cf718a;--wine:#f0a2b5;--gold:#d6b77d;--border:#4d393f;--border-strong:#72505a;--code:#171215;--shadow:0.35rem 0.35rem 0.85rem rgba(0,0,0,0.28),-0.3rem -0.3rem 0.72rem rgba(77,57,63,0.42);--shadow-floating:0 0.75rem 1.5rem rgba(0,0,0,0.35);--shadow-modal:0 1.5rem 3rem rgba(0,0,0,0.42);--shadow-neumo:0.75rem 0.75rem 1.65rem rgba(0,0,0,0.32),-0.65rem -0.65rem 1.35rem rgba(77,57,63,0.52);--shadow-neumo-soft:0.35rem 0.35rem 0.85rem rgba(0,0,0,0.28),-0.3rem -0.3rem 0.72rem rgba(77,57,63,0.42);--shadow-neumo-inset:inset 0.25rem 0.25rem 0.55rem rgba(0,0,0,0.3),inset -0.22rem -0.22rem 0.5rem rgba(77,57,63,0.4)}:root{font-family:var(--font-sans);color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,:after,:before{box-sizing:border-box}html{background:var(--bg);color:var(--text);scroll-behavior:smooth}body{margin:0;min-width:0;background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--accent) 11%,transparent),transparent 35%),var(--bg);line-height:1.75}a{color:var(--accent);text-underline-offset:.2em;overflow-wrap:anywhere}a:hover{text-decoration-thickness:2px}img,svg,video{display:block;max-width:100%;height:auto}.page-shell{width:min(72rem,calc(100% - 2rem));margin:auto}.site-header{position:-webkit-sticky;position:sticky;top:.75rem;z-index:10;display:flex;align-items:center;gap:1rem;margin:1rem 0 2rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{font-weight:800;color:var(--text);text-decoration:none;white-space:nowrap}.site-header nav{flex:1 1;min-width:0}.site-header ul{display:flex;gap:.25rem;flex-wrap:wrap;list-style:none;padding:0;margin:0}.site-header nav a{display:block;padding:.35rem .55rem;border-radius:.55rem;color:var(--muted);text-decoration:none}.site-header nav a[aria-current=page]{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.icon-button{border:1px solid var(--border);border-radius:.65rem;background:var(--surface);color:var(--text);min-width:2.75rem;min-height:2.75rem;cursor:pointer}.site-main{min-width:0;min-height:65vh}.article,.card,.hero{border:1px solid var(--border);border-radius:1.15rem;background:var(--surface);box-shadow:var(--shadow)}.hero{padding:clamp(1.25rem,4vw,3rem);margin-bottom:1.5rem}.hero h1{font-size:clamp(2rem,6vw,4rem);line-height:1.1;margin:.25rem 0}.eyebrow{color:var(--accent);font-weight:700}.meta,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));grid-gap:1rem;gap:1rem}.card{padding:1.2rem;min-width:0}.card h2,.card h3{margin-top:0}.card-link{color:var(--text);text-decoration:none}.article{width:min(45rem,100%);margin:auto;padding:clamp(1rem,4vw,3rem);min-width:0}.article h1{line-height:1.2}.article :is(p,li){overflow-wrap:anywhere}.article pre{max-width:100%;overflow-x:auto;padding:1rem;border-radius:.75rem;background:var(--code);color:#f7eceb;-moz-tab-size:2;tab-size:2}.article code{font-family:Cascadia Code,Consolas,monospace}.article table{display:block;max-width:100%;overflow-x:auto}.toc{padding:1rem;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.list-clean{list-style:none;padding:0}.list-clean>li{margin-bottom:1rem}.site-footer{justify-content:space-between;gap:1rem;padding:2rem .5rem;color:var(--muted)}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.6rem;background:var(--text);color:var(--bg)}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.search-input{width:100%;min-height:3rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);color:var(--text);font:inherit}.empty{padding:1rem;border:1px dashed var(--border);border-radius:.75rem;color:var(--muted)}.hero-profile{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:clamp(1rem,4vw,2.5rem);gap:clamp(1rem,4vw,2.5rem)}.avatar-placeholder{width:7rem;aspect-ratio:1;border:1px solid var(--border);border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 .35rem color-mix(in srgb,var(--accent) 5%,transparent)}.avatar-large{width:9rem;margin:1rem 0 1.5rem}.hero-links{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.hero-links>p{margin:0}.hero-links .home-like{margin-top:0}.hero-links .home-like-button{border-radius:999px}.home-like{position:relative;width:max-content;margin-top:.9rem}.home-like-button{display:grid;place-items:center;width:3.25rem;height:3.25rem;padding:0;border:1px solid color-mix(in srgb,var(--accent) 52%,var(--border));border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);box-shadow:0 .45rem 1.2rem color-mix(in srgb,var(--accent) 18%,transparent),inset 0 1px rgba(255,255,255,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.home-like-button svg{width:1.35rem;height:1.35rem;fill:currentColor;filter:drop-shadow(0 .12rem .2rem color-mix(in srgb,var(--accent) 24%,transparent))}.home-like-button:hover:not(:disabled){transform:translateY(-2px);background:color-mix(in srgb,var(--accent) 16%,var(--surface));border-color:var(--accent);box-shadow:0 .65rem 1.45rem color-mix(in srgb,var(--accent) 24%,transparent),inset 0 1px rgba(255,255,255,.6)}.home-like-button:active:not(:disabled){transform:translateY(0) scale(.96)}.home-like-button:disabled{cursor:not-allowed;opacity:.58}.home-like-tooltip{position:absolute;left:calc(100% + .65rem);top:50%;z-index:2;width:max-content;max-width:min(14rem,calc(100vw - 6rem));padding:.35rem .65rem;border:1px solid var(--border);border-radius:.6rem;background:var(--surface);box-shadow:var(--shadow);color:var(--muted);font-size:.85rem;line-height:1.4;opacity:0;pointer-events:none;transform:translate(.25rem,-50%);transition:opacity .16s ease,transform .16s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-like.is-visible .home-like-tooltip,.home-like:focus-within .home-like-tooltip,.home-like:hover .home-like-tooltip{opacity:1;transform:translateY(-50%)}.home-like-button.is-liked svg{animation:home-like-pop .42s ease}.guestbook-intro{font-size:1.05rem;color:var(--muted)}.guestbook-note{margin:1.5rem 0;padding:1rem 1.1rem;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 6%,var(--surface));color:var(--muted)}.giscus-shell{min-height:14rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.giscus-loading{color:var(--muted)}.giscus,.giscus-frame{width:100%;min-height:12rem;border:0;color-scheme:normal}@keyframes home-like-pop{0%,to{transform:scale(1)}45%{transform:scale(1.3)}}@media(max-width:760px){.page-shell{width:min(100% - 1rem,72rem)}.site-header{position:static;align-items:flex-start;flex-wrap:wrap}.site-header nav{order:3;flex-basis:100%;overflow-x:auto}.site-header ul{flex-wrap:nowrap;width:max-content}.site-footer{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.hero-profile{grid-template-columns:1fr}.avatar-placeholder{width:5.5rem}.avatar-large{width:7rem}.home-like-button{width:3rem;height:3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.home-like-button:hover:not(:disabled){transform:none}}html{overflow-x:hidden}body{min-height:100svh;overflow-wrap:break-word}button,input,select,textarea{font:inherit}.article,.card,.hero,.site-footer,.site-header,.site-main{max-width:100%}.grid>*,.hero-profile>*,.site-footer>*,.site-header a,.site-header li{min-width:0}.article :is(h1,h2,h3,h4){overflow-wrap:anywhere}.article :is(iframe,embed,object){max-width:100%}.article blockquote{margin-inline:0;padding-inline:1rem;border-left:3px solid var(--border)}.article-layout{display:grid;grid-template-columns:minmax(0,45rem) minmax(13.5rem,17rem);align-items:start;justify-content:center;grid-gap:1.25rem;gap:1.25rem;width:100%;margin:auto}.article-layout .article{width:100%;margin:0}.reader-tools{position:-webkit-sticky;position:sticky;top:7rem;display:grid;grid-gap:.8rem;gap:.8rem;max-height:calc(100vh - 8rem);min-width:0;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.reader-progress{height:.25rem;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--border))}.reader-progress span{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .1s linear}.reader-tools__title{margin:0 0 .45rem;color:var(--muted);font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.reader-toc{min-height:0;overflow:auto;scrollbar-width:thin}.reader-toc ol{display:grid;grid-gap:.15rem;gap:.15rem;margin:0;padding:0;list-style:none}.reader-toc li{min-width:0;padding-left:calc(var(--toc-depth) * .65rem)}.reader-toc a{display:block;padding:.35rem .45rem;border-left:2px solid transparent;border-radius:.3rem;color:var(--muted);font-size:.9rem;line-height:1.4;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-toc a.is-active,.reader-toc a:hover{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)}.reader-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.35rem;gap:.35rem;padding-top:.75rem;border-top:1px solid var(--border)}.reader-actions button{display:flex;min-width:0;min-height:3.5rem;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.4rem;border:1px solid transparent;border-radius:.7rem;background:transparent;color:var(--muted);font-size:.72rem;line-height:1.2;cursor:pointer}.reader-actions button.is-active,.reader-actions button:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.reader-actions svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.reader-actions [data-like-button] svg{fill:currentColor;stroke:none}.reader-actions [data-back-to-top]{opacity:.45}.reader-actions [data-back-to-top].is-visible{opacity:1}.reader-status{min-height:1.2em;margin:0;color:var(--muted);font-size:.75rem;text-align:center}.card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;margin-top:auto}.article-card{display:flex;flex-direction:column}.read-badge{display:inline-flex;flex:0 0 auto;align-items:center;width:max-content;padding:.15rem .5rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent);font-size:.78rem;font-weight:700}.read-badge[hidden]{display:none}.archive-list li{display:grid;grid-template-columns:7rem minmax(0,1fr) auto;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--border)}.archive-list time{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.article-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;grid-gap:.75rem;gap:.75rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}.article-navigation__item{min-width:0}.article-navigation__index,.article-navigation__item a{display:flex;height:100%;min-height:4.75rem;justify-content:center;padding:.75rem;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 4%,transparent);text-decoration:none;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.article-navigation__item a{flex-direction:column}.article-navigation__item--next a{align-items:flex-end;text-align:right}.article-navigation__label{color:var(--muted);font-size:.85rem}.article-navigation__title{max-width:100%;overflow:hidden;color:var(--text);font-weight:650;text-overflow:ellipsis;white-space:nowrap}.article-navigation__index{align-items:center;color:var(--accent);font-weight:650;white-space:nowrap}.article-navigation a:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);transform:translateY(-2px)}@media(max-width:620px){.article-navigation{grid-template-columns:1fr 1fr}.article-navigation__index{grid-column:1/-1;grid-row:1;min-height:3rem}.article-navigation__item{grid-row:2}}@media(max-width:760px){.page-shell{width:calc(100% - 1rem)}.site-header{position:relative;top:.5rem;gap:.65rem;margin-block:.5rem 1.25rem;padding:.65rem}.site-header nav{overflow:visible}.site-header ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.35rem;gap:.35rem;width:100%}.site-header nav a{display:flex;min-height:2.75rem;align-items:center;justify-content:center;padding:.45rem .3rem;text-align:center;line-height:1.25}.brand{align-self:center;overflow:hidden;text-overflow:ellipsis}.icon-button{margin-left:auto}.hero{margin-bottom:1rem}.hero h1{font-size:clamp(2rem,11vw,3rem)}.article{border-radius:.9rem}.site-footer nav{flex-wrap:wrap}}@media(max-width:980px){.article-layout{grid-template-columns:minmax(0,48rem)}.reader-tools{position:static;grid-row:1;max-height:none}.reader-toc{max-height:15rem}.reader-actions{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.article-layout,.article-layout .article,.reader-tools{width:100%;max-width:calc(100vw - 1rem);min-width:0}.reader-tools>*{min-width:0}.reader-tools{padding:.8rem}.reader-toc{max-height:12rem}.archive-list li{grid-template-columns:1fr auto;gap:.25rem .5rem}.archive-list time{grid-column:1/-1}}@media(max-width:420px){.page-shell{width:calc(100% - .75rem)}.site-header ul{grid-template-columns:repeat(2,minmax(0,1fr))}.article,.card,.hero{padding-inline:.9rem}.home-like-tooltip{left:0;top:calc(100% + .5rem);max-width:calc(100vw - 2rem);transform:translateY(-.25rem)}.home-like.is-visible .home-like-tooltip,.home-like:focus-within .home-like-tooltip,.home-like:hover .home-like-tooltip{transform:translateY(0)}}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.site-header{display:grid;grid-template-columns:minmax(7rem,1fr) minmax(28rem,3fr) minmax(10.5rem,1fr);grid-gap:clamp(.5rem,1.5vw,1.25rem);gap:clamp(.5rem,1.5vw,1.25rem);min-height:5.25rem;padding:.75rem clamp(.85rem,2.5vw,1.6rem)}.brand{font-size:clamp(1.25rem,2vw,1.6rem);color:var(--accent)}.primary-nav{min-width:0}.primary-nav ul{display:grid;grid-gap:.2rem;gap:.2rem;width:100%}.more-menu summary,.more-menu-list a,.site-header .primary-nav a{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.45rem;color:var(--muted);text-decoration:none;white-space:nowrap}.site-header .primary-nav a>svg{display:block;flex:0 0 auto}.site-header .primary-nav a>span{display:inline;flex:0 0 auto}.primary-nav a{min-height:2.9rem;padding:.5rem .4rem;border-radius:.7rem;font-weight:550}.more-menu svg,.primary-nav svg,.tool-button svg{width:1.3rem;height:1.3rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.more-menu-list a:hover,.primary-nav a:hover,.tool-button:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.more-menu a[aria-current=page],.primary-nav a[aria-current=page],.tool-button[aria-current=page]{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.header-tools{justify-content:flex-end;gap:.25rem;min-width:0}.header-tools,.tool-button{display:flex;align-items:center}.tool-button{justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:.55rem;border:0;border-radius:.7rem;background:transparent;color:var(--muted);cursor:pointer;text-decoration:none}.more-menu{position:relative}.more-menu summary{min-width:4.65rem;list-style:none}.more-menu summary::-webkit-details-marker{display:none}.more-menu-list{position:absolute;top:calc(100% + .65rem);right:0;z-index:20;display:grid!important;width:10rem!important;padding:.4rem!important;border:1px solid var(--border);border-radius:.85rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.more-menu-list a{justify-content:flex-start;min-height:2.7rem;padding:.45rem .7rem;border-radius:.55rem}.tool-divider{width:1px;height:1.8rem;margin:0 .35rem;background:var(--border)}.theme-button .sun-icon,:root[data-theme=dark] .theme-button .moon-icon{display:none}:root[data-theme=dark] .theme-button .sun-icon{display:block}@media(max-width:900px){.site-header{grid-template-columns:1fr auto;align-items:center}.primary-nav{grid-column:1/-1;grid-row:2}.header-tools{grid-column:2;grid-row:1}.more-menu{position:static}.more-menu-list{top:calc(100% + .5rem);right:.65rem}.primary-nav ul{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-nav a{min-height:3rem}}@media(max-width:520px){.site-header{gap:.5rem;padding:.65rem}.primary-nav ul{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-nav li:last-child{grid-column:1/-1}.primary-nav a{justify-content:center}.more-menu summary{min-width:2.75rem}.more-menu summary span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tool-divider{display:none}}.contact-links{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.article-progress{position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar);height:2px;pointer-events:none;opacity:0;transition:opacity var(--duration-normal) ease}.article-progress.is-visible{opacity:1}.article-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent-soft),var(--accent))}@media(prefers-reduced-motion:reduce){.article-progress{transition:none}}.article{font-size:1.0625rem;line-height:1.8}.article h1{font-size:clamp(2.25rem,5vw,3.25rem);line-height:1.12;font-weight:650;letter-spacing:-.02em;margin:0 0 1.25rem}.article h2{font-size:clamp(1.6rem,3.2vw,2rem);line-height:1.25;margin-top:4.5rem;margin-bottom:.85rem}.article h3{font-size:clamp(1.3rem,2.5vw,1.45rem);line-height:1.3;margin-top:3rem;margin-bottom:.6rem}.article h4{font-size:1.1rem;line-height:1.4;margin-top:2rem;margin-bottom:.5rem}.article p{margin:1.25rem 0}.article :is(h2,h3,h4):first-child{margin-top:0}.article li{margin:.35rem 0}.article blockquote{margin:1.5rem 0;padding:1rem 1.25rem}.article pre{margin:1.5rem 0;padding:1.25rem 1.5rem;border-radius:var(--radius-md);font-size:.9rem;line-height:1.6}.article :not(pre)>code{font-size:.9em;padding:.1em .35em;border-radius:.3rem;background:color-mix(in srgb,var(--accent) 9%,transparent)}.article img{border-radius:var(--radius-sm);margin:1.5rem auto}.article figcaption{color:var(--muted);font-size:.85rem;text-align:center;margin-top:.5rem}@media(max-width:620px){.article{font-size:1rem;line-height:1.8}.article h1{font-size:2.25rem}.article h2{margin-top:3rem}.article pre{margin-inline:calc(var(--space-2) * -1);padding:1rem 1.1rem;border-radius:var(--radius-sm)}}.article-hero{position:relative;isolation:isolate;overflow:hidden;margin:0 0 2rem;padding:clamp(1.1rem,3vw,2rem);border:1px solid var(--border);border-radius:.5rem;background:var(--surface-soft,var(--surface))}.article-hero:before{position:absolute;inset:.3rem;z-index:-1;border:1px solid color-mix(in srgb,var(--gold,var(--accent)) 24%,transparent);border-radius:.28rem;content:""}.article-hero:after{position:absolute;right:1.2rem;top:1.1rem;z-index:-1;width:1rem;aspect-ratio:1;background:var(--gold,var(--accent));-webkit-clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);content:"";opacity:.7}.article-hero--life{background:color-mix(in srgb,var(--accent-soft,#d58bb5) 7%,var(--surface))}.article-hero h1{margin:.25rem 0 .7rem}.article-hero p:last-child{margin-bottom:0}.search-control{display:flex;align-items:center;gap:.5rem;margin-top:.45rem}.search-input{flex:1 1}.search-clear,.secondary-button{min-height:2.75rem;padding:.5rem .85rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface);color:var(--accent);cursor:pointer}.search-clear:hover,.secondary-button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.search-results mark{padding:0 .08em;background:color-mix(in srgb,var(--accent) 22%,transparent);color:inherit}.search-result .card-link.is-active{border-radius:.2rem;outline:3px solid var(--accent);outline-offset:3px}.home-like{margin-top:.8rem}.home-like-button{min-height:2.5rem;padding:.45rem .75rem}.home-like-button svg{width:1rem;height:1rem}.home-like-tooltip{left:0;top:calc(100% + .5rem);transform:translateY(-.2rem)}.home-like.is-visible .home-like-tooltip,.home-like:focus-within .home-like-tooltip,.home-like:hover .home-like-tooltip{transform:translateY(0)}@supports not (background:color-mix(in srgb,white,black)){.article-hero,.search-clear,.secondary-button{background:var(--surface)}}@media(max-width:520px){.search-control{align-items:stretch;flex-direction:column}.search-clear{width:100%}.home-like-button{min-height:2.75rem}}.magic-effects,.sparkle-layer{position:fixed;inset:0;z-index:30;overflow:hidden;pointer-events:none}.magic-effects{z-index:0}.magic-effects i{--size:calc(.45rem + (var(--i) % 4) * .13rem);position:absolute;top:-2rem;left:calc(var(--i) * 8% + 2%);width:var(--size);height:calc(var(--size) * 1.6);border-radius:80% 10% 75% 15%;background:linear-gradient(135deg,#ffd3dc,#ff9fb3);opacity:.42;transform:rotate(calc(var(--i) * 29deg));animation:petal-fall calc(13s + var(--i) * .8s) linear calc(var(--i) * -1.3s) infinite}:root[data-effects=off] .magic-effects,:root[data-effects=off] .sparkle-layer{display:none}@keyframes petal-fall{0%{translate:0 -4vh;rotate:0deg}50%{translate:3.5rem 52vh;rotate:170deg}to{translate:-1.5rem 108vh;rotate:1turn}}.click-spark{position:absolute;width:.7rem;aspect-ratio:1;background:var(--gold);-webkit-clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);animation:spark-burst .65s ease-out forwards;transform:translate(-50%,-50%)}.click-spark:after,.click-spark:before{position:absolute;inset:0;background:var(--accent-soft);content:""}.click-spark:before{translate:1.2rem -.5rem}.click-spark:after{translate:-1rem .8rem}@keyframes spark-burst{to{scale:2.8;rotate:65deg;opacity:0}}.effects-toggle{position:fixed;right:1rem;bottom:1rem;z-index:35;display:flex;align-items:center;gap:.4rem;min-height:2.7rem;padding:.45rem .75rem;border:1px solid var(--border-strong);border-radius:999px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);color:var(--wine);font-size:.8rem;cursor:pointer}.effects-toggle:hover{border-color:var(--accent);background:var(--surface-soft)}body{background:linear-gradient(90deg,transparent 0,transparent calc(50% - .5px),color-mix(in srgb,var(--gold) 7%,transparent) 50%,transparent calc(50% + .5px)),var(--bg)}body:before{position:fixed;inset:0;z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--sky) 28%,transparent),transparent 24rem),radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--sun) 32%,transparent),transparent 22rem)}a{color:var(--wine)}.page-shell{width:min(70rem,calc(100% - 2rem))}.site-main{padding-bottom:1rem}.site-header{isolation:isolate;overflow:visible;border-color:var(--border-strong);border-radius:.55rem;background:linear-gradient(145deg,var(--surface-raised),var(--surface));box-shadow:var(--shadow-neumo-soft);-webkit-backdrop-filter:none;backdrop-filter:none}.site-header:before{inset:.28rem;z-index:-1;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:.32rem}.site-header:after,.site-header:before{position:absolute;content:"";pointer-events:none}.site-header:after{left:1rem;bottom:-.35rem;width:.7rem;aspect-ratio:1;background:var(--gold);-webkit-clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%)}.brand{color:var(--wine);font-family:Georgia,"Noto Serif SC",serif;font-weight:700;letter-spacing:.03em}.more-menu-list a,.primary-nav a,.tool-button{border-radius:.3rem}.more-menu a[aria-current=page],.primary-nav a[aria-current=page],.tool-button[aria-current=page]{background:transparent;box-shadow:inset 0 -2px var(--gold);color:var(--wine)}.more-menu-list a:hover,.primary-nav a:hover,.tool-button:hover{background:var(--surface-soft);color:var(--wine)}.more-menu-list{border-color:var(--border-strong);border-radius:.4rem;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.article,.card,.hero{border-color:var(--border);border-radius:.85rem;background:linear-gradient(145deg,var(--surface-raised),var(--surface));box-shadow:var(--shadow-neumo-soft)}.hero{position:relative;overflow:hidden;border-top:2px solid var(--wine)}.hero:after{position:absolute;right:-2.6rem;bottom:-3.5rem;width:9rem;height:12rem;border:1px solid color-mix(in srgb,var(--gold) 42%,transparent);border-radius:50% 50% 45% 55%;content:"";pointer-events:none;transform:rotate(24deg)}.hero>*{position:relative;z-index:1}.article h1,.hero h1,.home-updates>h2{font-family:Georgia,"Noto Serif SC",Songti SC,serif;letter-spacing:-.02em}.eyebrow{color:var(--wine);font-size:.78rem;letter-spacing:.15em;text-transform:uppercase}.meta{font-size:.88rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card{padding:1.15rem;border-left:2px solid color-mix(in srgb,var(--accent-soft) 60%,var(--border))}.card-link{text-decoration-thickness:1px;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;transition:color .15s ease,-webkit-text-decoration-color .15s ease;transition:text-decoration-color .15s ease,color .15s ease;transition:text-decoration-color .15s ease,color .15s ease,-webkit-text-decoration-color .15s ease}.card-link:hover{-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);color:var(--wine)}.tag{padding:.08rem .4rem;border:0;border-bottom:1px solid var(--border-strong);border-radius:0;color:var(--muted);font-size:.82rem}.tag:hover{border-color:var(--wine);color:var(--wine)}.home-updates{margin-top:2.5rem}.home-updates>h2{margin-bottom:.85rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-strong)}.home-updates>.grid{display:block}.home-updates .card{display:grid;grid-template-columns:8rem minmax(0,1fr);grid-column-gap:1.25rem;column-gap:1.25rem;padding:1.15rem .15rem;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none}.home-updates .card>.meta{grid-column:1;grid-row:1/4;margin:.15rem 0}.home-updates .card>h3,.home-updates .card>p{grid-column:2;margin-top:0}.home-updates .card>h3{margin-bottom:.25rem;font-family:Georgia,"Noto Serif SC",Songti SC,serif;font-size:1.3rem}.home-updates .card>p{margin-bottom:.65rem;color:var(--muted)}.home-magic-hero{min-height:23rem;background:linear-gradient(135deg,var(--surface) 45%,color-mix(in srgb,var(--accent-soft) 22%,var(--surface)),color-mix(in srgb,var(--sky) 20%,var(--surface)))}.home-magic-hero:before{position:absolute;right:8%;top:15%;width:3rem;aspect-ratio:1;background:var(--gold);opacity:.45;-webkit-clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);content:""}.portrait-card{position:relative;width:8.35rem;padding:.55rem;border:1px solid var(--gold);border-radius:.45rem;background:var(--surface-soft);box-shadow:.3rem .35rem 0 color-mix(in srgb,var(--accent-soft) 26%,transparent);transform:rotate(-1.5deg)}.portrait-card:before{position:absolute;inset:.25rem;border:1px solid color-mix(in srgb,var(--wine) 34%,transparent);border-radius:.25rem;content:"";pointer-events:none}.portrait-card:after{position:absolute;right:.1rem;bottom:.1rem;width:1rem;aspect-ratio:1;background:var(--gold);-webkit-clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);content:""}.portrait-card .avatar-placeholder{width:100%;margin:0;border:0;border-radius:.2rem;background:var(--surface);box-shadow:none;aspect-ratio:1;object-fit:cover}.portrait-card--large{width:10.35rem;margin:1rem 0 1.5rem;transform:rotate(1deg)}.article{border-top:2px solid var(--wine)}.article blockquote{color:var(--muted)}.article blockquote,.toc{border-left-color:var(--gold);background:var(--surface-soft)}.reader-tools{border-color:var(--border);border-radius:.75rem;background:linear-gradient(145deg,var(--surface-raised),var(--surface));box-shadow:var(--shadow-neumo-soft);-webkit-backdrop-filter:none;backdrop-filter:none}.reader-progress{background:var(--border)}.reader-progress span{background:linear-gradient(90deg,var(--accent-soft),var(--wine))}.reader-actions button,.reader-toc a{border-radius:.25rem}.reader-actions button.is-active,.reader-actions button:hover,.reader-toc a.is-active,.reader-toc a:hover{background:var(--surface-soft);color:var(--wine)}.article-navigation__index,.article-navigation__item a{border-radius:.35rem;background:transparent}.article-navigation a:hover{background:var(--surface-soft);transform:none}.read-badge{border-radius:.25rem;background:var(--surface-soft);color:var(--wine)}.archive-list li{border-bottom-color:var(--border)}.magic-note-grid .magic-card{position:relative;overflow:hidden;border-left-width:1px;border:1px solid var(--gold);background:linear-gradient(150deg,var(--surface),var(--surface-soft))}.magic-note-grid .magic-card:before{position:absolute;inset:.3rem;border:1px solid color-mix(in srgb,var(--wine) 25%,transparent);border-radius:.3rem;content:"";pointer-events:none}.magic-note-grid .magic-card>*{position:relative;z-index:1}.magic-note-grid .magic-card:hover{translate:0 -.2rem;box-shadow:0 .75rem 1.5rem rgba(118,44,67,.09)}.card-progress{display:grid;grid-template-columns:minmax(13rem,.8fr) minmax(0,1.5fr);grid-gap:1.5rem;gap:1.5rem;align-items:center;margin:0 0 1.5rem;padding:1.25rem;border:1px solid var(--border);border-radius:.85rem;background:linear-gradient(145deg,var(--surface-raised),var(--surface));box-shadow:var(--shadow-neumo-soft)}.card-progress h2{margin:.15rem 0}.card-progress p:last-child{margin-bottom:0;color:var(--muted)}.mini-card-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));grid-gap:.55rem;gap:.55rem}.mini-magic-card{display:flex;align-items:center;justify-content:center;min-height:4rem;padding:.5rem;border:1px solid var(--border);border-radius:.35rem;background:var(--surface-soft);color:var(--wine);font-size:.82rem;text-align:center}.mini-magic-card.element-0{border-color:#e3a36a}.mini-magic-card.element-1{border-color:#79bddf}.mini-magic-card.element-2{border-color:#9cc9aa}.mini-magic-card.element-3{border-color:#c5a1dd}.mini-magic-card.element-4{border-color:var(--gold)}.treasure-grid{perspective:50rem}.treasure-item{position:relative;background:linear-gradient(145deg,color-mix(in srgb,var(--sky) 12%,var(--surface)),var(--surface));box-shadow:inset 0 0 0 .35rem color-mix(in srgb,var(--surface-soft) 80%,transparent)}.treasure-empty:before,.treasure-item:after{content:"✧";color:var(--gold);font-size:1.6rem}.treasure-empty{display:grid;place-items:center;min-height:13rem;text-align:center}.journal-grid{gap:1.4rem}.journal-card{position:relative;border:0;border-radius:.25rem;background:#fffdf6;box-shadow:.25rem .35rem 0 #f1dfe1;transform:rotate(-.4deg)}:root[data-theme=dark] .journal-card{background:var(--surface);box-shadow:.25rem .35rem 0 #171215}.journal-card:before{position:absolute;top:-.45rem;left:42%;width:4.5rem;height:1.15rem;background:color-mix(in srgb,var(--sky) 55%,transparent);content:"";transform:rotate(2deg)}.archive-book{padding:clamp(1rem,4vw,2rem);border:2px solid var(--wine);border-radius:.75rem;background:linear-gradient(90deg,var(--surface) 49.8%,var(--border) 50%,var(--surface) 50.2%);box-shadow:var(--shadow)}.archive-year{padding-inline:1rem}.archive-year h2{color:var(--wine)}.lost-card{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:2rem;gap:2rem;min-height:25rem}.lost-card-symbol{display:grid;place-items:center;width:8rem;aspect-ratio:2/3;border:2px solid var(--gold);border-radius:.7rem;background:var(--surface-soft);color:var(--wine);font:700 4rem Georgia,serif;box-shadow:inset 0 0 0 .45rem var(--surface),inset 0 0 0 .55rem var(--wine)}body[data-section=guestbook] .article{background:linear-gradient(150deg,var(--surface),color-mix(in srgb,var(--sun) 14%,var(--surface)))}body[data-section=blog] .article-hero{background:linear-gradient(135deg,var(--surface-soft),color-mix(in srgb,var(--sky) 16%,var(--surface)))}.article pre{position:relative;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);box-shadow:inset 0 0 0 .25rem color-mix(in srgb,var(--accent-soft) 7%,transparent)}.code-copy{position:absolute;right:.6rem;top:.6rem;display:flex;align-items:center;gap:.3rem;padding:.3rem .5rem;border:1px solid #72505a;border-radius:.3rem;background:#2b2226;color:#f7eceb;font:inherit;font-size:.72rem;cursor:pointer}.code-copy:hover{border-color:#d6b77d;color:#fff3b0}.copy-email__button,.home-like-button,.search-clear,.search-input,.secondary-button{border-color:var(--border-strong);border-radius:.35rem;background:linear-gradient(145deg,var(--surface-raised),var(--surface));box-shadow:var(--shadow-neumo-soft);-webkit-backdrop-filter:none;backdrop-filter:none}.home-like-button{color:var(--wine)}.copy-email.is-copied .copy-email__button,.copy-email__button:hover,.home-like-button:hover:not(:disabled),.search-clear:hover,.secondary-button:hover{border-color:var(--wine);background:var(--surface-soft);box-shadow:var(--shadow-neumo-inset);transform:translateY(1px)}.copy-email__status,.home-like-tooltip{border-radius:.3rem;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.empty,.guestbook-note{border-radius:.35rem;background:var(--surface-soft)}.guestbook-note{border-left-color:var(--gold)}.site-footer{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid var(--border-strong);text-align:center}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.site-footer p{margin:0}.site-footer__note{color:var(--muted);font-style:italic;opacity:.9}.site-footer:before{position:absolute;top:-.36rem;left:50%;width:.72rem;aspect-ratio:1;background:var(--gold);-webkit-clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);content:"";transform:translateX(-50%)}:focus-visible{outline-color:var(--wine)}@media(max-width:760px){.page-shell{width:calc(100% - 1rem)}.site-header{box-shadow:var(--shadow-neumo-soft)}.home-updates .card{grid-template-columns:1fr;gap:.2rem}.home-updates .card>.meta,.home-updates .card>h3,.home-updates .card>p{grid-column:1;grid-row:auto}.portrait-card{width:7rem}.portrait-card--large{width:8.5rem}.card-progress,.lost-card{grid-template-columns:1fr}.lost-card{gap:1rem}.lost-card-symbol{width:5rem}}@media(max-width:520px){.site-header{grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0}.primary-nav{width:100%;min-width:0;overflow:hidden}.primary-nav ul{grid-template-columns:repeat(2,minmax(0,1fr));width:100%!important}.primary-nav li{min-width:0}.site-header .primary-nav a{min-width:0;white-space:normal}.effects-toggle{right:.5rem;bottom:.5rem;padding:.5rem}.effects-toggle [data-effects-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.archive-book{padding:.65rem;background:var(--surface)}}@media(max-width:420px){body{background:var(--bg)}.hero:after,.site-header:after{display:none}.article,.card,.hero{border-radius:.35rem}}@media(prefers-reduced-motion:reduce){.card-link{transition:none}.portrait-card,.portrait-card--large{transform:none}.magic-effects,.seal-gate,.sparkle-layer{display:none!important}.magic-card,.seal-star{animation:none!important;transition:none!important}}@supports not (background:color-mix(in srgb,white,black)){.portrait-card:before,.site-header:before{border-color:var(--border)}.portrait-card{box-shadow:none}}.primary-nav ul{grid-template-columns:repeat(5,minmax(0,1fr))}.primary-nav li{perspective:18rem}.primary-nav a{position:relative;border:1px solid transparent;border-bottom:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:.25rem .25rem .65rem .65rem;transform:translateZ(0)}.primary-nav a[aria-current=page]{border-color:var(--gold);box-shadow:0 0 .8rem color-mix(in srgb,var(--gold) 28%,transparent),inset 0 -2px var(--gold)}.home-magic-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(15rem,.72fr);align-items:start;grid-gap:clamp(1.5rem,4vw,4rem);gap:clamp(1.5rem,4vw,4rem);min-height:34rem;overflow:hidden;perspective:70rem;padding-top:0}.hero-magic-copy{min-width:0;padding:.15rem clamp(.5rem,3vw,2rem) 1rem;transform:translateZ(1rem)}.magic-symbol-loop{--symbol-color:var(--gold);color:var(--symbol-color);opacity:.75;margin:60px 0 35px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.hero-intro{font-family:var(--font-intro),var(--font-sans);font-weight:400;font-synthesis:none;font-size:clamp(1.2rem,2.3vw,1.5rem);line-height:1.7;color:var(--text);letter-spacing:.03em;white-space:pre-line;margin-top:1rem;max-width:none}.hero-intro strong{color:var(--wine);font-weight:400;font-size:1.1em;letter-spacing:.01em}.hero-magic-copy .home-view{display:flex;align-items:center;gap:.9rem;margin-bottom:1.1rem;color:var(--muted);font-size:clamp(.8rem,1.4vw,.92rem);letter-spacing:.02em}.hero-magic-copy .home-view-date{white-space:nowrap}.hero-magic-copy .home-view-ring{position:relative;width:4.4rem;height:4.4rem;display:grid;place-items:center}.hero-magic-copy .home-view-ring__rune{position:absolute;inset:0;width:100%;height:100%;color:var(--gold);animation:home-view-ring-spin 24s linear infinite}@keyframes home-view-ring-spin{to{transform:rotate(1turn)}}.hero-magic-copy .home-view-ring__circle{fill:none;stroke:color-mix(in srgb,var(--gold) 70%,transparent);stroke-width:2}.hero-magic-copy .home-view-ring__circle--dashed{stroke-dasharray:3 5;stroke-width:1.2;opacity:.65}.hero-magic-copy .home-view-ring__glyphs{font-size:11px;fill:var(--gold);text-anchor:middle;dominant-baseline:middle}.hero-magic-copy .home-view-ring__time{position:relative;z-index:1;font-family:var(--font-serif);color:var(--gold);font-weight:700;font-size:.82em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 0 .45em color-mix(in srgb,var(--gold) 45%,transparent)}.hero-magic-copy .home-view-ring__second{color:var(--wine)}.home-like{position:fixed;right:1.25rem;bottom:1.25rem;z-index:var(--z-navbar);margin-top:0;width:auto}.home-like-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:auto;height:auto;min-height:2.75rem;padding:.55rem 1rem;border-radius:999px}.home-like-button svg{width:1.15rem;height:1.15rem}.home-like-count{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:760px){.home-like{right:.75rem;bottom:.75rem}}.magic-companion{position:relative;align-self:end;display:grid;place-items:center;min-height:29rem;isolation:isolate;transform-style:preserve-3d}.magic-companion:before{position:absolute;inset:12% 0 4%;z-index:-1;border:1px solid color-mix(in srgb,var(--gold) 52%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent-soft) 22%,transparent),transparent 68%);content:"";transform:translateZ(-2rem)}.companion-character{display:block;width:min(100%,25rem);padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 1.2rem 1rem rgba(91,46,61,.18));animation:companion-breathe 5.5s ease-in-out infinite}.companion-character img{display:block;width:100%;max-height:34rem;object-fit:contain;transition:opacity .22s ease,filter .22s ease}.companion-character:active img{opacity:.5}.companion-hint,.companion-label{position:absolute;bottom:1rem;padding:.3rem .55rem;border:1px solid var(--gold);background:var(--surface);color:var(--wine);font-size:.75rem;opacity:0;transition:opacity .2s ease;pointer-events:none}.companion-label{bottom:-.25rem;opacity:.82}.companion-character:focus-visible~.companion-hint,.magic-companion:hover .companion-hint{opacity:1}@keyframes companion-breathe{50%{transform:translateY(-.35rem) scale(1.006)}}.magic-note-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));perspective:90rem}.magic-note-grid .magic-card{min-height:22rem;border:0;background:transparent;overflow:visible;transform-style:preserve-3d}.magic-card-inner{position:relative;width:100%;height:100%;min-height:22rem;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.7,.2,1)}.magic-card-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.45rem;border:1px solid var(--gold);border-radius:.6rem;background:linear-gradient(145deg,var(--surface),var(--surface-soft));box-shadow:.35rem .45rem 0 color-mix(in srgb,var(--wine) 16%,transparent),0 1rem 2rem rgba(75,37,50,.12);-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:center}.magic-card-face:before{position:absolute;inset:.38rem;border:1px double color-mix(in srgb,var(--wine) 48%,transparent);border-radius:.35rem;content:"";pointer-events:none}.magic-card-back{transform:rotateY(180deg)}.magic-card-back p{max-height:8.5rem;overflow:hidden}.card-open{position:relative;margin-top:auto;color:var(--wine);font-weight:700}.card-sigil{font-size:2.5rem;color:var(--gold)}@media(hover:hover){.magic-card:focus-within .magic-card-inner,.magic-card:hover .magic-card-inner{transform:rotateY(180deg)}}.card-progress{grid-template-columns:1fr;perspective:80rem;background:linear-gradient(105deg,var(--surface),color-mix(in srgb,var(--sky) 12%,var(--surface)))}.mini-card-wall{grid-template-columns:repeat(auto-fit,minmax(7.4rem,1fr));perspective:60rem}.mini-magic-card{position:relative;flex-direction:column;min-height:10rem;border-color:var(--gold);border-radius:.45rem;box-shadow:.2rem .3rem 0 color-mix(in srgb,var(--wine) 14%,transparent);transform:rotateX(3deg) translateZ(.3rem);transition:transform .25s ease,filter .25s ease}.mini-magic-card:after{position:absolute;inset:.3rem;border:1px solid color-mix(in srgb,var(--wine) 30%,transparent);border-radius:.25rem;content:""}.mini-magic-card b{color:var(--gold);font-size:1.6rem}.mini-magic-card em{font-style:normal;font-weight:700}.mini-magic-card small{color:var(--muted)}.mini-magic-card:hover{transform:rotateX(0) translateY(-.25rem) translateZ(1rem)}.mini-magic-card.is-studying{opacity:.67}.mini-magic-card.is-locked{filter:grayscale(1);opacity:.52}.magic-burst{--burst-distance:4.2rem;width:1rem;filter:drop-shadow(0 0 .45rem var(--accent-soft));animation:magic-burst .85s ease-out forwards!important}@keyframes magic-burst{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--burst-angle)) translateX(.2rem) scale(.35)}55%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--burst-angle)) translateX(var(--burst-distance)) scale(1.15)}}:root[data-effects=off] .magic-companion,:root[data-effects=off] .magic-effects,:root[data-effects=off] .sparkle-layer{display:none!important}body:before{transform:translateY(var(--magic-scroll,0))}@media(max-width:900px){.home-magic-hero{grid-template-columns:1fr;gap:0}.hero-magic-copy{padding-inline:clamp(.5rem,5vw,2.5rem)}.magic-companion{min-height:22rem}.companion-character{width:min(62vw,21rem)}}@media(max-width:620px){.home-magic-hero{min-height:0}.hero-magic-copy{padding-inline:0}.magic-companion{min-height:20rem}.companion-character{width:min(78vw,20rem)}.primary-nav ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.companion-character{animation:none}.magic-card-inner,.mini-magic-card{transition:none;transform:none}.magic-card:hover .magic-card-inner{transform:none}}.magic-motion-ready .magic-reveal{opacity:0;transform:perspective(75rem) translate3d(0,2rem,-3rem) rotateX(1.8deg);transform-origin:50% 0;transition:opacity var(--duration-magic) cubic-bezier(.22,1,.36,1),transform var(--duration-card) var(--ease-out);transition-delay:calc(var(--reveal-order,0) * 45ms);will-change:opacity,transform}.magic-motion-ready .magic-reveal.is-revealed{opacity:1;transform:perspective(75rem) translateZ(0) rotateX(0);will-change:auto}.magic-motion-ready .home-updates .card{transition:transform .35s ease,border-color .25s ease,background-color .25s ease}.magic-motion-ready .home-updates .card:hover{transform:translate3d(0,-2px,8px);border-color:var(--border-strong);background:color-mix(in srgb,var(--surface) 48%,transparent)}@media(prefers-reduced-motion:reduce){.magic-reveal{opacity:1!important;transform:none!important;transition:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.article-row{display:grid;grid-template-columns:6.5rem minmax(0,1fr) auto;align-items:start;grid-gap:var(--space-5);gap:var(--space-5);padding:var(--space-5) var(--space-2);border-bottom:1px solid var(--border);transition:background-color var(--duration-normal) ease}.article-row:hover{background:color-mix(in srgb,var(--accent) 2.5%,transparent)}.article-row__date{color:var(--muted);font-size:.88rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-top:.2rem}.article-row__title{margin:0;font-family:var(--font-serif);font-size:1.3rem;line-height:1.35}.article-row__featured{display:inline-block;margin-right:.5rem;padding:.1rem .5rem;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold);font-family:var(--font-sans);font-size:.68rem;font-weight:650;letter-spacing:.04em;vertical-align:.18em}.article-row__title a{color:var(--text);text-decoration:none;transition:transform var(--duration-normal) ease,color var(--duration-normal) ease;display:inline-block}.article-row:hover .article-row__title a{color:var(--wine);transform:translateX(4px)}.article-row__desc{margin:.3rem 0 .5rem;color:var(--muted);line-height:1.65}.article-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0}.article-row__category{color:var(--wine);font-size:.82rem;text-decoration:none}.article-row__arrow{color:var(--muted);opacity:0;transform:translateX(-4px);transition:opacity var(--duration-normal) ease,transform var(--duration-normal) ease,color var(--duration-normal) ease}.article-row:hover .article-row__arrow{opacity:1;transform:translateX(0);color:var(--wine)}.archive-item{display:inline-flex;align-items:center;gap:.45rem;min-width:0}.archive-item a{min-width:0;overflow-wrap:anywhere}.archive-read-badge{flex:0 0 auto;padding:.05rem .3rem;border:1px dashed color-mix(in srgb,var(--muted) 55%,transparent);border-radius:.25rem;background:transparent;color:color-mix(in srgb,var(--muted) 75%,transparent);font-size:.72rem;font-weight:400}.archive-read-badge[hidden]{display:none}@media(max-width:620px){.article-row{grid-template-columns:1fr;gap:var(--space-2)}.article-row__arrow{display:none}.article-row__date{padding-top:0}}@media(prefers-reduced-motion:reduce){.article-row__arrow,.article-row__title a{transition:none;transform:none!important}}.article-back{margin:0 0 1.5rem}.article-back a{color:var(--muted);text-decoration:none;font-size:.9rem}.article-back a:hover{color:var(--accent)}.article-header{margin-bottom:2.5rem}.article-header__category{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .75rem}.article-header__category a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.article-header__category a:hover{border-bottom-color:var(--accent)}.article-header__desc{color:var(--muted);font-size:1.15rem;line-height:1.6;margin:1rem 0}.article-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;color:var(--muted);font-size:.9rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:1.25rem 0 .25rem}.article-header__status{color:var(--muted);font-size:.82rem;margin:.25rem 0 0}.article-ending{margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--border);text-align:center}.article-ending__mark{color:var(--gold);font-size:1.5rem;margin:0}.article-ending__title{font-family:var(--font-serif);font-size:1.1rem;letter-spacing:.08em;color:var(--text);margin:.5rem 0 .75rem}.article-ending__note{color:var(--muted);font-size:.92rem;line-height:1.7;max-width:26rem;margin:0 auto}.page-head{max-width:var(--container-main);margin-inline:auto;padding:clamp(var(--space-6),6vw,var(--space-9)) 0 var(--space-7)}.page-head__title{font-size:clamp(2.5rem,7vw,3.5rem);font-weight:650;letter-spacing:-.035em;line-height:1.08;margin:.2rem 0}.page-head__desc{max-width:36rem;color:var(--muted);font-size:1.05rem;line-height:1.7}.page-head__search{margin-top:var(--space-4)}.page-head__search a{color:var(--wine);text-decoration:none}.page-head__search a:hover{text-decoration:underline}.section-title{font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.article-list{margin-top:var(--space-3)}@media(max-width:520px){.page-head__title{font-size:2.2rem}}.workshop-list{max-width:var(--container-main);margin-inline:auto;display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.project-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-6);gap:var(--space-6);padding:var(--space-6) var(--space-2);border-bottom:1px solid var(--border)}.project-row__status{color:var(--wine);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:0}.project-row__name{margin:.3rem 0;font-family:var(--font-serif);font-size:1.5rem}.project-row__desc{margin:.2rem 0 .6rem;color:var(--muted);max-width:38rem;line-height:1.7}.project-row__stack{color:var(--muted);font-size:.85rem;margin:0}.project-row__actions a{color:var(--wine);text-decoration:none;font-weight:600}.project-row__actions a:hover{text-decoration:underline}.project-row__soon{color:var(--muted);font-size:.9rem}@media(max-width:620px){.project-row{grid-template-columns:1fr;gap:var(--space-3)}}.copy-email__button{display:inline-flex;align-items:center;gap:.4rem;min-height:2.5rem;padding:.4rem .7rem;border:1px solid var(--border);border-radius:.65rem;background:color-mix(in srgb,var(--accent) 6%,var(--surface));color:var(--accent);font:inherit;cursor:pointer}.copy-email.is-copied .copy-email__button,.copy-email__button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.copy-email__button svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.copy-email__status{position:absolute;left:50%;bottom:calc(100% + .5rem);z-index:2;width:max-content;max-width:min(18rem,calc(100vw - 2rem));padding:.35rem .6rem;border:1px solid var(--border);border-radius:.55rem;background:var(--surface);box-shadow:var(--shadow);color:var(--muted);font-size:.78rem;line-height:1.4;opacity:0;pointer-events:none;transform:translate(-50%,.2rem);transition:opacity .16s ease,transform .16s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.copy-email.is-copied .copy-email__status,.copy-email:focus-within .copy-email__status,.copy-email:hover .copy-email__status{opacity:1;transform:translate(-50%)}.copy-email{position:relative;display:inline-flex}.guestbook-chat{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem}.guestbook-chat__compose{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.guestbook-chat__nick{width:100%;min-height:2.4rem;padding:.45rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;outline:none}.guestbook-chat__input:focus-visible,.guestbook-chat__nick:focus-visible{border-color:var(--accent)}.guestbook-chat__row{display:flex;gap:.5rem}.guestbook-chat__input{flex:1 1;min-width:0;min-height:2.75rem;padding:.55rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;outline:none}.guestbook-chat__error{color:var(--wine);font-size:.85rem;margin:0}.guestbook-chat__list{display:flex;flex-direction:column;gap:.9rem}.guestbook-chat__status{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}.guestbook-chat__status .muted{margin:0}.guestbook-bubble{display:flex;flex-direction:column;max-width:min(82%,38rem)}.guestbook-bubble.is-mine{align-self:flex-end;align-items:flex-end}.guestbook-bubble.is-reply{max-width:min(88%,34rem)}.guestbook-bubble__body{display:flex;flex-direction:column;gap:.3rem;min-width:0;padding:.6rem .9rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-align:left;box-shadow:var(--shadow-neumo-soft)}.guestbook-bubble.is-mine .guestbook-bubble__body{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 38%,var(--border))}.guestbook-bubble__head{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.guestbook-bubble__nick{font-weight:700;font-size:.9rem;color:var(--wine)}.guestbook-bubble__time{color:var(--muted);font-size:.72rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.guestbook-bubble__pin{font-size:.85rem;line-height:1}.guestbook-bubble__content{font-size:.95rem;line-height:1.6;overflow-wrap:anywhere}.guestbook-bubble__actions{display:flex;gap:.4rem;margin-top:.3rem;padding-inline:.2rem}.guestbook-bubble__action{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.78rem;cursor:pointer;padding:.15rem .6rem}.guestbook-bubble__action:hover{border-color:var(--accent);color:var(--accent)}.guestbook-thread .guestbook-bubble.is-mine{max-width:min(82%,38rem)}.guestbook-thread__replies{margin:1.5rem 0 .6rem;font-size:1.05rem;color:var(--muted)}#search-status,.search-results{max-width:var(--container-reading);margin-inline:auto}#search-status{margin-top:var(--space-8)}.search-results{display:grid}.search-result{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-5) var(--space-2);border-bottom:1px solid var(--border)}.search-result .meta,.search-result h2,.search-result>p{margin:0}.search-result h2{font-size:var(--text-xl);line-height:1.35}.search-result>p:last-child{color:var(--muted)}.search-result mark{background:color-mix(in srgb,var(--gold) 30%,transparent);color:inherit}.search-empty{margin-top:var(--space-5);padding:var(--space-5);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--muted)}.search-empty p{margin-top:0;color:var(--text);font-weight:650}.search-empty ul{margin-bottom:0;padding-left:1.25rem}.search-keyboard-hint{max-width:var(--container-reading);margin:var(--space-4) auto 0;font-size:var(--text-sm)}.search-result__link.is-active{border-radius:var(--radius-xs);outline:3px solid var(--accent);outline-offset:3px}.header-search{position:relative;display:flex;align-items:center}.header-search__bar{position:absolute;top:calc(100% + .6rem);right:0;z-index:var(--z-popover);width:min(20rem,calc(100vw - 2rem));padding:.45rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-search__input{width:100%;min-height:2.5rem;padding:.4rem .75rem;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--text);font:inherit;outline:none}.header-search__input:focus-visible{border-color:var(--accent)}@media(prefers-reduced-motion:reduce){.header-search__bar{transition:none}}@media(max-width:520px){.header-search__bar{position:fixed;top:4.2rem;right:.75rem;left:.75rem;width:auto}}.ow-nav{position:fixed;left:0;top:50%;z-index:var(--z-navbar);height:100dvh;width:clamp(8rem,12vw,13rem);transform:translateY(-50%);pointer-events:none}.ow{--ow-text-color:var(--muted);--ow-active-color:var(--accent);position:relative;width:100%;height:100%;pointer-events:auto;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ow-item{position:absolute;top:50%;left:var(--ow-inset,1rem);border:0;margin:0;padding:0;background:none;font-family:inherit;font-size:var(--ow-font,1rem);line-height:1.2;white-space:nowrap;cursor:pointer;opacity:0;will-change:transform,opacity,filter;color:color-mix(in srgb,var(--ow-active-color) calc(var(--ow-p,0) * 100%),var(--ow-text-color));transition:opacity .18s ease}.ow.is-ready .ow-item{opacity:var(--ow-item-opacity,1)}.ow-item.is-selected{font-weight:650;text-shadow:0 0 .75rem color-mix(in srgb,var(--accent) 32%,transparent)}.ow-item:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (min-width:1100px){body{padding-left:clamp(8.5rem,13vw,13.5rem)}}.mobile-nav{display:none}@media (max-width:1024px){.ow-nav{display:none}.site-header--compact{grid-template-columns:minmax(7rem,1fr) auto}.site-header--compact .header-tools{grid-column:2}.mobile-nav{display:flex;grid-column:1/-1;grid-row:2;gap:.35rem;margin-bottom:.25rem;padding:.5rem 0 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav a{display:inline-flex;flex:0 0 auto;align-items:center;min-height:2.75rem;padding:.45rem .85rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface);color:var(--muted);text-decoration:none;font-weight:550}.mobile-nav a[aria-current=page]{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}}.site-header--compact{grid-template-columns:minmax(7rem,1fr) auto;gap:clamp(.5rem,1.5vw,1.25rem)}.site-header--compact .header-tools{grid-column:2}.browser-bar-glow{position:-webkit-sticky;position:sticky;top:.75rem;padding:.4rem}.browser-bar-glow__content{min-width:0}.browser-bar-glow__content .browser-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:clamp(.5rem,1.5vw,1.25rem);gap:clamp(.5rem,1.5vw,1.25rem);height:3.75rem;padding:.4rem .9rem;min-width:0}.browser-bar-glow__content .browser-bar:after,.browser-bar-glow__content .browser-bar:before{display:none}.site-main{margin-top:calc(.75rem + 3.75rem)}.browser-bar__brand{display:inline-flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;color:var(--accent);text-decoration:none;white-space:nowrap}.browser-bar__brand img,.browser-bar__brand svg{width:1.6rem;height:1.6rem;flex:0 0 auto}.browser-bar__search{display:flex;align-items:center;gap:.35rem;min-width:0;height:2.6rem;padding:0 .85rem;border:1px solid var(--border);background:var(--surface);transition:border-color var(--duration-fast) ease}.browser-bar__search:focus-within{border-color:var(--accent)}.browser-bar__search svg{width:1.1rem;height:1.1rem;flex:0 0 auto;color:var(--muted);stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.browser-bar__search input{flex:1 1;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:.95rem;outline:none}.browser-bar__search input::-webkit-search-cancel-button,.browser-bar__search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.browser-bar__search input::-ms-clear{display:none}.browser-bar__search input::placeholder{color:var(--muted)}.browser-bar__search .browser-bar__clear{display:grid;place-items:center;width:1.4rem;height:1.4rem;border:0;border-radius:50%;background:color-mix(in srgb,var(--muted) 18%,transparent);color:var(--muted);font-size:.7rem;cursor:pointer}.browser-bar__search .browser-bar__clear[hidden]{display:none}.browser-bar__actions{display:flex;align-items:center;gap:.25rem;min-width:0}.browser-bar__actions .tool-button{min-width:2.4rem;min-height:2.4rem;padding:.45rem;border-radius:var(--radius-pill)}.lang-button{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-width:2.4rem;min-height:2.4rem;padding:0 .7rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:650;cursor:pointer;text-decoration:none}.lang-button:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.lang-button svg{width:1.15rem;height:1.15rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.music-player{position:relative}.music-player__panel{position:absolute;top:calc(100% + .65rem);right:0;z-index:var(--z-popover);display:grid;grid-gap:.6rem;gap:.6rem;width:min(16rem,calc(100vw - 2rem));padding:.85rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.music-player__nowplaying{min-width:0;overflow:hidden;color:var(--text);font-size:.9rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.music-player__progress{position:relative;height:.28rem;border-radius:999px;background:color-mix(in srgb,var(--muted) 22%,transparent);cursor:pointer}.music-player__progress span{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--accent);pointer-events:none}.music-player__controls{display:flex;align-items:center;justify-content:center;gap:.45rem}.music-player__controls button{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid var(--border);border-radius:50%;background:var(--surface-soft);color:var(--text);cursor:pointer}.music-player__controls button:hover{border-color:var(--accent);color:var(--accent)}.music-player__controls button:disabled{opacity:var(--control-opacity-disabled);cursor:not-allowed}.music-player__controls button svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.music-player__controls .music-player__play{background:var(--accent);border-color:var(--accent);color:#fff}.music-player__controls .music-player__play svg{fill:currentColor;stroke:none}.music-player__volume{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.78rem}.music-player__volume input[type=range]{flex:1 1;accent-color:var(--accent)}@media (max-width:1024px){.browser-bar-glow__content .browser-bar{grid-template-columns:auto 1fr auto}}@media (max-width:760px){.browser-bar-glow__content .browser-bar{height:auto;grid-template-columns:auto 1fr auto;flex-wrap:wrap}.browser-bar-glow__content .browser-bar__search{grid-column:1/-1;grid-row:2;order:3}.lang-button span{display:none}.lang-button{min-width:2.4rem;padding:0}}@media (prefers-reduced-motion:reduce){.browser-bar{transition:none}}html{font-family:var(--font-sans);font-size:100%;text-rendering:optimizeLegibility}body{color:var(--text);font-size:var(--text-base);line-height:var(--leading-copy)}:where(h1,h2,h3){font-family:var(--font-serif);text-wrap:balance}:where(p,li){text-wrap:pretty}:where(button,input,select,textarea,summary,a):focus-visible{outline:2px solid var(--accent);outline-offset:3px}:where(button,input,select,textarea):disabled,[aria-disabled=true]{cursor:not-allowed;opacity:var(--control-opacity-disabled)}:where(button,summary){-webkit-tap-highlight-color:transparent}.page-shell{width:min(var(--container-main),calc(100% - var(--space-8)))}.site-main{margin-top:var(--space-8);padding-bottom:var(--space-8)}.browser-bar-glow{top:var(--navbar-offset);z-index:var(--z-navbar);padding:var(--space-1)}.browser-bar-glow__content{position:relative;isolation:isolate;border:1px solid var(--glass-border);border-radius:var(--radius-lg)!important;background:var(--glass-bg)!important;box-shadow:var(--shadow-floating);backdrop-filter:blur(var(--glass-blur)) saturate(1.1);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.1)}body:not([data-section=home]) .magic-effects,body:not([data-section=home]) .sparkle-layer{display:none}.browser-bar-glow__content .browser-bar{height:var(--space-8);gap:var(--space-3);padding:var(--space-2) var(--space-4)}.browser-bar__brand{font-family:var(--font-serif);font-size:var(--text-lg);letter-spacing:.02em}.browser-bar__search{height:var(--control-md);padding-inline:var(--space-4);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 62%,transparent);transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard)}.browser-bar__search:focus-within{background:var(--surface-control);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.lang-button,.tool-button{min-width:var(--control-md)!important;min-height:var(--control-md)!important;border-radius:var(--radius-pill)!important;transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-normal) var(--ease-standard),transform var(--duration-fast) var(--ease-out)}.lang-button:hover,.mobile-menu__panel a:hover,.tool-button:hover{background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent)}.lang-button:active,.tool-button:active{transform:scale(.96)}.mobile-menu{display:none}.site-footer{gap:var(--space-2);margin-top:var(--space-8);padding:var(--space-7) var(--space-4) var(--space-6);border-top:1px solid var(--border);font-size:var(--text-sm)}.site-footer nav{gap:var(--space-5)}.site-footer a{color:var(--muted);transition:color var(--duration-fast) var(--ease-standard)}.site-footer a:hover{color:var(--accent)}.index-head{max-width:var(--container-reading);margin:0 auto var(--space-7);padding-top:var(--space-7)}.index-head h1{margin:var(--space-1) 0 var(--space-2);font-size:var(--text-2xl);line-height:var(--leading-tight)}.index-head>p:last-child{max-width:38rem;margin:0;color:var(--muted)}.article pre[data-language]{padding-top:var(--space-7)}.article pre[data-language]:before{position:absolute;top:var(--space-3);left:var(--space-4);color:#cbb7bb;content:attr(data-language);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:650;letter-spacing:.08em;text-transform:uppercase}.code-copy{top:var(--space-2)!important;right:var(--space-2)!important;min-height:var(--control-sm);border-radius:var(--radius-xs)!important}.reader-toc-mobile{display:none}.article-content{min-width:0}.article-content :is(h2,h3,h4,p,li,a){overflow-wrap:anywhere}.article-content table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.article-content :is(th,td){min-width:8rem;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.article-content th{color:var(--text);font-weight:700}.article-content :is(iframe,video,embed,object){width:100%;max-width:100%;border:0;border-radius:var(--radius-sm)}.article-content hr{margin-block:var(--space-7);border:0;border-top:1px solid var(--border)}@media (max-width:1024px){.page-shell{width:min(var(--container-main),calc(100% - var(--space-6)))}.mobile-nav{display:none!important}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu__trigger{cursor:pointer}.mobile-menu__trigger svg{transition:transform var(--duration-normal) var(--ease-out)}.mobile-menu[open] .mobile-menu__trigger svg{transform:rotate(45deg)}.mobile-menu__panel{position:absolute;top:calc(100% + var(--space-3));right:0;z-index:var(--z-popover);display:grid;width:min(20rem,calc(100vw - var(--space-6)));padding:var(--space-2);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.mobile-menu__panel a{min-height:var(--control-md);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--muted);text-decoration:none}.mobile-menu__panel a:hover,.mobile-menu__panel a[aria-current=page]{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}}@media (max-width:980px){.reader-toc{display:none}.reader-toc-mobile{display:block;min-width:0}.reader-toc-mobile summary{display:flex;min-height:var(--control-md);align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-weight:650;list-style:none}.reader-toc-mobile summary::-webkit-details-marker{display:none}.reader-toc-mobile summary span{transition:transform var(--duration-normal) var(--ease-out)}.reader-toc-mobile[open] summary span{transform:rotate(180deg)}.reader-toc-mobile nav{max-height:45svh;overflow:auto;padding-top:var(--space-2)}.reader-toc-mobile ol{display:grid;grid-gap:var(--space-1);gap:var(--space-1);margin:0;padding:0;list-style:none}.reader-toc-mobile li{padding-left:calc(var(--toc-depth) * var(--space-3))}.reader-toc-mobile a{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);color:var(--muted);text-decoration:none}.reader-toc-mobile a.is-active{background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent)}}@media (max-width:620px){.article-content table{font-size:var(--text-xs)}.article-content :is(th,td){min-width:7rem;padding:var(--space-2)}}@media (max-width:760px){.page-shell{width:calc(100% - var(--space-4))}.site-main{margin-top:var(--space-6)}.browser-bar-glow{top:var(--space-2)}.browser-bar-glow__content .browser-bar{height:auto;gap:var(--space-2);padding:var(--space-2)}.browser-bar__search{grid-column:1/-1}.site-footer{align-items:center;text-align:center}.site-footer nav{justify-content:center;gap:var(--space-4)}}@media (prefers-reduced-motion:reduce){.mobile-menu__trigger svg{transition:none}}.route-loading{min-height:40vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.route-loading span{font-size:2rem;color:var(--accent)}.navigation-pending{position:fixed;left:1rem;bottom:1rem;padding:.5rem .8rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;font-size:.8rem}.hero-about{display:flex;align-items:flex-start;gap:1rem;margin:1.4rem 0;max-width:42rem}.hero-about-avatar{width:4.5rem;height:4.5rem;flex:0 0 4.5rem;object-fit:cover;border-radius:50%;border:1px solid var(--border)}.hero-about p{margin:0 0 .65rem;font-size:.95rem;line-height:1.85;color:var(--muted)}.hero-about .hero-about-eyebrow{color:var(--wine);font-size:.72rem;letter-spacing:.1em}.hero-links>p{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.65rem}@media (max-width:620px){.hero-about{gap:.8rem}.hero-about-avatar{width:3.25rem;height:3.25rem;flex-basis:3.25rem}}