@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--seed: #39c5bb;--md-primary: #50dbd0;--md-on-primary: #003734;--md-primary-container: #00504b;--md-on-primary-container: #71f7ec;--md-secondary: #b0ccc8;--md-on-secondary: #1c3532;--md-secondary-container: #324b49;--md-on-secondary-container: #cce8e4;--md-tertiary: #afc9e7;--md-on-tertiary: #18324a;--md-surface: #101414;--md-surface-dim: #101414;--md-surface-bright: #363a39;--md-surface-container-lowest: #0b0f0e;--md-surface-container-low: #191c1c;--md-surface-container: #1d2020;--md-surface-container-high: #272b2a;--md-surface-container-highest: #323535;--md-on-surface: #e0e3e2;--md-on-surface-variant: #bec9c6;--md-outline: #899391;--md-outline-variant: #3f4947;--md-inverse-surface: #e0e3e2;--md-inverse-on-surface: #2d3130;--md-error: #ffb4ab;--md-on-error: #690005;--md-radius-small: 8px;--md-radius-medium: 12px;--md-radius-large: 16px;--md-radius-extra-large: 24px;--md-radius-hero: 28px;--md-space-1: 4px;--md-space-2: 8px;--md-space-3: 12px;--md-space-4: 16px;--md-space-5: 24px;--md-space-6: 32px;--md-space-7: 48px;--md-space-8: 64px;--md-elevation-0: none;--md-elevation-1: 0 1px 2px rgba(0, 0, 0, .28), 0 1px 3px 1px rgba(0, 0, 0, .12);--md-elevation-2: 0 2px 6px rgba(0, 0, 0, .28), 0 1px 2px rgba(0, 0, 0, .16);--md-elevation-3: 0 8px 24px rgba(0, 0, 0, .36), 0 2px 8px rgba(0, 0, 0, .2);--md-motion-fast: .15s;--md-motion-medium: .2s;--md-motion-slow: .28s;--md-ease-standard: cubic-bezier(.2, 0, 0, 1);--md-ease-emphasized: cubic-bezier(.05, .7, .1, 1);--md-font: "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--page-pad: 16px;--page-max: 1120px;--prose-max: 680px;--header-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}:root[data-theme=light]{--md-primary: #006a64;--md-on-primary: #ffffff;--md-primary-container: #71f7ec;--md-on-primary-container: #00201e;--md-secondary: #4a6360;--md-on-secondary: #ffffff;--md-secondary-container: #cce8e4;--md-on-secondary-container: #051f1d;--md-tertiary: #48617a;--md-on-tertiary: #ffffff;--md-surface: #f7faf8;--md-surface-dim: #d8dbd9;--md-surface-bright: #f7faf8;--md-surface-container-lowest: #ffffff;--md-surface-container-low: #f2f4f3;--md-surface-container: #eceeed;--md-surface-container-high: #e6e9e7;--md-surface-container-highest: #e0e3e2;--md-on-surface: #191c1c;--md-on-surface-variant: #3f4947;--md-outline: #6f7977;--md-outline-variant: #bec9c6;--md-inverse-surface: #2d3130;--md-inverse-on-surface: #eff1f0;--md-error: #ba1a1a;--md-on-error: #ffffff;--md-elevation-1: 0 1px 2px rgba(32, 24, 48, .08), 0 1px 3px rgba(32, 24, 48, .06);--md-elevation-2: 0 2px 8px rgba(32, 24, 48, .1);--md-elevation-3: 0 12px 32px rgba(32, 24, 48, .16)}@media(min-width:768px){:root{--page-pad: 24px;--header-h: 72px}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;color-scheme:dark}:root[data-theme=light]{color-scheme:light}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:var(--md-font);font-optical-sizing:auto;background:var(--md-surface);color:var(--md-on-surface);line-height:1.6;text-rendering:optimizeLegibility}#app{min-height:100svh}img,svg,video,canvas{max-width:100%;display:block}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:var(--md-primary);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--md-on-primary-container)}h1,h2,h3,h4,p{margin:0}:focus-visible{outline:2px solid var(--md-primary);outline-offset:3px}.skip-link{position:absolute;left:16px;top:12px;z-index:100;padding:8px 16px;border-radius:var(--md-radius-medium);background:var(--md-primary);color:var(--md-on-primary);transform:translateY(-160%)}.skip-link:focus{transform:none}.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}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page-shell{width:min(100%,var(--page-max));margin-inline:auto;padding-inline:var(--page-pad)}.site-header{position:sticky;top:0;z-index:40;height:var(--header-h);display:flex;align-items:center;backdrop-filter:blur(20px);background:color-mix(in srgb,var(--md-surface) 82%,transparent);border-bottom:1px solid transparent}.site-header.is-scrolled{border-bottom-color:var(--md-outline-variant)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--md-space-4);width:min(100%,var(--page-max));margin-inline:auto;padding-inline:var(--page-pad)}.brand{display:flex;align-items:center;gap:10px;color:var(--md-on-surface);text-decoration:none;font-weight:650;letter-spacing:-.02em}.brand img{width:32px;height:32px;border-radius:50%}.desktop-nav{display:none;align-items:center;gap:4px}.desktop-nav a,.desktop-nav button.nav-link{padding:8px 12px;border-radius:999px;color:var(--md-on-surface-variant);text-decoration:none;font-size:.95rem}.desktop-nav a:hover,.desktop-nav button.nav-link:hover,.desktop-nav a[aria-current=true],.desktop-nav button.nav-link[aria-current=true]{background:var(--md-surface-container-high);color:var(--md-on-surface)}.header-actions{display:flex;align-items:center;gap:8px}.theme-desktop{display:none}.mobile-theme{margin-top:16px;padding-top:16px;border-top:1px solid var(--md-outline-variant)}.menu-toggle{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--md-on-surface)}.menu-toggle:hover{background:var(--md-surface-container-high)}.mobile-nav{position:fixed;inset:var(--header-h) 0 0 0;z-index:35;background:var(--md-surface);padding:var(--md-space-5) var(--page-pad);display:flex;flex-direction:column;gap:8px}.mobile-nav a,.mobile-nav button.nav-link{text-align:left;padding:14px 16px;border-radius:var(--md-radius-large);color:var(--md-on-surface);text-decoration:none;font-size:1.1rem;background:var(--md-surface-container)}.hero{min-height:80svh;display:grid;align-content:center;padding-block:var(--md-space-8) var(--md-space-7)}.hero-kicker{color:var(--md-primary);font-size:1rem;margin-bottom:var(--md-space-3)}.hero h1{font-size:clamp(2.75rem,10vw,5rem);line-height:1.02;letter-spacing:-.05em;font-weight:750}.hero-sub{max-width:36rem;margin-top:var(--md-space-4);color:var(--md-on-surface-variant);font-size:1.125rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--md-space-5)}.hero-links{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--md-space-4)}.section{padding-block:var(--md-space-8)}.section-label{color:var(--md-primary);font-size:.8rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--md-space-2)}.section-title{font-size:clamp(1.75rem,4vw,2.25rem);letter-spacing:-.03em;margin-bottom:var(--md-space-5)}.about-prose{max-width:var(--prose-max)}.about-prose h3{font-size:1.15rem;margin-bottom:var(--md-space-3)}.about-prose p+p,.about-prose blockquote+p,.about-prose p+blockquote{margin-top:var(--md-space-4)}.about-prose blockquote{margin:0;padding-left:var(--md-space-4);border-left:2px solid var(--md-primary);color:var(--md-on-surface-variant)}.about-tags{margin-top:var(--md-space-5);padding:var(--md-space-4);border-radius:var(--md-radius-large);background:var(--md-surface-container)}.about-tags h3{margin-bottom:var(--md-space-2)}.about-tags p{color:var(--md-on-surface-variant)}.card-grid{display:grid;gap:var(--md-space-4)}.thoughts-list{display:grid;gap:var(--md-space-3)}.site-footer{padding-block:var(--md-space-7);border-top:1px solid var(--md-outline-variant);color:var(--md-on-surface-variant)}.footer-name{color:var(--md-on-surface);font-size:1.25rem;font-weight:650;margin-bottom:var(--md-space-2)}.footer-meta a{color:var(--md-on-surface-variant);text-decoration:none}.footer-meta a:hover{color:var(--md-primary)}.footer-meta{font-size:.9rem}.footer-meta p+p{margin-top:4px}@media(min-width:768px){.menu-toggle,.mobile-nav{display:none}.desktop-nav,.theme-desktop{display:flex}.section,.hero{padding-block:96px}.card-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.card-grid{grid-template-columns:1fr 1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:22px;text-decoration:none;transition:background var(--md-motion-fast) var(--md-ease-standard),color var(--md-motion-fast) var(--md-ease-standard),transform var(--md-motion-fast) var(--md-ease-standard)}.btn:active{transform:scale(.98)}.btn-filled{background:var(--md-primary);color:var(--md-on-primary)}.btn-filled:hover{color:var(--md-on-primary);filter:brightness(1.05)}.btn-tonal{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.btn-tonal:hover{color:var(--md-on-secondary-container)}.btn-text{height:36px;padding:0 14px;border-radius:18px;color:var(--md-on-surface-variant);background:transparent}.btn-text:hover{background:var(--md-surface-container);color:var(--md-on-surface)}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--md-on-surface-variant)}.icon-btn:hover,.icon-btn[aria-pressed=true]{background:var(--md-surface-container-high);color:var(--md-on-surface)}.theme-switch{display:flex;padding:3px;border-radius:999px;background:var(--md-surface-container-high)}.theme-switch button{width:32px;height:32px;border-radius:50%;color:var(--md-on-surface-variant)}.theme-switch button[aria-pressed=true]{background:var(--md-primary-container);color:var(--md-on-primary-container)}.project-card,.article-card,.book-card{min-width:0;border-radius:var(--md-radius-extra-large);background:var(--md-surface-container)}.project-card,.article-card{display:block;padding:var(--md-space-5);color:inherit;text-decoration:none;transition:background var(--md-motion-medium) var(--md-ease-standard),transform var(--md-motion-medium) var(--md-ease-standard)}.project-card:hover,.article-card:hover{background:var(--md-surface-container-high);color:inherit}.project-card h3,.article-card h3{font-size:1.15rem;letter-spacing:-.02em;margin-bottom:8px}.project-card p,.article-card p{color:var(--md-on-surface-variant)}.project-meta,.article-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--md-space-4);color:var(--md-on-surface-variant);font-size:.875rem}.lang-dot{width:8px;height:8px;border-radius:50%;background:var(--md-primary)}.meta-item{display:inline-flex;align-items:center;gap:6px}.work-foot{margin-top:var(--md-space-5)}.skeleton-card{min-height:168px;border-radius:var(--md-radius-extra-large);background:var(--md-surface-container);overflow:hidden;position:relative}.skeleton-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--md-on-surface) 6%,transparent),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.interest-box{padding:var(--md-space-4);border-radius:var(--md-radius-extra-large);background:var(--md-surface-container)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--md-space-4)}.chip{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;background:var(--md-surface-container-high);color:var(--md-on-surface-variant)}.chip.is-active{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.media-card,.anime-card{position:relative;display:block;overflow:hidden;color:inherit;text-decoration:none;background:var(--md-surface-container);border-radius:var(--md-radius-extra-large)}.interest-box .media-card,.interest-box .anime-card,.interest-box .book-card{background:var(--md-surface-container-low)}.media-frame{position:relative}.media-card img,.anime-card img,.video-frame{width:100%;object-fit:cover;background:var(--md-surface-container-highest);transition:transform var(--md-motion-medium) var(--md-ease-standard)}.media-card img,.video-frame{aspect-ratio:16 / 9;display:block;border:0}.anime-card img{aspect-ratio:3 / 4}.media-card:active,.anime-card:active{transform:scale(.98)}.media-card-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:var(--md-on-primary);background:color-mix(in srgb,var(--md-primary) 88%,black);transform:translate(-50%,-50%)}.media-card-copy,.anime-card-copy{padding:14px 16px 16px}.media-card-copy h3,.anime-card-copy h3{margin:0 0 4px;font-size:1.05rem}.media-card-copy span,.anime-card-copy span{display:inline-flex;align-items:center;gap:4px;color:var(--md-on-surface-variant);font-size:.875rem}.anime-grid{display:grid;grid-template-columns:minmax(0,220px);gap:var(--md-space-3)}.friend-grid{display:grid;gap:var(--md-space-3)}.friend-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:var(--md-space-4);border-radius:var(--md-radius-extra-large);background:var(--md-surface-container);color:inherit;text-decoration:none}.friend-card span{display:grid;gap:4px;min-width:0}.friend-card small{color:var(--md-on-surface-variant)}.book-row{display:grid;grid-template-columns:minmax(0,220px);gap:var(--md-space-3)}.book-card{padding:0;text-align:left;overflow:hidden}.book-card img{width:100%;aspect-ratio:3 / 4;object-fit:cover;background:var(--md-surface-container-highest)}.book-card figcaption{padding:10px 12px 12px}.book-card strong{display:block;font-size:.9rem}.book-card span{color:var(--md-on-surface-variant);font-size:.8rem}.article-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:var(--md-space-4)}.article-view h2{font-size:clamp(1.75rem,4vw,2.25rem);letter-spacing:-.03em}.article-view .article-meta{margin:12px 0 24px}.article-layout{display:grid;gap:var(--md-space-5)}.article-body{max-width:720px;min-width:0}.toc{padding:var(--md-space-4);border-radius:var(--md-radius-large);background:var(--md-surface-container);height:fit-content}.toc-title{display:none;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--md-on-surface-variant);margin-bottom:8px}.toc-toggle{display:flex;width:100%;justify-content:space-between;color:var(--md-on-surface);font-weight:650}.toc-list{display:none;margin:12px 0 0;padding-left:1.2rem}.toc-list.is-open{display:block}.toc a{color:var(--md-on-surface);text-decoration:none}.prose{overflow-wrap:anywhere}.prose h2,.prose h3,.prose h4{margin:1.5em 0 .6em;letter-spacing:-.02em}.prose p,.prose li{color:var(--md-on-surface-variant)}.prose blockquote{margin:16px 0;padding:12px 16px;border-left:2px solid var(--md-primary);background:var(--md-surface-container);border-radius:0 var(--md-radius-medium) var(--md-radius-medium) 0}.prose pre,.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.prose pre{padding:16px;border-radius:var(--md-radius-large);background:var(--md-surface-container-highest)}.article-media{margin:24px 0}.article-media img{width:100%;max-height:80vh;object-fit:contain;border-radius:20px;background:var(--md-surface-container-highest);cursor:zoom-in}.article-media.full-bleed{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}.dialog-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,black 52%,transparent)}.dialog-panel{width:min(100%,720px);max-height:90vh;overflow:auto;padding:var(--md-space-5);border-radius:var(--md-radius-hero);background:var(--md-surface-container-lowest);box-shadow:var(--md-elevation-3)}.book-dialog{display:grid;gap:20px}.book-dialog img{width:min(100%,220px);margin-inline:auto;border-radius:var(--md-radius-large)}.image-frame img{max-width:min(92vw,1400px);max-height:90vh;object-fit:contain;border-radius:var(--md-radius-large)}.form-card{width:min(100%,640px);margin:96px auto 64px;padding:var(--md-space-5);border-radius:var(--md-radius-extra-large);background:var(--md-surface-container)}.form-card h1{margin-bottom:8px}.form-card .lede{color:var(--md-on-surface-variant);margin-bottom:24px}.field{display:grid;gap:6px;margin-bottom:16px}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid var(--md-outline-variant);border-radius:var(--md-radius-medium);background:var(--md-surface-container-lowest)}.field textarea{min-height:140px;resize:vertical}.field-error{color:var(--md-error);font-size:.85rem}.form-status{margin-top:12px}.social-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.social-row a{color:var(--md-on-surface-variant);text-decoration:none}@media(min-width:768px){.interest-box{padding:var(--md-space-5)}.friend-grid{grid-template-columns:1fr 1fr}.book-row,.anime-grid{grid-template-columns:repeat(2,minmax(0,180px))}.book-dialog{grid-template-columns:180px 1fr;align-items:start}}@media(min-width:1024px){.article-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:start}.article-body{order:1}.toc{position:sticky;top:calc(var(--header-h) + 16px);order:2}.toc-toggle{display:none}.toc-title,.toc-list,.toc-list.is-open{display:block}}@media(hover:hover)and (pointer:fine){.media-card:hover,.anime-card:hover,.friend-card:hover{transform:translateY(-2px)}.media-card:hover img,.anime-card:hover img{transform:scale(1.02)}}