@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container,.about-page__container,.comments-page__container,.says-page__container,.post-nav__back,.post-container,.projects-page__container,.friends-page__container,.timeline-page__container,.posts-page__container,.homepage__container,.footer__container,.header__container{width:100%;max-width:1280px;padding:0 var(--spacing-4);margin:0 auto}@media (min-width:768px){.container,.about-page__container,.comments-page__container,.says-page__container,.post-nav__back,.post-container,.projects-page__container,.friends-page__container,.timeline-page__container,.posts-page__container,.homepage__container,.footer__container,.header__container{padding:0 var(--spacing-6)}}@media (min-width:1024px){.container,.about-page__container,.comments-page__container,.says-page__container,.post-nav__back,.post-container,.projects-page__container,.friends-page__container,.timeline-page__container,.posts-page__container,.homepage__container,.footer__container,.header__container{padding:0 var(--spacing-8)}}.projects-stats__item,.tech-category,.friends-stats__item,.friends-apply__card,.related-post,.project-card,.friend-card,.post-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.projects-stats__item:hover,.tech-category:hover,.friends-stats__item:hover,.friends-apply__card:hover,.related-post:hover,.project-card:hover,.friend-card:hover,.post-card:hover{box-shadow:var(--shadow-md)}.related-post,.project-card,.friend-card,.post-card{cursor:pointer;transition:all var(--transition-base)}.related-post:hover,.project-card:hover,.friend-card:hover,.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.related-post:active,.project-card:active,.friend-card:active,.post-card:active{transform:translateY(0)}.page-actions .back-home,.footer-subscribe__button,.friends-apply__button,.footer-subscribe__button--primary{padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.page-actions .back-home:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.footer-subscribe__button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.friends-apply__button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.footer-subscribe__button--primary:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.page-actions .back-home:disabled,.footer-subscribe__button:disabled,.friends-apply__button:disabled,.footer-subscribe__button--primary:disabled{opacity:.5;cursor:not-allowed}.friends-apply__button,.footer-subscribe__button--primary{background:var(--text-primary);color:var(--text-inverse)}.friends-apply__button:hover:not(:disabled),.footer-subscribe__button--primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.page-actions .back-home,.footer-subscribe__button{color:var(--text-primary);border:1px solid var(--border-primary);background:0 0}.page-actions .back-home:hover:not(:disabled),.footer-subscribe__button:hover:not(:disabled){background:var(--bg-secondary)}.search-input{width:100%;padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.search-input:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{border-color:var(--border-focus)}.search-input:disabled{opacity:.5;cursor:not-allowed}.animate-fade-in{animation:fadeIn var(--transition-base)ease-in-out}.animate-slide-up{animation:slideInUp var(--transition-base)ease-out}.sr-only,.sr-label{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.content-section__list,.home-timeline-list,.footer-nav__list{margin:0;padding:0;list-style:none}.posts-loading .post-card{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-tertiary)50%,var(--bg-secondary)75%);background-size:200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--color-white:#fff;--color-black:#000;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-paper-50:#fefdf9;--color-paper-100:#fdfcf7;--color-paper-200:#faf8f0;--color-paper-300:#f6f3e7;--color-gray-50:#fafafa;--color-gray-100:#f7f7f7;--color-gray-200:#e8e8e8;--color-gray-300:#d1d1d1;--color-gray-400:#a8a8a8;--color-gray-500:#6f6f6f;--color-gray-600:#525252;--color-gray-700:#3d3d3d;--color-gray-800:#262626;--color-gray-900:#171717;--shiro-accent-50:#f0fdf9;--shiro-accent-100:#ccfbef;--shiro-accent-200:#99f6e0;--shiro-accent-300:#5ee9d0;--shiro-accent-400:#2dd4bf;--shiro-accent-500:#14b8a6;--shiro-accent-600:#0d9488;--shiro-accent-700:#0f766e;--shiro-accent-800:#115e59;--shiro-accent-900:#134e4a;--color-success:#22d47a;--color-warning:#ff8c42;--color-error:#ff6b6b;--color-info:#4ecdc4;--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-500);--text-muted:var(--color-gray-400);--text-inverse:var(--color-white);--text-accent:var(--shiro-accent-500);--text-link:var(--shiro-accent-600);--text-link-hover:var(--shiro-accent-500);--bg-primary:var(--color-paper-50);--bg-secondary:var(--color-paper-100);--bg-tertiary:var(--color-paper-200);--bg-card:var(--color-white);--bg-overlay:rgba(17,17,17,.4);--bg-hover:var(--shiro-accent-50);--bg-active:var(--shiro-accent-100);--bg-accent:var(--shiro-accent-400);--border-primary:transparent;--border-secondary:transparent;--border-focus:var(--shiro-accent-400);--border-hover:transparent;--border-accent:transparent;--shadow-paper:0 1px 3px 0 rgba(0,0,0,.03),0 1px 2px 0 rgba(0,0,0,.02);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.04);--shadow-sm:0 2px 4px 0 rgba(0,0,0,.06);--shadow-md:0 4px 8px -2px rgba(0,0,0,.08);--shadow-lg:0 8px 16px -4px rgba(0,0,0,.1);--shadow-xl:0 16px 32px -8px rgba(0,0,0,.12);--shadow-accent:0 4px 16px rgba(45,212,191,.15);--font-family-sans:"Geist Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-mono:"Geist Mono",ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-thin:100;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--spacing-px:1px;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-36:9rem;--spacing-40:10rem;--spacing-44:11rem;--spacing-48:12rem;--spacing-52:13rem;--spacing-56:14rem;--spacing-60:15rem;--spacing-64:16rem;--spacing-72:18rem;--spacing-80:20rem;--spacing-96:24rem;--width-xs:20rem;--width-sm:24rem;--width-md:28rem;--width-lg:32rem;--width-xl:36rem;--width-2xl:42rem;--width-3xl:48rem;--width-4xl:56rem;--width-5xl:64rem;--width-6xl:72rem;--width-7xl:80rem;--radius-none:0;--radius-sm:.125rem;--radius-md:.25rem;--radius-lg:.375rem;--radius-xl:.5rem;--radius-2xl:.75rem;--radius-3xl:1rem;--radius-full:9999px;--transition-none:0s;--spring-fast:.2s cubic-bezier(.34,1.56,.64,1);--spring-base:.3s cubic-bezier(.34,1.25,.64,1);--spring-slow:.45s cubic-bezier(.23,1.04,.32,1);--spring-bouncy:.5s cubic-bezier(.68,-.55,.265,1.55);--transition-fast:.15s cubic-bezier(.23,1,.32,1);--transition-base:.25s cubic-bezier(.23,1,.32,1);--transition-slow:.35s cubic-bezier(.23,1,.32,1);--transition-slower:.5s cubic-bezier(.23,1,.32,1);--ease-spring:cubic-bezier(.34,1.25,.64,1);--ease-bounce-in:cubic-bezier(.6,.04,.98,.335);--ease-bounce-out:cubic-bezier(.175,.885,.32,1.275);--ease-back:cubic-bezier(.68,-.55,.265,1.55);--ease-linear:cubic-bezier(0,0,1,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--z-base:0;--z-docked:10;--z-dropdown:1000;--z-sticky:1010;--z-banner:1020;--z-overlay:1030;--z-modal:1040;--z-popover:1050;--z-skiplink:1060;--z-toast:1070;--z-tooltip:1080;--content-width:var(--width-4xl);--sidebar-width:16rem;--header-height:4rem;--footer-height:auto}[data-theme=dark]{--color-dark-paper-900:#0a0a0a;--color-dark-paper-800:#111;--color-dark-paper-700:#1a1a1a;--color-dark-paper-600:#242424;--text-primary:#f8f8f8;--text-secondary:var(--color-gray-300);--text-tertiary:var(--color-gray-400);--text-muted:var(--color-gray-500);--text-inverse:var(--color-dark-paper-900);--text-accent:var(--shiro-accent-300);--text-link:var(--shiro-accent-200);--text-link-hover:var(--shiro-accent-100);--bg-primary:var(--color-dark-paper-900);--bg-secondary:var(--color-dark-paper-800);--bg-tertiary:var(--color-dark-paper-700);--bg-card:var(--color-dark-paper-800);--bg-overlay:rgba(0,0,0,.7);--bg-hover:rgba(45,212,191,.1);--bg-active:rgba(45,212,191,.15);--bg-accent:var(--shiro-accent-600);--border-primary:transparent;--border-secondary:transparent;--border-focus:var(--shiro-accent-300);--border-hover:transparent;--border-accent:transparent;--shadow-paper:0 2px 4px 0 rgba(0,0,0,.2);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.3);--shadow-sm:0 2px 4px 0 rgba(0,0,0,.4);--shadow-md:0 4px 8px -2px rgba(0,0,0,.4);--shadow-lg:0 8px 16px -4px rgba(0,0,0,.5);--shadow-xl:0 16px 32px -8px rgba(0,0,0,.6);--shadow-accent:0 4px 16px rgba(45,212,191,.25)}@media (max-width:767px){:root{--font-size-xs:.8125rem;--font-size-sm:.9375rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.375rem;--font-size-3xl:1.5rem;--font-size-4xl:1.875rem;--font-size-5xl:2.25rem;--font-size-6xl:2.75rem;--spacing-4:.875rem;--spacing-6:1.25rem;--spacing-8:1.75rem;--spacing-12:2.5rem;--spacing-16:3rem;--spacing-20:4rem}}@media (min-width:768px) and (max-width:1023px){:root{--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.1875rem;--font-size-2xl:1.375rem;--font-size-3xl:1.6875rem;--font-size-4xl:2.0625rem;--font-size-5xl:2.625rem;--font-size-6xl:3.25rem}}@media (prefers-contrast:high){:root,[data-theme=dark]{--border-primary:var(--text-primary);--border-secondary:var(--text-secondary)}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s;--transition-slow:0s;--transition-slower:0s}}@media print{:root{--text-primary:#000;--text-secondary:#404040;--text-tertiary:#737373;--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#fff;--border-primary:#000;--border-secondary:#404040;--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}@media (max-width:767px){html{font-size:16px}}@media (min-width:768px) and (max-width:1023px){html{font-size:15px}}body{line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:var(--font-family-sans);color:var(--text-primary);background-color:var(--bg-primary);transition:color var(--spring-base),background-color var(--spring-base);overscroll-behavior-y:none;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}textarea{resize:vertical}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}a{color:inherit;cursor:pointer;transition:color var(--spring-fast);text-decoration:none}a:hover{color:var(--text-link-hover)}a:focus{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}a[href]{color:var(--text-link)}a[href]:hover{color:var(--text-link-hover)}[role=button],[data-clickable=true],.is-clickable{cursor:pointer}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0;width:100%}th,td{text-align:left;vertical-align:top}button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--border-focus);outline-offset:2px}button:focus:not(:focus-visible){outline:none}a:focus:not(:focus-visible){outline:none}input:focus:not(:focus-visible){outline:none}textarea:focus:not(:focus-visible){outline:none}select:focus:not(:focus-visible){outline:none}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){body{-webkit-font-smoothing:subpixel-antialiased}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){*{border-color:currentColor}}@media (max-width:767px){*{touch-action:manipulation}body{-webkit-overflow-scrolling:touch}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){body{min-height:100vh;min-height:-webkit-fill-available}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){body{min-height:100vh;min-height:-webkit-fill-available}}@media print{*,:before,:after{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.header{background:var(--bg-primary);border-bottom:1px solid var(--border-secondary);z-index:var(--z-sticky);transition:background-color var(--spring-base),box-shadow var(--spring-base),backdrop-filter var(--spring-base);position:-webkit-sticky;position:sticky;top:0}.header--scrolled{-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);box-shadow:var(--shadow-paper);background:rgba(254,253,249,.95)}[data-theme=dark] .header--scrolled{background:rgba(17,17,17,.9)}.header__container{height:var(--header-height);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}@media (max-width:767px){.header__container{height:3.5rem;padding:0 var(--spacing-4);grid-template-columns:auto 1fr auto}}.header__left{justify-content:flex-start;align-items:center;display:flex}.header__center{justify-content:center;align-items:center;display:flex}.header__right{justify-content:flex-end;align-items:center;display:flex}.site-logo{color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);cursor:pointer;transition:color var(--transition-fast);align-items:center;text-decoration:none;display:flex}.site-logo:hover{color:var(--text-link)}.site-logo__avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-primary);width:2rem;height:2rem;box-shadow:var(--shadow-sm)}@media (max-width:767px){.site-logo__avatar{width:1.75rem;height:1.75rem}}.site-logo__text{font-family:var(--font-family-sans)}@media (max-width:767px){.site-logo__text{font-size:var(--font-size-base)}}.nav-menu{align-items:center;gap:var(--spacing-2);background:var(--bg-card);border-radius:var(--radius-full);padding:var(--spacing-1)var(--spacing-2);box-shadow:var(--shadow-sm);isolation:isolate;-webkit-backdrop-filter:saturate(160%)blur(6px);backdrop-filter:saturate(160%)blur(6px);border:0;display:flex;position:relative;overflow:hidden}.nav-menu__highlight{background:linear-gradient(180deg,color-mix(in oklab,var(--text-link)16%,transparent)0%,color-mix(in oklab,var(--text-link)8%,transparent)100%);width:0;height:0;box-shadow:none;opacity:0;pointer-events:none;z-index:0;border-radius:9999px;transition:transform .22s cubic-bezier(.2,.8,.2,1),width .2s cubic-bezier(.2,.8,.2,1),height .2s cubic-bezier(.2,.8,.2,1),opacity .12s ease-out;position:absolute;top:0;left:0}@media (max-width:767px){.nav-menu{display:none}.nav-menu--open{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-4);gap:var(--spacing-4);box-shadow:var(--shadow-md);border-radius:0;flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0}}.nav-menu__item{list-style:none}.nav-menu__link{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-full);transition:color var(--spring-fast),background-color var(--spring-fast),transform var(--spring-fast);cursor:pointer;z-index:1;text-decoration:none;position:relative}.nav-menu__link:hover{color:var(--text-primary);background:0 0;transform:translateY(-1px)}.nav-menu__link--active{color:var(--text-primary);background:linear-gradient(180deg,var(--nav-active-bg1,color-mix(in oklab,var(--text-link)18%,transparent))0%,var(--nav-active-bg2,color-mix(in oklab,var(--text-link)12%,transparent))100%);box-shadow:0 2px 10px -6px rgba(0,0,0,.35),0 0 0 3px var(--nav-active-ring,color-mix(in oklab,var(--text-link)20%,transparent));transition:color var(--spring-fast),background-color var(--spring-fast),transform var(--spring-fast),box-shadow var(--spring-fast);border-radius:9999px;position:relative}.nav-menu__link--active:before{content:"";background:radial-gradient(120% 140% at 50% 50%,var(--nav-active-glow,color-mix(in oklab,var(--text-link)22%,transparent))0%,transparent 65%);filter:blur(8px);opacity:.85;pointer-events:none;z-index:0;border-radius:9999px;position:absolute;top:-4px;bottom:-4px;left:-8px;right:-8px}.nav-menu__link--active:after{content:"";pointer-events:none;z-index:1;opacity:.6;background:linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,0));border-radius:9999px;position:absolute;top:2px;bottom:calc(100% - 10px);left:4px;right:4px}@media (max-width:767px){.nav-menu__link{padding:var(--spacing-3);font-size:var(--font-size-base);text-align:center;width:100%}}.nav-menu__link:focus{box-shadow:none;outline:none}.nav-menu__link:focus-visible{box-shadow:none;outline:none}.header-actions{align-items:center;gap:var(--spacing-4);display:flex}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;width:2.5rem;height:2.5rem;transition:all var(--transition-fast);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle__icon{width:1.25rem;height:1.25rem;transition:transform var(--transition-base)}.theme-toggle__icon--sun{display:block}[data-theme=dark] .theme-toggle__icon--sun,.theme-toggle__icon--moon{display:none}[data-theme=dark] .theme-toggle__icon--moon{display:block}@media (max-width:767px){.theme-toggle{width:2rem;height:2rem}.theme-toggle__icon{width:1rem;height:1rem}}.mobile-menu-toggle{color:var(--text-primary);cursor:pointer;padding:var(--spacing-2);background:0 0;border:none;display:none}@media (max-width:767px){.mobile-menu-toggle{justify-content:center;align-items:center;display:flex}}.mobile-menu-toggle__icon{flex-direction:column;justify-content:space-between;width:1.5rem;height:1.5rem;display:flex}.mobile-menu-toggle__icon span{width:100%;height:2px;transition:all var(--transition-fast);background:currentColor;border-radius:1px}.nav-menu--open+.mobile-menu-toggle__icon span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-menu--open+.mobile-menu-toggle__icon span:nth-child(2){opacity:0}.nav-menu--open+.mobile-menu-toggle__icon span:last-child{transform:rotate(-45deg)translate(7px,-6px)}.search-toggle{border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:2.5rem;height:2.5rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.search-toggle:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.search-toggle__icon{width:1.125rem;height:1.125rem}@media (max-width:767px){.search-toggle{width:2rem;height:2rem}.search-toggle__icon{width:1rem;height:1rem}}@media (min-width:768px) and (max-width:1023px){.nav-menu{gap:var(--spacing-4)}.nav-menu__link{padding:var(--spacing-2)}}@media (min-width:1024px){.header__container{padding:0 var(--spacing-6)}.nav-menu{gap:var(--spacing-8)}}.header{animation:.5s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.theme-toggle,.search-toggle,.mobile-menu-toggle{outline:none}.theme-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.search-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.mobile-menu-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.nav-menu--with-highlight .nav-menu__link{box-shadow:none!important;background:0 0!important}.nav-menu--with-highlight .nav-menu__link--active{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.nav-menu--with-highlight .nav-menu__link:before,.nav-menu--with-highlight .nav-menu__link:after,.nav-menu--with-highlight .nav-menu__link--active:before,.nav-menu--with-highlight .nav-menu__link--active:after{content:none!important;display:none!important}.theme-toggle svg{color:inherit}[data-theme=dark] .theme-toggle{color:var(--text-primary)}.footer{background:var(--bg-primary);border-top:1px solid var(--border-secondary);padding:var(--spacing-12)0 var(--spacing-6);margin-top:auto}@media (max-width:767px){.footer{padding:var(--spacing-8)0 var(--spacing-4)}}.footer-main{margin-bottom:var(--spacing-8)}@media (max-width:767px){.footer-main{margin-bottom:var(--spacing-6)}}.footer-subscribe{text-align:center;margin-bottom:var(--spacing-8)}@media (max-width:767px){.footer-subscribe{margin-bottom:var(--spacing-6)}}.footer-subscribe__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}@media (max-width:767px){.footer-subscribe__title{font-size:var(--font-size-base)}}.footer-subscribe__buttons{justify-content:center;gap:var(--spacing-4);display:flex}@media (max-width:767px){.footer-subscribe__buttons{align-items:center;gap:var(--spacing-3);flex-direction:column}}.footer-subscribe__button{font-size:var(--font-size-sm);padding:var(--spacing-2)var(--spacing-4)}@media (max-width:767px){.footer-subscribe__button{width:100%;max-width:200px}}.footer-nav{gap:var(--spacing-8)var(--spacing-6);margin-bottom:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}@media (max-width:767px){.footer-nav{gap:var(--spacing-6);margin-bottom:var(--spacing-6);grid-template-columns:1fr}}.footer-nav__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-4)}@media (max-width:767px){.footer-nav__title{font-size:var(--font-size-sm);margin-bottom:var(--spacing-3)}}.footer-nav__list{gap:var(--spacing-2);flex-direction:column;display:flex}.footer-nav__link{color:var(--text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast);align-items:center;gap:var(--spacing-2);text-decoration:none;display:flex}.footer-nav__link:hover{color:var(--text-link)}@media (max-width:767px){.footer-nav__link{font-size:var(--font-size-xs)}}.footer-about__title{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.footer-about__links{gap:var(--spacing-2);flex-direction:column;display:flex}@media (max-width:767px){.footer-about__links{gap:var(--spacing-1)}}.footer-more__title{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.footer-more__links{gap:var(--spacing-2);flex-direction:column;display:flex}@media (max-width:767px){.footer-more__links{gap:var(--spacing-1)}}.footer-contact__title{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.footer-contact__links{gap:var(--spacing-2);flex-direction:column;display:flex}@media (max-width:767px){.footer-contact__links{gap:var(--spacing-1)}}.footer-bottom{border-top:1px solid var(--border-secondary);padding-top:var(--spacing-6);text-align:center}@media (max-width:767px){.footer-bottom{padding-top:var(--spacing-4)}}.footer-copyright{margin-bottom:var(--spacing-4)}.footer-copyright__text{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--spacing-2)}@media (max-width:767px){.footer-copyright__text{font-size:var(--font-size-xs)}}.footer-copyright__links{justify-content:center;gap:var(--spacing-4);font-size:var(--font-size-sm);display:flex}@media (max-width:767px){.footer-copyright__links{gap:var(--spacing-2);font-size:var(--font-size-xs);flex-wrap:wrap}}.footer-copyright__links a{color:var(--text-secondary);text-decoration:none}.footer-copyright__links a:hover{color:var(--text-link);text-decoration:underline}.footer-tech{margin-bottom:var(--spacing-4)}.footer-tech__powered{font-size:var(--font-size-sm);color:var(--text-tertiary)}@media (max-width:767px){.footer-tech__powered{font-size:var(--font-size-xs)}}.footer-tech__powered a{color:var(--text-secondary);text-decoration:none}.footer-tech__powered a:hover{color:var(--text-link);text-decoration:underline}.footer-icp{margin-bottom:var(--spacing-4)}.footer-icp__text{font-size:var(--font-size-xs);color:var(--text-tertiary)}.footer-icp__text a{color:var(--text-secondary);text-decoration:none}.footer-icp__text a:hover{color:var(--text-link)}.footer-status__text{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;gap:var(--spacing-2);display:flex}@media (max-width:767px){.footer-status__text{font-size:var(--font-size-xs)}}.footer-status__indicator{background:var(--color-green-500);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width:767px){.footer-nav{text-align:center}.footer-nav__section{padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-secondary)}.footer-nav__section:last-child{border-bottom:none;padding-bottom:0}.footer-nav__list{align-items:center}.footer-copyright__links{justify-content:center}}@media (min-width:768px) and (max-width:1023px){.footer-nav{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.footer-nav{gap:var(--spacing-12)var(--spacing-8);grid-template-columns:repeat(3,1fr)}.footer-subscribe__buttons{gap:var(--spacing-6)}}.footer a{transition:all var(--transition-fast)}.footer a:focus{outline:none}.footer a:focus:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}[data-theme=dark] .footer-status__indicator{box-shadow:0 0 8px var(--color-green-500)}.footer-nav__link{align-items:center;gap:var(--spacing-2);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.footer-nav__link:hover{color:var(--text-primary);text-decoration:underline}.footer-nav__link__icon{opacity:.7;width:1rem;height:1rem}@media (max-width:767px){.footer-nav__link{font-size:var(--font-size-xs)}}.footer-bottom a{cursor:pointer}.optimized-image{border-radius:var(--radius-md);position:relative;overflow:hidden}.optimized-image__img{object-fit:cover;width:100%;height:100%;transition:opacity var(--transition-base)}.optimized-image__placeholder{background:var(--bg-secondary);color:var(--text-tertiary);font-size:var(--font-size-sm);border-radius:var(--radius-md);border:1px solid var(--border-primary);justify-content:center;align-items:center;display:flex}.optimized-image__placeholder:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}.optimized-image--loaded .optimized-image__placeholder{display:none}.optimized-image[onclick]{cursor:pointer;transition:transform var(--transition-fast)}.optimized-image[onclick]:hover{transform:scale(1.02)}.optimized-image[onclick]:active{transform:scale(.98)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@media (max-width:767px){.optimized-image__placeholder{font-size:var(--font-size-xs)}}.lazy-load{min-height:100px;position:relative}.lazy-load__placeholder{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-height:100px;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.lazy-load__spinner{border:2px solid var(--border-primary);border-top:2px solid var(--color-blue-500);width:24px;height:24px;margin-bottom:var(--spacing-2);border-radius:50%;animation:1s linear infinite spin}.lazy-load__text{font-size:var(--font-size-sm);color:var(--text-tertiary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:767px){.lazy-load,.lazy-load__placeholder{min-height:80px}.lazy-load__spinner{width:20px;height:20px}.lazy-load__text{font-size:var(--font-size-xs)}}.code-split{min-height:100px;position:relative}.code-split__loading{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-height:100px;color:var(--text-tertiary);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.code-split__loading:before{content:"";border:2px solid var(--border-primary);border-top:2px solid var(--color-blue-500);width:20px;height:20px;margin-right:var(--spacing-2);border-radius:50%;animation:1s linear infinite spin}.code-split__error{background:var(--bg-secondary);border:1px solid var(--color-red-500);border-radius:var(--radius-md);min-height:100px;color:var(--color-red-500);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-4);justify-content:center;align-items:center;display:flex}.code-split__error:before{content:"⚠️";margin-right:var(--spacing-2);font-size:var(--font-size-lg)}@media (max-width:767px){.code-split{min-height:80px}.code-split__loading,.code-split__error{min-height:80px;font-size:var(--font-size-xs)}}.test-report{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:400px;max-height:600px;box-shadow:var(--shadow-xl);z-index:1000;position:fixed;bottom:20px;right:20px;overflow:hidden}@media (max-width:767px){.test-report{width:calc(100vw - 40px);bottom:20px;left:20px;right:20px}}.test-report__header{padding:var(--spacing-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.test-report__header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.test-report__close{font-size:var(--font-size-xl);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none}.test-report__close:hover{background:var(--bg-hover);color:var(--text-primary)}.test-report__content{padding:var(--spacing-4);max-height:500px;overflow-y:auto}.test-report__browser{margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-md)}.test-report__browser h4{margin:0 0 var(--spacing-3)0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.test-report__browser p{margin:0 0 var(--spacing-1)0;font-size:var(--font-size-sm);color:var(--text-secondary)}.test-report__browser p strong{color:var(--text-primary)}.test-report__results h4{margin:0 0 var(--spacing-4)0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.test-report__result{margin-bottom:var(--spacing-4);padding:var(--spacing-3);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--border-primary)}.test-report__result:last-child{margin-bottom:0}.test-report__result-header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);display:flex}.test-report__status-icon{font-size:var(--font-size-base)}.test-report__result-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);flex:1}.test-report__status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-sm);background:var(--bg-primary)}.test-report__result-message{margin:0 0 var(--spacing-1)0;font-size:var(--font-size-sm);color:var(--text-primary)}.test-report__result-details{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0;font-style:italic}.test-report-toggle{z-index:1000;background:var(--color-blue-500);color:#fff;cursor:pointer;width:50px;height:50px;box-shadow:var(--shadow-lg);transition:all var(--transition-base);border:none;border-radius:50%;justify-content:center;align-items:center;padding:10px;font-size:20px;display:flex;position:fixed;bottom:20px;right:20px}.test-report-toggle:hover{background:var(--color-blue-600);transform:scale(1.1)}.test-report-toggle:active{transform:scale(.95)}@media (max-width:767px){.test-report__content{max-height:400px}.test-report__result{padding:var(--spacing-2)}.test-report__result-header{align-items:flex-start;gap:var(--spacing-1);flex-direction:column}.test-report__status-badge{align-self:flex-start}}.social-links{gap:var(--spacing-3);margin-top:var(--spacing-6);padding:0;list-style:none;display:flex}.social-links__item{color:#fff;width:36px;height:36px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),filter var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.social-links__item:hover{filter:brightness(1.05);transform:translateY(-2px)}.social-links__item--gh{background:#000}.social-links__item--mail{background:#eab308}.social-links__item--tg{background:#229ed9}.social-links__item--x{background:#111}.homepage .social-links{display:none!important}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(2px 2px at 10% 20%,rgba(244,63,94,.25) 50%,transparent 51%),radial-gradient(2px 2px at 80% 30%,rgba(34,197,94,.25) 50%,transparent 51%),radial-gradient(2px 2px at 30% 70%,rgba(59,130,246,.25) 50%,transparent 51%),radial-gradient(2px 2px at 60% 40%,rgba(250,204,21,.25) 50%,transparent 51%),radial-gradient(2px 2px at 50% 85%,rgba(168,85,247,.25) 50%,transparent 51%);background-repeat:no-repeat;position:fixed;top:0;bottom:0;left:0;right:0}main,header,footer{z-index:1;position:relative}.dialog-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:saturate(140%)blur(3px);backdrop-filter:saturate(140%)blur(3px);z-index:var(--z-overlay);padding:var(--spacing-6);animation:dialog-fade-in var(--transition-base);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{width:min(92vw,var(--width-3xl));background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal);animation:dialog-pop var(--transition-base);overflow:hidden}.dialog__header{padding:var(--spacing-4)var(--spacing-5);border-bottom:1px solid var(--border-secondary);justify-content:space-between;align-items:center;display:flex}.dialog__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.dialog__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--text-secondary);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast);background:0 0;border:none}.dialog__close:hover{background:var(--bg-hover);color:var(--text-primary)}.dialog__body{padding:var(--spacing-5)}.dialog-content--search .search-form__input-wrap{align-items:center;gap:var(--spacing-3);border-radius:var(--radius-3xl);padding:var(--spacing-3)var(--spacing-4);background:0 0;border:none;display:flex;position:relative}.search-form__icon{width:1.1rem;height:1.1rem;color:var(--text-tertiary);flex:none}.search-form__input{border:1px solid color-mix(in oklab,var(--text-secondary)26%,transparent);border-radius:var(--radius-3xl);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--spacing-2)var(--spacing-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);outline:none;flex:auto}[data-theme=dark] .search-form__input{border-color:color-mix(in oklab,var(--text-secondary)38%,transparent);background:color-mix(in oklab,var(--bg-card)90%,rgba(255,255,255,.02))}.search-form__input:hover{border-color:color-mix(in oklab,var(--text-secondary)42%,transparent)}.search-form__input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--text-link)18%,transparent);outline:none}.search-form__input::placeholder{color:var(--text-tertiary)}.search-form__kbd{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--text-tertiary);border:1px solid var(--border-secondary);background:var(--bg-card);border-radius:var(--radius-md);padding:0 var(--spacing-2)}.dialog-content--search .tag-result-status{color:var(--text-secondary);margin:0;font-size:14px}.dialog-content--search .tag-result-error{margin-top:var(--spacing-2);color:var(--text-accent)}.dialog-content--search .tag-result-wrap{margin-top:var(--spacing-2);position:relative}.dialog-content--search .tag-result-count{margin:0 0 var(--spacing-2)0}.dialog-content--search .tag-result-list{border-left:2px solid var(--text-accent);max-height:260px;margin:0;padding-left:40px;list-style:none;position:relative;overflow:auto}.dialog-content--search .tag-result-item{padding:8px 0;position:relative}.dialog-content--search .tag-result-item__dot{background:var(--text-accent);border-radius:999px;width:8px;height:8px;position:absolute;top:17px;left:-14px}.dialog-content--search .tag-result-item__date{width:96px;color:var(--text-secondary);font-feature-settings:"tnum" 1,"lnum" 1;display:inline-block}.dialog-content--search .tag-result-item__title{color:var(--text-primary);text-decoration:none}.dialog-content--search .tag-result-item__title:hover{color:var(--text-accent)}.dialog-content--search .tag-result-empty{color:var(--text-secondary);padding:6px 0}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-pop{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.Site-markdown{font-family:var(--font-family-sans);color:var(--text-primary);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);font-feature-settings:"kern" 1,"liga" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:none}.Site-markdown>*+*{margin-top:var(--spacing-6)}@media (max-width:767px){.Site-markdown{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.Site-markdown>*+*{margin-top:var(--spacing-4)}}.heading{font-family:var(--font-family-sans);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);letter-spacing:-.02em;scroll-margin-top:calc(var(--header-height) + var(--spacing-6));position:relative}.heading .anchor-link{opacity:0;transition:opacity var(--transition-fast);color:var(--text-muted);margin-left:var(--spacing-2);text-decoration:none}.heading .anchor-link:hover{color:var(--text-accent)}.heading:hover .anchor-link{opacity:1}.heading--h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--border-secondary)}@media (max-width:767px){.heading--h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-6)}}.heading--h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-12);margin-bottom:var(--spacing-6)}@media (max-width:767px){.heading--h2{font-size:var(--font-size-xl);margin-top:var(--spacing-8)}}.heading--h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-10);margin-bottom:var(--spacing-4)}@media (max-width:767px){.heading--h3{font-size:var(--font-size-lg);margin-top:var(--spacing-6)}}.heading--h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-top:var(--spacing-8);margin-bottom:var(--spacing-4)}@media (max-width:767px){.heading--h4{font-size:var(--font-size-base)}}.heading--h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3)}.heading--h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);color:var(--text-secondary)}.paragraph{color:var(--text-primary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.paragraph:first-child{margin-top:0}.paragraph strong{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.paragraph em{color:var(--text-secondary);font-style:italic}.paragraph del{color:var(--text-muted);text-decoration:line-through}.link{color:var(--text-accent);text-underline-offset:3px;transition:all var(--transition-fast);-webkit-text-decoration:underline transparent;text-decoration:underline transparent}.link:hover{color:var(--shiro-accent-600);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.link:visited{color:var(--text-accent)}.quote{background:var(--bg-secondary);border-left:4px solid var(--shiro-accent-400);padding:var(--spacing-4)var(--spacing-6);margin:var(--spacing-6)0;border-radius:var(--radius-md);position:relative}.quote:before{content:"\"";top:var(--spacing-2);left:var(--spacing-4);font-size:var(--font-size-4xl);color:var(--shiro-accent-300);font-family:Georgia,serif;line-height:1;position:absolute}.quote p{padding-left:var(--spacing-6);color:var(--text-secondary);margin:0;font-style:italic}@media (max-width:767px){.quote{padding:var(--spacing-3)var(--spacing-4)}.quote p{padding-left:var(--spacing-4)}}.inline-code{background:color-mix(in oklab,var(--text-link)12%,var(--bg-secondary));color:var(--text-accent);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.875em;font-weight:var(--font-weight-semibold);border:1px solid var(--border-accent);white-space:break-spaces;padding:.125rem .375rem}.innei-markdown pre code.hljs,.innei-markdown code.hljs{color:var(--text-link);background:0 0}.innei-markdown .hljs-comment,.innei-markdown .hljs-quote{color:var(--text-muted);font-style:italic}.innei-markdown .hljs-keyword,.innei-markdown .hljs-selector-tag,.innei-markdown .hljs-literal,.innei-markdown .hljs-section,.innei-markdown .hljs-link,.innei-markdown .hljs-attribute,.innei-markdown .hljs-name,.innei-markdown .hljs-attr,.innei-markdown .hljs-built_in,.innei-markdown .hljs-type,.innei-markdown .hljs-number,.innei-markdown .hljs-title,.innei-markdown .hljs-selector-id,.innei-markdown .hljs-selector-class,.innei-markdown .hljs-selector-attr,.innei-markdown .hljs-selector-pseudo,.innei-markdown .hljs-template-tag,.innei-markdown .hljs-template-variable,.innei-markdown .hljs-variable,.innei-markdown .hljs-symbol,.innei-markdown .hljs-bullet,.innei-markdown .hljs-addition,.innei-markdown .hljs-string{color:var(--text-accent);font-weight:var(--font-weight-semibold)}.innei-markdown .hljs-deletion,.innei-markdown .hljs-meta{color:var(--text-accent)}.code-container{background:var(--bg-code);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin:var(--spacing-6)0;box-shadow:var(--shadow-sm);padding:0;position:relative;overflow:hidden}@media (max-width:767px){.code-container{margin:var(--spacing-4)0;border-radius:var(--radius-md)}}.code-block{color:var(--text-link);padding:var(--spacing-6);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);background:0 0;margin:0;overflow-x:auto}@media (max-width:767px){.code-block{padding:var(--spacing-4);font-size:var(--font-size-xs)}}.code-block .token.comment,.code-block .token.prolog,.code-block .token.doctype,.code-block .token.cdata{color:var(--text-muted);font-style:italic}.code-block .token.punctuation{color:var(--text-secondary)}.code-block .token.property,.code-block .token.tag,.code-block .token.boolean,.code-block .token.number,.code-block .token.constant,.code-block .token.symbol,.code-block .token.deleted,.code-block .token.selector,.code-block .token.attr-name,.code-block .token.string,.code-block .token.char,.code-block .token.builtin,.code-block .token.inserted,.code-block .token.operator,.code-block .token.entity,.code-block .token.url,.code-block .token.atrule,.code-block .token.attr-value,.code-block .token.keyword,.code-block .token.function,.code-block .token.class-name,.code-block .token.regex,.code-block .token.important,.code-block .token.variable,.language-css .code-block .token.string,.style .code-block .token.string{color:var(--text-link);font-weight:var(--font-weight-semibold)}.list{padding-left:var(--spacing-6)}.list--unordered{list-style-type:none}.list--unordered .list-item{position:relative}.list--unordered .list-item:before{content:"•";color:var(--shiro-accent-400);font-weight:700;position:absolute;top:0;left:-1.25rem}.list--ordered{counter-reset:list-counter;list-style-type:none}.list--ordered .list-item{counter-increment:list-counter;position:relative}.list--ordered .list-item:before{content:counter(list-counter)".";color:var(--shiro-accent-500);font-weight:var(--font-weight-medium);text-align:right;width:1.5rem;position:absolute;top:0;left:-2rem}@media (max-width:767px){.list{padding-left:var(--spacing-4)}.list--ordered .list-item:before{width:1.25rem;left:-1.5rem}}.list-item{margin-bottom:var(--spacing-2);line-height:var(--line-height-relaxed)}.list-item .list{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.table-wrapper{margin:var(--spacing-6)0;border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);overflow-x:auto}@media (max-width:767px){.table-wrapper{margin:var(--spacing-4)0}}.table{border-collapse:collapse;background:var(--bg-card);width:100%;font-size:var(--font-size-sm)}.table-head{background:var(--bg-secondary)}.table-header{padding:var(--spacing-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:2px solid var(--border-primary)}@media (max-width:767px){.table-header{padding:var(--spacing-3);font-size:var(--font-size-xs)}}.table-cell{padding:var(--spacing-4);border-bottom:1px solid var(--border-secondary);vertical-align:top}@media (max-width:767px){.table-cell{padding:var(--spacing-3);font-size:var(--font-size-xs)}}.table-row{transition:background-color var(--transition-fast)}.table-row:hover{background:var(--bg-hover)}.table-row:last-child .table-cell{border-bottom:none}.image-wrapper{margin:var(--spacing-8)0;text-align:center}@media (max-width:767px){.image-wrapper{margin:var(--spacing-6)0}}.image{border-radius:var(--radius-lg);max-width:100%;height:auto;box-shadow:var(--shadow-md);transition:transform var(--transition-base)}.image:hover{transform:scale(1.02)}.image-caption{margin-top:var(--spacing-3);font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}.divider{background:linear-gradient(90deg,transparent,var(--border-primary)20%,var(--border-primary)80%,transparent);height:2px;margin:var(--spacing-8)0;border:none}@media (max-width:767px){.divider{margin:var(--spacing-6)0}.Site-markdown .heading--h1{font-size:var(--font-size-2xl)}.Site-markdown .heading--h2{font-size:var(--font-size-xl)}.Site-markdown .heading--h3{font-size:var(--font-size-lg)}.Site-markdown .code-container,.Site-markdown .table-wrapper{-webkit-overflow-scrolling:touch}}@media print{.Site-markdown .anchor-link{display:none}.Site-markdown .code-container,.Site-markdown .table-wrapper,.Site-markdown .image-wrapper{page-break-inside:avoid}}.code-container{position:relative}.code-container[data-language]:before{content:attr(data-language);top:var(--spacing-3);right:var(--spacing-4);background:var(--bg-tertiary);color:var(--text-muted);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;z-index:1;position:absolute}.code-container .copy-button{top:var(--spacing-3);right:var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-2);color:var(--text-muted);cursor:pointer;opacity:0;transition:all var(--transition-fast);z-index:2;position:absolute}.code-container .copy-button:hover{background:var(--bg-hover);color:var(--text-primary)}.code-container .copy-button svg{width:.875rem;height:.875rem}.code-container:hover .copy-button{opacity:1}@media (max-width:767px){.code-container .copy-button{opacity:1;margin-bottom:var(--spacing-2);position:relative;top:auto;right:auto}.code-container[data-language]:before{display:none}}.hljs{padding:var(--spacing-6);background:var(--bg-code);color:var(--text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);display:block;overflow-x:auto}@media (max-width:767px){.hljs{padding:var(--spacing-4);font-size:var(--font-size-xs)}}.hljs-comment,.hljs-quote{color:var(--text-muted);font-style:italic}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:var(--shiro-error-500)}.hljs-number,.hljs-built_in,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:var(--shiro-accent-600)}.hljs-attribute{color:var(--shiro-warning-500)}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:var(--shiro-success-500)}.hljs-title,.hljs-section{color:var(--shiro-primary-600);font-weight:var(--font-weight-semibold)}.hljs-keyword,.hljs-selector-tag{color:var(--shiro-secondary-600);font-weight:var(--font-weight-medium)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:var(--font-weight-bold)}[data-theme=dark] .hljs-comment,[data-theme=dark] .hljs-quote{color:var(--text-muted)}[data-theme=dark] .hljs-variable,[data-theme=dark] .hljs-template-variable,[data-theme=dark] .hljs-tag,[data-theme=dark] .hljs-name,[data-theme=dark] .hljs-selector-id,[data-theme=dark] .hljs-selector-class,[data-theme=dark] .hljs-regexp,[data-theme=dark] .hljs-deletion{color:var(--shiro-error-400)}[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-type,[data-theme=dark] .hljs-params,[data-theme=dark] .hljs-meta,[data-theme=dark] .hljs-link{color:var(--shiro-accent-400)}[data-theme=dark] .hljs-attribute{color:var(--shiro-warning-400)}[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-symbol,[data-theme=dark] .hljs-bullet,[data-theme=dark] .hljs-addition{color:var(--shiro-success-400)}[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-section{color:var(--shiro-primary-400)}[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-selector-tag{color:var(--shiro-secondary-400)}.hljs-subst{color:var(--text-primary)}.hljs-class .hljs-title{color:var(--shiro-primary-500);font-weight:var(--font-weight-semibold)}.hljs-function .hljs-title{color:var(--shiro-secondary-500);font-weight:var(--font-weight-medium)}.hljs-selector-pseudo,.hljs-selector-attr{color:var(--shiro-accent-500)}.hljs-property{color:var(--shiro-primary-500)}.hljs-value{color:var(--shiro-success-500)}.hljs-tag .hljs-attr{color:var(--shiro-warning-500)}.hljs-tag .hljs-string{color:var(--shiro-success-500)}.hljs-bullet{color:var(--shiro-accent-500);font-weight:var(--font-weight-bold)}.hljs-code{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.125rem .25rem}.hljs-attr{color:var(--shiro-primary-500)}.hljs-string{color:var(--shiro-success-500)}.hljs-number{color:var(--shiro-accent-500)}.hljs-built_in{color:var(--shiro-secondary-500);font-weight:var(--font-weight-medium)}.hljs-ln .hljs-ln-numbers{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:right;color:var(--text-muted);border-right:1px solid var(--border-primary);vertical-align:top;padding-right:var(--spacing-3);margin-right:var(--spacing-3);min-width:2rem}.hljs-ln .hljs-ln-code{padding-left:var(--spacing-2)}.code-container .hljs{position:relative;overflow:hidden}.code-container .hljs:before{content:"";z-index:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);width:100%;height:100%;animation:2s ease-in-out infinite codeShimmer;position:absolute;top:0;left:-100%}.code-container:hover .hljs:before{animation-play-state:paused}@keyframes codeShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@media (max-width:767px){.hljs{-webkit-overflow-scrolling:touch}.hljs:before,.hljs-ln-numbers{display:none}}@media print{.hljs{color:#000!important;background:#fff!important}.hljs *{color:#000!important}.copy-button{display:none!important}}.loading-container{justify-content:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);flex-direction:column;display:flex}@media (max-width:767px){.loading-container{padding:var(--spacing-3)}}.infinite-scroll-sentinel{min-height:60px;padding:var(--spacing-4);justify-content:center;align-items:center;display:flex}@media (max-width:767px){.infinite-scroll-sentinel{min-height:50px;padding:var(--spacing-3)}}.infinite-scroll-hint{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}@media (max-width:767px){.infinite-scroll-hint{font-size:var(--font-size-xs)}}.infinite-scroll-end{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}@media (max-width:767px){.infinite-scroll-end{font-size:var(--font-size-xs)}}.loading-spinner{animation:2s linear infinite rotate}.loading-spinner--sm{width:24px;height:24px}.loading-spinner--md{width:40px;height:40px}.loading-spinner--lg{width:64px;height:64px}.loading-spinner__track{stroke:var(--border-secondary);opacity:.2}.loading-spinner__path{stroke:var(--text-link);stroke-dasharray:90 150;stroke-dashoffset:0;animation:1.5s ease-in-out infinite dash}.loading-text{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}@media (max-width:767px){.loading-text{font-size:var(--font-size-xs)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}@media (prefers-color-scheme:dark){.loading-spinner__track{opacity:.15}}.loading-dots{justify-content:center;align-items:center;gap:6px;display:inline-flex}.loading-dots--sm{--dot-size:6px}.loading-dots--md{--dot-size:8px}.loading-dots--lg{--dot-size:10px}.loading-dots__dot{width:var(--dot-size);height:var(--dot-size);background:var(--text-link);opacity:.85;transform-origin:50%;border-radius:50%;animation:1.2s ease-in-out infinite dotPulse}.loading-dots__dot:nth-child(2){animation-delay:.15s}.loading-dots__dot:nth-child(3){animation-delay:.3s}@keyframes dotPulse{0%,80%,to{opacity:.6;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.app-loading-overlay{background:color-mix(in oklab,var(--bg-primary)85%,transparent);-webkit-backdrop-filter:blur(8px)saturate(1.1);z-index:9999;place-items:center;animation:.2s ease-out overlayFade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.app-loading-content{align-items:center;gap:var(--spacing-3);padding:var(--spacing-6);background:color-mix(in oklab,var(--bg-elevated)70%,transparent);border-radius:14px;flex-direction:column;display:flex;box-shadow:0 10px 30px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.04)}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.homepage{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);overflow-x:hidden}.homepage__container{padding-top:0;padding-bottom:var(--spacing-16)}@media (max-width:767px){.homepage__container{padding-top:0;padding-bottom:var(--spacing-12)}}.hero{text-align:left;margin-bottom:var(--spacing-16);width:100%;min-height:calc(100vh - var(--header-height));justify-content:center;align-items:center;gap:var(--spacing-12);display:flex}@media (max-width:767px){.hero{margin-bottom:var(--spacing-12);text-align:center;gap:var(--spacing-8);flex-direction:column-reverse}}.hero__greeting{font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-4)}@media (max-width:767px){.hero__greeting{font-size:var(--font-size-2xl)}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.hero__greeting{font-size:var(--font-size-3xl)}}.hero__name{font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:var(--spacing-4)0}@media (max-width:767px){.hero__name{font-size:var(--font-size-4xl)}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.hero__name{font-size:var(--font-size-5xl)}}.hero__wave{transform-origin:70% 70%;animation:2s infinite wave;display:inline-block}.hero__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}@media (max-width:767px){.hero__title{font-size:var(--font-size-xl)}}.hero__title .tech-tag{color:var(--text-link);font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold)}.hero__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-8);font-style:italic}@media (max-width:767px){.hero__subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-6)}}.hero .hero__avatar{object-fit:cover;border:2px solid var(--border-primary);border-radius:50%;width:max(160px,min(22vw,300px));height:max(160px,min(22vw,300px))}@media (max-width:767px){.hero .hero__avatar{margin-top:var(--spacing-4)}}.content-section{margin-bottom:var(--spacing-12)}@media (max-width:767px){.content-section{margin-bottom:var(--spacing-8)}}.content-section__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-6)}@media (max-width:767px){.content-section__title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}}.content-section__item{padding:var(--spacing-3)0;border-bottom:1px solid var(--border-secondary);transition:background-color var(--transition-fast);justify-content:space-between;align-items:flex-start;display:flex}.content-section__item:hover{background-color:var(--bg-hover);cursor:pointer}.content-section__item:last-child{border-bottom:none}@media (max-width:767px){.content-section__item{align-items:flex-start;gap:var(--spacing-1);flex-direction:column}}.content-section__item-title{font-size:var(--font-size-base);color:var(--text-primary);margin-right:var(--spacing-4);flex:1;text-decoration:none}.content-section__item-title:hover{color:var(--text-link)}@media (max-width:767px){.content-section__item-title{font-size:var(--font-size-sm);margin-right:0}}.content-section__item-date{font-size:var(--font-size-sm);color:var(--text-tertiary);white-space:nowrap}@media (max-width:767px){.content-section__item-date{font-size:var(--font-size-xs)}}.content-section__more-link{margin-top:var(--spacing-4);font-size:var(--font-size-sm);color:var(--text-link);text-decoration:none;display:inline-block}.content-section__more-link:hover{text-decoration:underline}.timeline-feature{margin-bottom:var(--spacing-12)}.timeline-feature__intro{text-align:center;font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-8);font-style:italic}@media (max-width:767px){.timeline-feature__intro{font-size:var(--font-size-base);margin-bottom:var(--spacing-6)}}.timeline-feature__months{justify-content:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}@media (max-width:767px){.timeline-feature__months{gap:var(--spacing-2)}}.timeline-feature__month{padding:var(--spacing-2)var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.timeline-feature__month:hover{background:var(--bg-hover);transform:translateY(-1px)}.timeline-feature__month--active{background:var(--text-link);color:var(--text-inverse);border-color:var(--text-link)}@media (max-width:767px){.timeline-feature__month{padding:var(--spacing-1)var(--spacing-3);font-size:var(--font-size-xs)}}.timeline-feature__compass{text-align:center}.timeline-feature__compass .compass-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-4)}@media (max-width:767px){.timeline-feature__compass .compass-title{font-size:var(--font-size-base)}}.navigation-links{margin-bottom:var(--spacing-12)}.navigation-links__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-6)}@media (max-width:767px){.navigation-links__title{font-size:var(--font-size-base);margin-bottom:var(--spacing-4)}}.navigation-links__list{justify-content:center;gap:var(--spacing-6);flex-wrap:wrap;display:flex}@media (max-width:767px){.navigation-links__list{gap:var(--spacing-4);flex-direction:column;align-items:center}}.navigation-links__item{list-style:none}.navigation-links__link{font-size:var(--font-size-base);color:var(--text-link);cursor:pointer;transition:color var(--transition-fast);text-decoration:none}.navigation-links__link:hover{color:var(--text-link-hover);text-decoration:underline}.navigation-links__link:after{content:" ·";color:var(--text-tertiary);margin-left:var(--spacing-1)}.navigation-links__link:last-child:after{display:none}@media (max-width:767px){.navigation-links__link:after{display:none}}.navigation-links__special{color:var(--text-primary);font-weight:var(--font-weight-medium)}.navigation-links__special:after{display:none}@keyframes wave{0%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(14deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}}@media (max-width:767px){.homepage__container{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.content-section__item{padding:var(--spacing-4)var(--spacing-2)}}@media (min-width:1024px){.homepage__container{max-width:var(--width-4xl)}.content-section__item{padding:var(--spacing-4)var(--spacing-2)}.content-section__item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}}.content-section__item{cursor:pointer}.home-timeline-section{margin-bottom:var(--spacing-12)}.home-timeline-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-4)}@media (max-width:767px){.home-timeline-section__title{font-size:var(--font-size-base);margin-bottom:var(--spacing-3)}}.home-timeline-list{gap:var(--spacing-2);flex-direction:column;display:flex}.home-timeline-item{align-items:center;gap:var(--spacing-3);padding-left:var(--spacing-6);display:flex;position:relative}.home-timeline-item__dot{border-radius:var(--radius-full);background:var(--text-link);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in oklab,var(--text-link)22%,transparent),0 2px 6px rgba(0,0,0,.15);animation:1.8s ease-out infinite ht-pulse;position:absolute;top:calc(50% - 4px);left:0}.home-timeline-item__dot:after{content:"";background:radial-gradient(closest-side,color-mix(in oklab,var(--text-link)35%,transparent)0%,transparent 70%);filter:blur(2px);opacity:.85;border-radius:9999px;animation:2.4s ease-out infinite ht-ripple;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.home-timeline-item__content{justify-content:space-between;align-items:baseline;gap:var(--spacing-3);width:100%;display:flex}@media (max-width:767px){.home-timeline-item__content{align-items:flex-start;gap:var(--spacing-1);flex-direction:column}}.home-timeline-item__title{color:var(--text-primary);line-height:var(--line-height-snug);text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-decoration:none;overflow:hidden}.home-timeline-item__title:hover{color:var(--text-link);text-decoration:underline}.home-timeline-item__date{color:var(--text-tertiary);font-size:var(--font-size-sm);white-space:nowrap}@keyframes ht-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes ht-ripple{0%{opacity:.75;transform:scale(.75)}70%{opacity:.12;transform:scale(1.35)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.home-timeline-item__dot,.home-timeline-item__dot:after{animation:none}}.home-timeline-more{margin-top:var(--spacing-3);justify-content:flex-end;display:flex}.home-timeline-more__link{align-items:center;gap:var(--spacing-2);color:var(--text-link);font-size:var(--font-size-sm);text-decoration:none;display:inline-flex}.home-timeline-more__link:hover{color:var(--text-link-hover);text-decoration:underline}.home-timeline-more__icon{display:inline-block;transform:translateY(-1px)}.posts-page{min-height:calc(100vh - var(--header-height) - var(--footer-height));background:var(--bg-primary)}.posts-page__container{padding-top:var(--spacing-8);padding-bottom:var(--spacing-16)}@media (max-width:767px){.posts-page__container{padding-top:var(--spacing-6);padding-bottom:var(--spacing-12)}}@media (max-width:767px){.page-header{margin-bottom:var(--spacing-8)}}@media (max-width:767px){.page-header__title{font-size:var(--font-size-3xl)}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.page-header__title{font-size:var(--font-size-4xl)}}@media (max-width:767px){.page-header__description{font-size:var(--font-size-base)}}.posts-filters{margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-secondary)}@media (max-width:767px){.posts-filters{padding:var(--spacing-4);margin-bottom:var(--spacing-6)}}.posts-filters__search{margin-bottom:var(--spacing-4)}.posts-filters__tags{align-items:flex-start;gap:var(--spacing-4);display:flex}@media (max-width:767px){.posts-filters__tags{gap:var(--spacing-2);flex-direction:column}}.posts-filters__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);white-space:nowrap}@media (max-width:767px){.posts-filters__label{font-size:var(--font-size-xs)}}.search-input{width:100%;max-width:400px}@media (max-width:767px){.search-input{max-width:100%}}.tag-list{gap:var(--spacing-2);flex-wrap:wrap;display:flex}@media (max-width:767px){.tag-list{gap:var(--spacing-1)}}.tag-item{padding:var(--spacing-1)var(--spacing-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tag-item:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.tag-item--active{background:var(--text-link);color:var(--text-inverse);border-color:var(--text-link)}.posts-grid{gap:var(--spacing-6);margin-bottom:var(--spacing-12);grid-template-columns:1fr;display:grid}@media (min-width:768px){.posts-grid{gap:var(--spacing-8);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.posts-grid{gap:var(--spacing-10);grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.posts-grid{grid-template-columns:repeat(3,1fr)}}.posts-list{gap:var(--spacing-6);max-width:860px;margin:0 auto var(--spacing-12);flex-direction:column;display:flex}.post-list-item{padding:var(--spacing-4)var(--spacing-4);margin:0 calc(-1*var(--spacing-4));cursor:pointer;background:0 0;border-radius:16px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;transform:translateY(0)}.post-list-item:hover{-webkit-backdrop-filter:blur(10px)saturate(150%);background:rgba(59,130,246,.08);animation:.4s cubic-bezier(.34,1.56,.64,1) forwards bounceUp;box-shadow:0 2px 12px rgba(59,130,246,.12),inset 0 1px 2px rgba(255,255,255,.5)}.post-list-item:active{-webkit-backdrop-filter:blur(12px)saturate(160%);background:rgba(59,130,246,.12);animation:none;transform:scale(.98)translateY(0)}.post-list-item:not(:hover):not(:active){animation:.3s cubic-bezier(.4,0,.2,1) forwards bounceDown}.post-list-item__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-2)}.post-list-item__title a{color:var(--text-primary);text-decoration:none;transition:color .2s}.post-list-item__title a:hover{color:var(--text-link)}.post-list-item__meta{gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-tertiary);flex-wrap:wrap;align-items:center;display:flex}.post-list-item__dot{padding:0 var(--spacing-1_5);opacity:.6}.post-list-item__views,.post-list-item__likes{align-items:center;gap:var(--spacing-1);display:inline-flex}@media (max-width:767px){.post-list-item{padding:var(--spacing-3)var(--spacing-3);margin:0 calc(-1*var(--spacing-3));border-radius:12px}.post-list-item:hover{-webkit-backdrop-filter:blur(8px)saturate(140%)}}@media (prefers-color-scheme:dark){.post-list-item:hover{background:rgba(59,130,246,.15);box-shadow:0 2px 12px rgba(59,130,246,.2),inset 0 1px 2px rgba(255,255,255,.05)}.post-list-item:active{background:rgba(59,130,246,.2)}}.post-card{padding:var(--spacing-6);border-radius:var(--radius-xl);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.post-card:before{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,rgba(59,130,246,.02) 0%,transparent 50%,rgba(168,85,247,.02) 100%);transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.post-card:hover:before{opacity:1}@media (max-width:767px){.post-card{padding:var(--spacing-4)}}.post-card--featured{border:2px solid var(--text-link);background:linear-gradient(135deg,var(--bg-primary)0%,var(--bg-secondary)100%)}.post-card--featured:before{content:"";background:linear-gradient(135deg,var(--text-link),var(--color-blue-400));border-radius:var(--radius-xl);z-index:-1;opacity:.1;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.post-card__content{z-index:1;position:relative}.post-card__meta{margin-bottom:var(--spacing-3);font-size:var(--font-size-xs);color:var(--text-tertiary);justify-content:space-between;align-items:center;display:flex}@media (max-width:767px){.post-card__meta{align-items:flex-start;gap:var(--spacing-1);flex-direction:column}}.post-card__date{font-weight:var(--font-weight-medium)}@media (max-width:767px){.post-card__read-time{font-size:var(--font-size-xs)}}.post-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-3)}@media (max-width:767px){.post-card__title{font-size:var(--font-size-lg)}}.post-card__title a{color:var(--text-primary);text-decoration:none}.post-card__title a:hover{color:var(--text-link)}.post-card__excerpt{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:767px){.post-card__excerpt{font-size:var(--font-size-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.post-card__tags{gap:var(--spacing-2);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}@media (max-width:767px){.post-card__tags{gap:var(--spacing-1)}}.post-card__read-more{font-size:var(--font-size-sm);color:var(--text-link);font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-1);transition:all var(--transition-fast);text-decoration:none;display:inline-flex}.post-card__read-more:hover{color:var(--text-link-hover);transform:translate(2px)}@media (max-width:767px){.post-card__read-more{font-size:var(--font-size-xs)}}.post-card__featured-badge{top:var(--spacing-4);right:var(--spacing-4);padding:var(--spacing-1)var(--spacing-2);background:var(--text-link);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);position:absolute}@media (max-width:767px){.post-card__featured-badge{top:var(--spacing-2);right:var(--spacing-2);padding:var(--spacing-1);font-size:10px}}@media (max-width:767px){.post-tag{padding:2px var(--spacing-1);font-size:10px}}.pagination{justify-content:center;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-8);display:flex}@media (max-width:767px){.pagination{gap:var(--spacing-4);flex-direction:column}}.pagination__item{padding:var(--spacing-2)var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-decoration:none}.pagination__item:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.pagination__item--current{background:var(--text-link);color:var(--text-inverse);border-color:var(--text-link)}.pagination__item--prev,.pagination__item--next{padding:var(--spacing-3)var(--spacing-5);font-weight:var(--font-weight-semibold)}@media (max-width:767px){.pagination__item{padding:var(--spacing-2)var(--spacing-3);font-size:var(--font-size-xs)}}.pagination__numbers{align-items:center;gap:var(--spacing-1);display:flex}@media (max-width:767px){.pagination__numbers{gap:var(--spacing-1)}}.pagination__ellipsis{color:var(--text-tertiary);padding:0 var(--spacing-2)}.page-actions .back-home{padding:var(--spacing-3)var(--spacing-6);font-size:var(--font-size-sm)}@media (max-width:767px){.page-actions .back-home{padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-xs)}}.posts-empty{text-align:center;padding:var(--spacing-16)var(--spacing-4)}.posts-empty__icon{width:4rem;height:4rem;margin:0 auto var(--spacing-4);opacity:.5}.posts-empty__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.posts-empty__description{font-size:var(--font-size-base);color:var(--text-tertiary)}.post-meta-icon{opacity:.7;flex-shrink:0;width:14px;height:14px}@media (max-width:767px){.post-meta-icon{width:12px;height:12px}}.tag-link{color:var(--text-link);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;transition:opacity .2s}.tag-link:hover{opacity:.7;text-decoration:underline}.tag-link:active{opacity:.5}.tag-comma{color:var(--text-tertiary)}@media (max-width:767px){.posts-filters__search{margin-bottom:var(--spacing-3)}.posts-filters__tags{align-items:flex-start}.posts-grid{gap:var(--spacing-4);grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.posts-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.posts-page__container{max-width:var(--width-6xl)}.posts-grid{gap:var(--spacing-8);grid-template-columns:repeat(3,1fr)}.post-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.12),0 0 0 1px rgba(59,130,246,.1)}.post-card:active{transform:translateY(-4px)scale(1.01)}}.posts-loading .post-card{border-radius:var(--radius-xl);height:300px}@keyframes bounceUp{0%{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}80%{transform:translateY(-6px)}to{transform:translateY(-5px)}}@keyframes bounceDown{0%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.post-list-item{animation:.6s cubic-bezier(.4,0,.2,1) backwards fadeInUp}.post-list-item:first-child{animation-delay:50ms}.post-list-item:nth-child(2){animation-delay:.1s}.post-list-item:nth-child(3){animation-delay:.15s}.post-list-item:nth-child(4){animation-delay:.2s}.post-list-item:nth-child(5){animation-delay:.25s}.post-list-item:nth-child(6){animation-delay:.3s}.post-list-item:nth-child(7){animation-delay:.35s}.post-list-item:nth-child(8){animation-delay:.4s}.post-list-item:nth-child(9){animation-delay:.45s}.post-list-item:nth-child(10){animation-delay:.5s}.post-list-item:nth-child(11){animation-delay:.55s}.post-list-item:nth-child(12){animation-delay:.6s}.post-list-item:nth-child(13){animation-delay:.65s}.post-list-item:nth-child(14){animation-delay:.7s}.post-list-item:nth-child(15){animation-delay:.75s}.post-list-item:nth-child(16){animation-delay:.8s}.post-list-item:nth-child(17){animation-delay:.85s}.post-list-item:nth-child(18){animation-delay:.9s}.post-list-item:nth-child(19){animation-delay:.95s}.post-list-item:nth-child(20){animation-delay:1s}.post-card{animation:.6s cubic-bezier(.4,0,.2,1) backwards fadeInUp}.post-card:first-child{animation-delay:80ms}.post-card:nth-child(2){animation-delay:.16s}.post-card:nth-child(3){animation-delay:.24s}.post-card:nth-child(4){animation-delay:.32s}.post-card:nth-child(5){animation-delay:.4s}.post-card:nth-child(6){animation-delay:.48s}.post-card:nth-child(7){animation-delay:.56s}.post-card:nth-child(8){animation-delay:.64s}.post-card:nth-child(9){animation-delay:.72s}.post-card:nth-child(10){animation-delay:.8s}.post-card:nth-child(11){animation-delay:.88s}.post-card:nth-child(12){animation-delay:.96s}@media print{.posts-filters,.pagination,.page-actions{display:none}.post-card{box-shadow:none;margin-bottom:var(--spacing-4);break-inside:avoid;border:1px solid #000}}.notes-layout{min-height:calc(100vh - var(--header-height));background:var(--bg-primary);display:block}@media (min-width:1024px){.notes-layout{column-gap:var(--spacing-8);grid-template-columns:minmax(0,1fr) 280px;justify-content:center;align-items:start;display:grid}}@media (min-width:1280px){.notes-layout{grid-template-columns:280px minmax(0,1fr) 280px}}.notes-sidebar{border-right:1px solid var(--border-primary);background:var(--bg-secondary);flex-direction:column;width:280px;display:none}@media (min-width:1280px){.notes-sidebar{display:flex}}.notes-sidebar__header{padding:var(--spacing-6)var(--spacing-5);border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}@media (max-width:767px){.notes-sidebar__header{padding:var(--spacing-4)}}.notes-sidebar__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}@media (max-width:767px){.notes-sidebar__title{font-size:var(--font-size-lg)}}.notes-sidebar__count{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-normal)}.notes-sidebar__list{flex:1;overflow-x:hidden;overflow-y:auto}.notes-sidebar__list::-webkit-scrollbar{width:6px}.notes-sidebar__list::-webkit-scrollbar-track{background:0 0}.notes-sidebar__list::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}.notes-sidebar__list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.notes-sidebar__sentinel{padding:var(--spacing-4);justify-content:center;display:flex}.note-list-item{width:100%;padding:var(--spacing-3)var(--spacing-5);text-align:left;cursor:pointer;transition:all var(--transition-fast);border:none;border-bottom:1px solid var(--border-primary);background:0 0;display:block;position:relative}@media (max-width:767px){.note-list-item{padding:var(--spacing-2)var(--spacing-4)}}.note-list-item:before{content:"";background:var(--text-link);transform-origin:0;width:3px;transition:transform var(--transition-fast);position:absolute;top:0;bottom:0;left:0;transform:scaleX(0)}.note-list-item:hover{background:var(--bg-hover)}.note-list-item--active{background:var(--bg-primary)}.note-list-item--active:before{transform:scaleX(1)}.note-list-item__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-snug);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}@media (max-width:767px){.note-list-item__title{font-size:var(--font-size-xs)}}.note-list-item__date,.note-list-item__tags{display:none}.notes-content{background:var(--bg-primary);flex:1;min-width:0;overflow:visible}@media (min-width:1024px){.notes-content{width:100%;max-width:60rem;margin:0 auto}}@media (max-width:767px){.notes-content{height:auto;min-height:calc(100vh - var(--header-height))}}.notes-content__loading{justify-content:center;align-items:center;min-height:400px;display:flex}.notes-content__empty{min-height:400px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.notes-content__row{display:block}@media (min-width:640px){.notes-content__row .note-article{margin:0}}.notes-aside{display:none}@media (min-width:1024px){.notes-aside{top:calc(var(--header-height,56px) + var(--spacing-4));align-self:start;width:280px;display:block;position:-webkit-sticky;position:sticky}.notes-aside .post-toc{height:calc(100vh - (var(--header-height,56px) + var(--spacing-4) + var(--spacing-10)));overflow-y:auto}}.note-article{max-width:60rem;padding:var(--spacing-16)var(--spacing-8);margin:0}@media (max-width:767px){.note-article{padding:var(--spacing-8)var(--spacing-4)}}.note-article__header{margin-bottom:var(--spacing-12)}@media (max-width:767px){.note-article__header{margin-bottom:var(--spacing-8)}}.note-article__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);letter-spacing:-.025em;margin:0 0 var(--spacing-6)}@media (max-width:767px){.note-article__title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}}.note-article__meta{align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.note-article__date{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}@media (max-width:767px){.note-article__date{font-size:var(--font-size-xs)}}.note-article__stats{align-items:center;gap:var(--spacing-4);display:flex}.note-article__stat{align-items:center;gap:var(--spacing-1);color:var(--text-muted);font-size:var(--font-size-sm);display:flex}@media (max-width:767px){.note-article__stat{font-size:var(--font-size-xs)}}.note-article__icon{width:1rem;height:1rem}.note-article__tags{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.note-article__tag{color:var(--text-muted);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.note-article__tag:hover{color:var(--text-link)}@media (max-width:767px){.note-article__tag{font-size:var(--font-size-xs)}}.note-article__body{margin-bottom:var(--spacing-16);font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"onum" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:767px){.note-article__body{margin-bottom:var(--spacing-12)}}.note-article__body .post-content .md-editor-preview-wrapper{background:0 0;padding:0}.note-article__body .post-content .md-editor-preview{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary)}.note-article__body .post-content .md-editor-preview p{margin-bottom:var(--spacing-6);line-height:1.8}@media (max-width:767px){.note-article__body .post-content .md-editor-preview p{margin-bottom:var(--spacing-4)}}.note-article__body .post-content .md-editor-preview h2,.note-article__body .post-content .md-editor-preview h3,.note-article__body .post-content .md-editor-preview h4{font-weight:var(--font-weight-semibold);margin-top:var(--spacing-10);margin-bottom:var(--spacing-4)}@media (max-width:767px){.note-article__body .post-content .md-editor-preview h2,.note-article__body .post-content .md-editor-preview h3,.note-article__body .post-content .md-editor-preview h4{margin-top:var(--spacing-6);margin-bottom:var(--spacing-3)}}.note-article__body .post-content .md-editor-preview h2{font-size:var(--font-size-2xl);border-bottom:none}@media (max-width:767px){.note-article__body .post-content .md-editor-preview h2{font-size:var(--font-size-xl)}}.note-article__body .post-content .md-editor-preview h3{font-size:var(--font-size-xl)}@media (max-width:767px){.note-article__body .post-content .md-editor-preview h3{font-size:var(--font-size-lg)}}.note-article__body .post-content .md-editor-preview blockquote{border-left:3px solid var(--text-link);background:var(--bg-secondary);padding:var(--spacing-4)var(--spacing-6);margin:var(--spacing-8)0;border-radius:0 var(--radius-lg)var(--radius-lg)0;font-style:normal}.note-article__body .post-content .md-editor-preview blockquote p:last-child{margin-bottom:0}.note-article__body .post-content .md-editor-preview img{border-radius:var(--radius-xl);margin:var(--spacing-8)0}.note-article__body .post-content .md-editor-preview hr{margin:var(--spacing-12)0;background:linear-gradient(90deg,transparent,var(--border-primary),transparent);border:none;height:1px}.note-article__body .post-content>*{animation:none}.note-article__summary{margin-top:var(--spacing-12);margin-bottom:var(--spacing-12);padding:var(--spacing-6);background:var(--bg-secondary);border:1px solid var(--border-primary);border-left:3px solid var(--text-link);border-radius:var(--radius-lg)}@media (min-width:1024px){.note-article__summary{max-width:60rem;margin-left:auto;margin-right:auto}}@media (max-width:767px){.note-article__summary{padding:var(--spacing-4);margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}}.note-article__summary-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-link);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-sm);margin-bottom:var(--spacing-3);letter-spacing:.05em;background:rgba(59,130,246,.1);display:inline-block}.note-article__summary-title{margin:0 0 var(--spacing-3);font-size:var(--font-size-lg);color:var(--text-primary);font-weight:var(--font-weight-semibold)}@media (max-width:767px){.note-article__summary-title{font-size:var(--font-size-base)}}.note-article__summary-text{color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);margin:0}@media (max-width:767px){.note-article__summary-text{font-size:var(--font-size-sm)}}.note-article__footer{padding-top:var(--spacing-8)}.note-article__divider{background:linear-gradient(90deg,var(--text-muted),transparent);width:100px;height:2px;margin:0 0 var(--spacing-6)}.note-article__copyright{color:var(--text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.note-article__copyright a{color:var(--text-link);text-decoration:none}.note-article__copyright a:hover{text-decoration:underline}@media (max-width:767px){.note-article__copyright{font-size:var(--font-size-xs)}}.timeline-page{min-height:calc(100vh - var(--header-height) - var(--footer-height));background:var(--bg-primary)}.timeline-page__container{max-width:720px;padding-top:var(--spacing-12);padding-bottom:var(--spacing-16)}@media (max-width:767px){.timeline-page__container{padding-top:var(--spacing-8);padding-bottom:var(--spacing-12)}}.page-header{text-align:center;margin-bottom:var(--spacing-10);padding-bottom:var(--spacing-6);border-bottom:2px solid var(--border-primary)}@media (max-width:767px){.page-header{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4)}}@media (max-width:767px){.page-header__title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2)}}.page-header__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.page-header__subtitle strong,.page-header__subtitle .count-up-number{color:var(--text-link);font-weight:var(--font-weight-semibold)}@media (max-width:767px){.page-header__subtitle{font-size:var(--font-size-sm)}}.timeline-stats{border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-10);text-align:center;border:1px solid var(--border-secondary)}@media (max-width:767px){.timeline-stats{padding:var(--spacing-4);margin-bottom:var(--spacing-8)}}.timeline-stats__item{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-2);line-height:var(--line-height-relaxed)}.timeline-stats__item strong,.timeline-stats__item .count-up-number{color:var(--text-primary);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;display:inline-block}.timeline-stats__item strong.live-updating,.timeline-stats__item .count-up-number.live-updating{color:var(--text-link);transition:opacity .15s ease-out}.timeline-stats__item:last-of-type{margin-bottom:0}@media (max-width:767px){.timeline-stats__item{font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}}.timeline-stats__motto{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-secondary);font-style:italic}@media (max-width:767px){.timeline-stats__motto{font-size:var(--font-size-xs);margin-top:var(--spacing-3);padding-top:var(--spacing-3)}}.timeline-archive{margin-bottom:var(--spacing-12)}@media (max-width:767px){.timeline-archive{margin-bottom:var(--spacing-8)}}.timeline-year{margin-bottom:var(--spacing-10)}.timeline-year:last-child{margin-bottom:0}@media (max-width:767px){.timeline-year{margin-bottom:var(--spacing-8)}}.timeline-year__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-secondary)}@media (max-width:767px){.timeline-year__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2)}}.timeline-year__count{font-size:var(--font-size-lg);color:var(--text-tertiary);font-weight:var(--font-weight-normal);margin-left:var(--spacing-2)}@media (max-width:767px){.timeline-year__count{font-size:var(--font-size-base);margin-left:var(--spacing-1)}}.timeline-year__list{margin:0;padding:0;list-style:none}.timeline-article{align-items:baseline;gap:var(--spacing-3);padding:var(--spacing-3)0;border-bottom:1px solid rgba(0,0,0,.03);transition:all .2s;display:flex}.timeline-article:last-child{border-bottom:none}.timeline-article:hover{padding-left:var(--spacing-2);padding-right:var(--spacing-2);margin-left:calc(-1*var(--spacing-2));margin-right:calc(-1*var(--spacing-2));border-radius:var(--radius-md);background:rgba(0,0,0,.02)}@media (max-width:767px){.timeline-article{gap:var(--spacing-2);padding:var(--spacing-2)0}}@media (prefers-color-scheme:dark){.timeline-article{border-bottom-color:rgba(255,255,255,.05)}.timeline-article:hover{background:rgba(255,255,255,.03)}}.timeline-article__date{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:45px}@media (max-width:767px){.timeline-article__date{font-size:var(--font-size-xs);min-width:40px}}.timeline-article__title{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);flex:1;text-decoration:none;transition:color .2s}.timeline-article__title:hover{color:var(--text-link)}@media (max-width:767px){.timeline-article__title{font-size:var(--font-size-sm)}}.timeline-empty{text-align:center;padding:var(--spacing-16)var(--spacing-8);color:var(--text-tertiary);font-size:var(--font-size-sm)}@media (max-width:767px){.timeline-empty{padding:var(--spacing-12)var(--spacing-4);font-size:var(--font-size-xs)}}.page-actions{text-align:center;padding-top:var(--spacing-8);border-top:1px solid var(--border-secondary)}@media (max-width:767px){.page-actions{padding-top:var(--spacing-6)}}.back-home{padding:var(--spacing-3)var(--spacing-6);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:0 0;align-items:center;text-decoration:none;transition:all .2s;display:inline-flex}.back-home:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(-2px)}@media (max-width:767px){.back-home{padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-xs)}}.animated-number{will-change:opacity;display:inline-block}.animated-number.is-updating{animation:.4s ease-out numberFade}@keyframes numberFade{0%{opacity:.7}to{opacity:1}}@media (min-width:768px) and (max-width:1023px){.timeline-page__container{max-width:640px}}@media print{.timeline-page{background:#fff}.timeline-stats,.page-actions{display:none}.timeline-article{page-break-inside:avoid}}.friends-page{min-height:calc(100vh - var(--header-height) - var(--footer-height));background:var(--bg-primary)}.friends-page__container{padding-top:var(--spacing-8);padding-bottom:var(--spacing-16)}@media (max-width:767px){.friends-page__container{padding-top:var(--spacing-6);padding-bottom:var(--spacing-12)}}.friends-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-8);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:767px){.friends-stats{gap:var(--spacing-3);margin-bottom:var(--spacing-6)}}.friends-stats__item{text-align:center;padding:var(--spacing-4);border-radius:var(--radius-lg);background:var(--bg-card);transition:all var(--transition-base)}.friends-stats__item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.friends-stats__number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-link);margin-bottom:var(--spacing-1);line-height:1;display:block}@media (max-width:767px){.friends-stats__number{font-size:var(--font-size-xl)}}.friends-stats__label{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}@media (max-width:767px){.friends-stats__label{font-size:var(--font-size-xs)}}.friends-filters{margin-bottom:var(--spacing-8);padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-secondary)}.friends-filters__tags{align-items:center;gap:var(--spacing-4);display:flex}@media (max-width:767px){.friends-filters__tags{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}}.friends-filters__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);white-space:nowrap}.friends-grid{gap:var(--spacing-6);margin-bottom:var(--spacing-12);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (max-width:767px){.friends-grid{gap:var(--spacing-4);grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.friends-grid{grid-template-columns:repeat(2,1fr)}}.friend-card{padding:var(--spacing-6);border-radius:var(--radius-xl);background:var(--bg-card);cursor:pointer;transition:all var(--transition-base);position:relative}.friend-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.friend-card--inactive{opacity:.6;filter:grayscale(50%)}.friend-card--inactive:after{content:"暂停访问";top:var(--spacing-2);right:var(--spacing-2);padding:var(--spacing-1)var(--spacing-2);background:var(--color-red-500);color:var(--text-inverse);font-size:var(--font-size-xs);border-radius:var(--radius-md);position:absolute}@media (max-width:767px){.friend-card{padding:var(--spacing-4)}}.friend-card__header{align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-4);display:flex}.friend-card__avatar{flex-shrink:0;position:relative}.friend-card__avatar img{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-secondary);width:3rem;height:3rem}@media (max-width:767px){.friend-card__avatar img{width:2.5rem;height:2.5rem}}.friend-card__status{border:2px solid var(--bg-card);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.friend-card__status--active{background:var(--color-green-500);animation:2s infinite pulse}.friend-card__status--inactive{background:var(--color-gray-400)}@media (max-width:767px){.friend-card__status{width:8px;height:8px}}.friend-card__info{flex:1;min-width:0}.friend-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1)}@media (max-width:767px){.friend-card__name{font-size:var(--font-size-base)}}.friend-card__url{font-size:var(--font-size-sm);color:var(--text-link);font-family:var(--font-family-mono);text-decoration:none}.friend-card__url:hover{text-decoration:underline}@media (max-width:767px){.friend-card__url{font-size:var(--font-size-xs)}}.friend-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}@media (max-width:767px){.friend-card__description{font-size:var(--font-size-xs)}}.friend-card__tags{gap:var(--spacing-1);margin-bottom:var(--spacing-3);flex-wrap:wrap;display:flex}@media (max-width:767px){.friend-card__tags{gap:2px}}.friend-card__footer{font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}@media (max-width:767px){.friend-card__footer{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}}.friend-card__added{color:var(--text-tertiary)}.friend-card__visit{color:var(--text-link);font-weight:var(--font-weight-medium);text-decoration:none}.friend-card__visit:hover{text-decoration:underline}.friend-tag{padding:var(--spacing-1)var(--spacing-2);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-xs);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}@media (max-width:767px){.friend-tag{padding:2px var(--spacing-1);font-size:10px}}.friends-apply{margin-bottom:var(--spacing-8)}.friends-apply__card{padding:var(--spacing-8);text-align:center;background:linear-gradient(135deg,var(--bg-card)0%,var(--bg-secondary)100%);border-radius:var(--radius-2xl)}@media (max-width:767px){.friends-apply__card{padding:var(--spacing-6)}}.friends-apply__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-3)}@media (max-width:767px){.friends-apply__title{font-size:var(--font-size-lg)}}.friends-apply__description{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-6)}@media (max-width:767px){.friends-apply__description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}}.friends-apply__requirements{text-align:left;max-width:400px;margin:0 auto var(--spacing-6)}.friends-apply__requirements h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.friends-apply__requirements ul{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.friends-apply__requirements ul li{margin-bottom:var(--spacing-1);padding-left:var(--spacing-2);position:relative}.friends-apply__requirements ul li:before{content:"•";color:var(--text-link);position:absolute;left:0}@media (max-width:767px){.friends-apply__requirements ul{font-size:var(--font-size-xs)}}.friends-apply__button{padding:var(--spacing-3)var(--spacing-8);font-size:var(--font-size-base)}@media (max-width:767px){.friends-apply__button{padding:var(--spacing-2)var(--spacing-6);font-size:var(--font-size-sm)}.friends-grid{grid-template-columns:1fr}.friends-stats{grid-template-columns:repeat(3,1fr)}.friends-stats__item{padding:var(--spacing-3)}}@media (min-width:768px) and (max-width:1023px){.friends-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.friends-grid{gap:var(--spacing-8);grid-template-columns:repeat(3,1fr)}.friend-card:hover .friend-card__avatar img{transform:scale(1.1)}}.friend-card{animation:.5s ease-out slideInUp}.friend-card:first-child{animation-delay:.1s}.friend-card:nth-child(2){animation-delay:.2s}.friend-card:nth-child(3){animation-delay:.3s}.friend-card:nth-child(4){animation-delay:.4s}.friend-card:nth-child(5){animation-delay:.5s}.friend-card:nth-child(6){animation-delay:.6s}.friend-card:nth-child(7){animation-delay:.7s}.friend-card:nth-child(8){animation-delay:.8s}.friend-card:nth-child(9){animation-delay:.9s}.friend-card:nth-child(10){animation-delay:1s}.friend-card:nth-child(11){animation-delay:1.1s}.friend-card:nth-child(12){animation-delay:1.2s}.friend-card__avatar img{transition:transform var(--transition-base)}.friends-empty{text-align:center;padding:var(--spacing-16)}.friends-empty__icon{margin-bottom:var(--spacing-4);opacity:.5;font-size:4rem}.friends-empty__title{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.friends-empty__description{color:var(--text-tertiary)}.projects-page{min-height:calc(100vh - var(--header-height) - var(--footer-height));background:var(--bg-primary)}.projects-page__container{padding-top:var(--spacing-8);padding-bottom:var(--spacing-16)}@media (max-width:767px){.projects-page__container{padding-top:var(--spacing-6);padding-bottom:var(--spacing-12)}}.projects-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-8);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:767px){.projects-stats{gap:var(--spacing-3);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr)}}.projects-stats__item{text-align:center;padding:var(--spacing-4);border-radius:var(--radius-lg);background:var(--bg-card);transition:all var(--transition-base)}.projects-stats__item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:767px){.projects-stats__item{padding:var(--spacing-3)}}.projects-stats__number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-link);margin-bottom:var(--spacing-1);line-height:1;display:block}@media (max-width:767px){.projects-stats__number{font-size:var(--font-size-xl)}}.projects-stats__label{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}@media (max-width:767px){.projects-stats__label{font-size:var(--font-size-xs)}}.section-title{align-items:center;gap:var(--spacing-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-8);display:flex}@media (max-width:767px){.section-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-6)}}.section-title__icon{font-size:var(--font-size-xl)}@media (max-width:767px){.section-title__icon{font-size:var(--font-size-lg)}}.projects-grid{gap:var(--spacing-6);margin-bottom:var(--spacing-12);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}@media (max-width:767px){.projects-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-8);grid-template-columns:1fr}}.projects-grid--featured{gap:var(--spacing-8);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media (max-width:767px){.projects-grid--featured{gap:var(--spacing-6);grid-template-columns:1fr}}.project-card{border-radius:var(--radius-xl);background:var(--bg-card);cursor:pointer;transition:all var(--transition-base);overflow:hidden}.project-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.project-card--featured{border:2px solid var(--text-link);background:linear-gradient(135deg,var(--bg-card)0%,var(--bg-secondary)100%)}.project-card--featured:before{content:"";background:linear-gradient(135deg,var(--text-link),var(--color-blue-400));border-radius:var(--radius-xl);z-index:-1;opacity:.1;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.project-card--archived{opacity:.7;filter:grayscale(30%)}.project-card--archived:after{content:"已归档";top:var(--spacing-2);right:var(--spacing-2);padding:var(--spacing-1)var(--spacing-2);background:var(--color-gray-500);color:var(--text-inverse);font-size:var(--font-size-xs);border-radius:var(--radius-md);z-index:2;position:absolute}.project-card__image{height:200px;position:relative;overflow:hidden}@media (max-width:767px){.project-card__image{height:150px}}.project-card__image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.project-card__image:hover img{transform:scale(1.05)}.project-card__overlay{opacity:0;transition:opacity var(--transition-base);background:rgba(0,0,0,.7);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.project-card:hover .project-card__overlay{opacity:1}.project-card__links{gap:var(--spacing-3);display:flex}.project-card__content{padding:var(--spacing-6)}@media (max-width:767px){.project-card__content{padding:var(--spacing-4)}}.project-card__header{margin-bottom:var(--spacing-4)}.project-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2);line-height:var(--line-height-tight)}@media (max-width:767px){.project-card__title{font-size:var(--font-size-lg)}}.project-card__badges{gap:var(--spacing-2);flex-wrap:wrap;display:flex}@media (max-width:767px){.project-card__badges{gap:var(--spacing-1)}}.project-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}@media (max-width:767px){.project-card__description{font-size:var(--font-size-xs)}}.project-card__technologies{gap:var(--spacing-1);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.project-card__stats{align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex}@media (max-width:767px){.project-card__stats{gap:var(--spacing-2)}}.project-card__footer{font-size:var(--font-size-xs);color:var(--text-tertiary);justify-content:space-between;align-items:center;display:flex}@media (max-width:767px){.project-card__footer{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}}.project-status{padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.project-status--active{background:var(--color-green-500);color:var(--text-inverse)}.project-status--development{background:var(--color-blue-500);color:var(--text-inverse)}.project-status--archived{background:var(--color-gray-500);color:var(--text-inverse)}.project-type{padding:var(--spacing-1)var(--spacing-2);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.tech-tag{padding:var(--spacing-1)var(--spacing-2);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-xs);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.tech-tag--more{background:var(--text-link);color:var(--text-inverse)}@media (max-width:767px){.tech-tag{padding:2px var(--spacing-1);font-size:10px}}.project-link{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-decoration:none;display:flex}.project-link:hover{background:var(--text-link);color:var(--text-inverse);transform:translateY(-1px)}.project-link--small{padding:var(--spacing-1)var(--spacing-2);font-size:var(--font-size-xs)}.project-link__icon{width:1rem;height:1rem}.project-stat{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.project-stat--small{font-size:var(--font-size-xs)}.project-stat__icon{width:1rem;height:1rem}.language-dot{border-radius:50%;width:8px;height:8px}.language-dot--typescript{background:var(--color-blue-500)}.language-dot--javascript{background:var(--color-yellow-500)}.language-dot--python{background:var(--color-green-500)}.language-dot--java{background:var(--color-red-500)}.tech-stack{margin-bottom:var(--spacing-12)}@media (max-width:767px){.tech-stack{margin-bottom:var(--spacing-8)}}.tech-categories{gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}@media (max-width:767px){.tech-categories{gap:var(--spacing-4);grid-template-columns:1fr}}.tech-category{padding:var(--spacing-6);border-radius:var(--radius-xl);background:var(--bg-card)}@media (max-width:767px){.tech-category{padding:var(--spacing-4)}}.tech-category__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-4)}@media (max-width:767px){.tech-category__title{font-size:var(--font-size-base)}}.tech-list{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.tech-item{padding:var(--spacing-1)var(--spacing-3);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.tech-item:hover{background:var(--text-link);color:var(--text-inverse);transform:translateY(-1px)}@media (max-width:767px){.tech-item{font-size:var(--font-size-xs);padding:2px var(--spacing-2)}.projects-stats{grid-template-columns:repeat(2,1fr)}.projects-grid,.tech-categories{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.projects-page__container{max-width:var(--width-6xl)}.projects-grid{gap:var(--spacing-8);grid-template-columns:repeat(3,1fr)}.projects-grid--featured{grid-template-columns:repeat(2,1fr)}}.project-card{animation:.5s ease-out slideInUp}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:nth-child(5){animation-delay:.5s}.project-card:nth-child(6){animation-delay:.6s}.project-card:nth-child(7){animation-delay:.7s}.project-card:nth-child(8){animation-delay:.8s}.project-card:nth-child(9){animation-delay:.9s}.project-card:nth-child(10){animation-delay:1s}.project-card:nth-child(11){animation-delay:1.1s}.project-card:nth-child(12){animation-delay:1.2s}.projects-empty{text-align:center;padding:var(--spacing-16)}.projects-empty__icon{margin-bottom:var(--spacing-4);opacity:.5;font-size:4rem}.projects-empty__title{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.projects-empty__description{color:var(--text-tertiary)}.Site-post-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-family-sans);line-height:var(--line-height-normal);transition:all var(--spring-base)}.post-nav{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);border-bottom:1px solid var(--border-secondary);padding:var(--spacing-4)0;background:rgba(254,253,249,.95);position:-webkit-sticky;position:sticky;top:0}[data-theme=dark] .post-nav{background:rgba(17,17,17,.9)}.post-nav__back{align-items:center;gap:var(--spacing-2);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);cursor:pointer;text-decoration:none;display:flex}.post-nav__back:hover{color:var(--text-accent);transform:translate(-2px)}.post-nav__icon{width:1rem;height:1rem;transition:transform var(--transition-fast)}@media (max-width:767px){.post-nav{padding:var(--spacing-3)var(--spacing-4)}.post-nav__back{font-size:var(--font-size-xs);padding:0}}.post-container{max-width:60rem;padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}@media (min-width:1024px){.post-container{max-width:calc(62rem + 280px)}}@media (max-width:767px){.post-container{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}}.post-header{margin-bottom:var(--spacing-16)}.post-header__content{text-align:left}@media (max-width:767px){.post-header{margin-bottom:var(--spacing-12)}}.post-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);letter-spacing:-.025em;margin-bottom:var(--spacing-8);font-family:var(--font-family-sans);text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (max-width:767px){.post-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-6);line-height:var(--line-height-snug)}}.post-meta{gap:var(--spacing-4);flex-direction:column;display:flex}.post-meta__row{align-items:center;gap:var(--spacing-6);flex-wrap:wrap;display:flex}@media (max-width:767px){.post-meta__row{gap:var(--spacing-4);flex-direction:column;align-items:flex-start}}.post-meta__date,.post-meta__category,.post-meta__views{align-items:center;gap:var(--spacing-2);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex}@media (max-width:767px){.post-meta__date,.post-meta__category,.post-meta__views{font-size:var(--font-size-xs)}}.post-meta__icon{width:1rem;height:1rem;color:var(--text-muted)}.post-meta__category{color:var(--text-accent);background:var(--bg-secondary);padding:var(--spacing-1)var(--spacing-3);border-radius:var(--radius-full);border:1px solid var(--border-primary)}.post-meta__dot{color:var(--text-muted);margin:0 var(--spacing-1);-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}@media (max-width:767px){.post-meta__dot{margin:0 var(--spacing-1);font-size:.75em}}.post-meta__likes{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);display:inline-flex}@media (max-width:767px){.post-meta__likes{font-size:var(--font-size-xs)}}.post-tags{gap:var(--spacing-2);margin-top:var(--spacing-2);flex-wrap:wrap;display:flex}.post-tag{background:var(--bg-secondary);color:var(--text-secondary);padding:var(--spacing-1)var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--border-primary);transition:all var(--transition-fast)}.post-tag:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width:767px){.post-tag{padding:.125rem var(--spacing-2);font-size:.625rem}}.post-summary{margin-bottom:var(--spacing-12);padding:var(--spacing-4)var(--spacing-5);background:var(--bg-secondary);border:1px solid var(--border-primary);border-left:4px solid var(--text-link);border-radius:var(--radius-lg)}@media (min-width:1024px){.post-summary{max-width:60rem}}.post-summary__title{margin:0 0 var(--spacing-2);font-size:var(--font-size-base);color:var(--text-accent);font-weight:var(--font-weight-semibold)}.post-summary__text{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.post-content-row{display:block}@media (min-width:1024px){.post-content-row{column-gap:var(--spacing-8);grid-template-columns:minmax(0,1fr) 280px;align-items:start;display:grid}}.post-aside{display:none}@media (min-width:1024px){.post-aside{top:calc(var(--header-height,64px) + var(--spacing-4));align-self:start;width:280px;display:block;position:-webkit-sticky;position:sticky;bottom:auto;right:auto}.post-aside .post-toc{max-height:calc(100vh - (var(--header-height,64px) + var(--spacing-4) + var(--spacing-10)));overflow-y:auto}}.post-toc{height:100%;max-height:100%;padding:var(--spacing-5);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-base);position:static;overflow-x:hidden;overflow-y:auto;box-shadow:0 2px 8px rgba(0,0,0,.04)}[data-theme=dark] .post-toc{background:rgba(26,26,26,.8);box-shadow:0 2px 12px rgba(0,0,0,.2)}.post-toc:hover{border-color:var(--border-secondary);box-shadow:0 4px 16px rgba(0,0,0,.08)}[data-theme=dark] .post-toc:hover{box-shadow:0 4px 20px rgba(0,0,0,.3)}.post-toc::-webkit-scrollbar{width:6px}.post-toc::-webkit-scrollbar-track{margin:var(--spacing-2)0;background:0 0}.post-toc::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full);transition:background var(--transition-fast)}.post-toc::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.post-toc__title{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--spacing-4);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-primary);align-items:center;gap:var(--spacing-2);display:flex}.post-toc__title:before{content:"";background:linear-gradient(180deg,var(--text-link),var(--text-accent));border-radius:var(--radius-full);width:3px;height:12px;display:inline-block}.post-toc__list{margin:0;padding:0;list-style:none;position:relative}.post-toc__list:before{content:"";background:linear-gradient(180deg,transparent,var(--border-primary)10%,var(--border-primary)90%,transparent);opacity:.5;width:1px;position:absolute;top:0;bottom:0;left:4px}.post-toc__item{margin:0;position:relative}.post-toc__item:before{content:"";background:var(--border-primary);opacity:0;width:5px;height:5px;transition:all var(--transition-fast);border-radius:50%;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.post-toc__item:hover:before{opacity:1;transform:translateY(-50%)scale(1.2)}.post-toc__link{padding:var(--spacing-2)var(--spacing-3);padding-left:var(--spacing-4);border-radius:var(--radius-md);color:var(--text-tertiary);line-height:1.5;font-size:var(--font-size-sm);transition:all var(--transition-fast);text-decoration:none;display:block;position:relative;overflow:hidden}.post-toc__link:after{content:"";background:var(--text-link);width:2px;transition:transform var(--transition-fast);position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.post-toc__link:hover{color:var(--text-primary);background:var(--bg-hover);padding-left:calc(var(--spacing-4) + 4px)}.post-toc__link:hover:after{transform:translate(0)}.post-toc__link--active{color:var(--text-link);font-weight:var(--font-weight-medium);padding-left:calc(var(--spacing-4) + 4px);border-left:2px solid var(--text-link);background:linear-gradient(90deg,rgba(59,130,246,.1),rgba(59,130,246,.05))}[data-theme=dark] .post-toc__link--active{background:linear-gradient(90deg,rgba(96,165,250,.15),rgba(96,165,250,.05))}.post-toc__link--active:after{transform:translate(0)}.post-toc__item[data-level="2"] .post-toc__link{padding-left:calc(var(--spacing-4) + 0px)}.post-toc__item[data-level="3"] .post-toc__link{padding-left:calc(var(--spacing-4) + 12px);font-size:calc(var(--font-size-sm)*.95)}.post-toc__item[data-level="4"] .post-toc__link{padding-left:calc(var(--spacing-4) + 24px);font-size:calc(var(--font-size-sm)*.9);color:var(--text-muted)}.post-toc__item[data-level="3"] .post-toc__link--active,.post-toc__item[data-level="3"] .post-toc__link:hover{padding-left:calc(var(--spacing-4) + 16px)}.post-toc__item[data-level="4"] .post-toc__link--active,.post-toc__item[data-level="4"] .post-toc__link:hover{padding-left:calc(var(--spacing-4) + 28px)}.post-main{margin-bottom:var(--spacing-16)}@media (max-width:767px){.post-main{margin-bottom:var(--spacing-12)}}.post-article{position:relative}.post-content{font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"onum" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.post-content .md-editor-preview-wrapper{background:0 0;padding:0}.post-content .md-editor-preview{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary)}.post-content>*{animation:.6s ease-out both fadeInUp}.post-content>:first-child{animation-delay:0s}.post-content>:nth-child(2){animation-delay:.1s}.post-content>:nth-child(3){animation-delay:.2s}.post-content>:nth-child(4){animation-delay:.3s}.post-content>:nth-child(5){animation-delay:.4s}.post-content>:nth-child(6){animation-delay:.5s}.post-content>:nth-child(7){animation-delay:.6s}.post-content>:nth-child(8){animation-delay:.7s}.post-content>:nth-child(9){animation-delay:.8s}.post-content>:nth-child(10){animation-delay:.9s}.post-content>:nth-child(11){animation-delay:1s}.post-content>:nth-child(12){animation-delay:1.1s}.post-content>:nth-child(13){animation-delay:1.2s}.post-content>:nth-child(14){animation-delay:1.3s}.post-content>:nth-child(15){animation-delay:1.4s}.post-content>:nth-child(16){animation-delay:1.5s}.post-content>:nth-child(17){animation-delay:1.6s}.post-content>:nth-child(18){animation-delay:1.7s}.post-content>:nth-child(19){animation-delay:1.8s}.post-content>:nth-child(20){animation-delay:1.9s}.post-footer{border-top:2px solid var(--border-secondary);padding-top:var(--spacing-8)}.post-footer__content{text-align:center}.post-footer__copyright{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.post-footer__copyright a{color:var(--text-accent);text-decoration:none}.post-footer__copyright a:hover{text-decoration:underline}@media (max-width:767px){.post-footer{padding-top:var(--spacing-6)}.post-footer__copyright{font-size:var(--font-size-xs)}}.post-cover{margin-bottom:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}@media (max-width:767px){.post-cover{margin-bottom:var(--spacing-6)}}.post-cover__image{object-fit:cover;width:100%;height:400px;transition:transform var(--transition-base)}.post-cover__image:hover{transform:scale(1.02)}@media (max-width:767px){.post-cover__image{height:250px}}.post-content{margin-bottom:var(--spacing-12)}@media (max-width:767px){.post-content{margin-bottom:var(--spacing-8)}}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{scroll-margin-top:80px;position:relative}.post-content h1 .anchor-link,.post-content h2 .anchor-link,.post-content h3 .anchor-link,.post-content h4 .anchor-link,.post-content h5 .anchor-link,.post-content h6 .anchor-link{opacity:0;color:var(--text-secondary);transition:opacity var(--transition-fast);margin-left:.5rem;text-decoration:none}.post-content h1:hover .anchor-link,.post-content h2:hover .anchor-link,.post-content h3:hover .anchor-link,.post-content h4:hover .anchor-link,.post-content h5:hover .anchor-link,.post-content h6:hover .anchor-link{opacity:1}.post-content__body{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary)}.post-content__body h1,.post-content__body h2,.post-content__body h3,.post-content__body h4,.post-content__body h5,.post-content__body h6{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--spacing-8)0 var(--spacing-4);line-height:var(--line-height-tight)}.post-content__body h1:first-child,.post-content__body h2:first-child,.post-content__body h3:first-child,.post-content__body h4:first-child,.post-content__body h5:first-child,.post-content__body h6:first-child{margin-top:0}.post-content__body h1{font-size:var(--font-size-3xl);border-bottom:2px solid var(--border-primary);padding-bottom:var(--spacing-2)}@media (max-width:767px){.post-content__body h1{font-size:var(--font-size-2xl)}}.post-content__body h2{font-size:var(--font-size-2xl)}@media (max-width:767px){.post-content__body h2{font-size:var(--font-size-xl)}}.post-content__body h3{font-size:var(--font-size-xl)}@media (max-width:767px){.post-content__body h3{font-size:var(--font-size-lg)}}.post-content__body h4{font-size:var(--font-size-lg)}@media (max-width:767px){.post-content__body h4{font-size:var(--font-size-base)}}.post-content__body p{margin-bottom:var(--spacing-4)}.post-content__body p:last-child{margin-bottom:0}.post-content__body ul,.post-content__body ol{margin:var(--spacing-4)0;padding-left:var(--spacing-6)}.post-content__body ul li,.post-content__body ol li{margin-bottom:var(--spacing-2)}.post-content__body ul li:last-child,.post-content__body ol li:last-child{margin-bottom:0}.post-content__body ul{list-style-type:disc}.post-content__body ol{list-style-type:decimal}.post-content__body code{background:var(--bg-tertiary);color:var(--text-primary);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);border:1px solid var(--border-primary)}.post-content__body pre{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-4);margin:var(--spacing-6)0;box-shadow:var(--shadow-sm);overflow-x:auto}@media (max-width:767px){.post-content__body pre{padding:var(--spacing-3);margin:var(--spacing-4)0}}.post-content__body pre code{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-primary);background:0 0;border:none;padding:0}@media (max-width:767px){.post-content__body pre code{font-size:var(--font-size-xs)}}.post-content__body blockquote{border-left:4px solid var(--text-link);background:var(--bg-secondary);padding:var(--spacing-4)var(--spacing-6);margin:var(--spacing-6)0;border-radius:0 var(--radius-lg)var(--radius-lg)0;color:var(--text-secondary);font-style:italic}@media (max-width:767px){.post-content__body blockquote{padding:var(--spacing-3)var(--spacing-4);margin:var(--spacing-4)0}}.post-content__body blockquote p{margin:0}.post-content__body a{color:var(--text-link);transition:all var(--transition-fast);border-bottom:1px solid transparent;text-decoration:none}.post-content__body a:hover{color:var(--text-link-hover);border-bottom-color:var(--text-link-hover)}.post-content__body table{border-collapse:collapse;width:100%;margin:var(--spacing-6)0;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.post-content__body table th,.post-content__body table td{padding:var(--spacing-3)var(--spacing-4);text-align:left;border-bottom:1px solid var(--border-primary)}@media (max-width:767px){.post-content__body table th,.post-content__body table td{padding:var(--spacing-2)var(--spacing-3)}}.post-content__body table th{background:var(--bg-tertiary);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.post-content__body table tr:last-child td{border-bottom:none}.post-content__body img{border-radius:var(--radius-lg);max-width:100%;height:auto;box-shadow:var(--shadow-md);margin:var(--spacing-4)0}.post-content__body hr{background:var(--border-primary);height:1px;margin:var(--spacing-8)0;border:none}.post-actions{margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-secondary)}@media (max-width:767px){.post-actions{padding:var(--spacing-4);margin-bottom:var(--spacing-6)}}.post-actions__social{align-items:center;gap:var(--spacing-4);display:flex}@media (max-width:767px){.post-actions__social{gap:var(--spacing-2);flex-wrap:wrap}}.post-action{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:flex}.post-action:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.post-action--like:hover{color:var(--color-red-500);border-color:var(--color-red-500)}.post-action--share:hover{color:var(--color-blue-500);border-color:var(--color-blue-500)}.post-action--bookmark:hover{color:var(--color-yellow-500);border-color:var(--color-yellow-500)}.post-action__icon{width:1rem;height:1rem}@media (max-width:767px){.post-action{padding:var(--spacing-1)var(--spacing-3);font-size:var(--font-size-xs)}}.post-comments{z-index:20;position:relative}.post-prevnext{gap:var(--spacing-4);margin:var(--spacing-10)0;display:grid}@media (min-width:768px){.post-prevnext{gap:var(--spacing-6);grid-template-columns:repeat(2,minmax(0,1fr))}}.post-prevnext__card{background-color:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);min-height:120px;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base);background-position:50%;background-size:cover;display:block;position:relative;overflow:hidden}.post-prevnext__card:before{content:"";pointer-events:none;mix-blend-mode:overlay;opacity:.65;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.1));background-position:0 0,50%;background-size:18px 18px,cover;position:absolute;top:0;bottom:0;left:0;right:0}.post-prevnext__card:after{content:"";pointer-events:none;filter:blur(2px);background:linear-gradient(120deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.28) 50%,rgba(255,255,255,0) 80%);transition:transform 1s;position:absolute;top:-20%;bottom:-20%;left:-60%;right:-60%;transform:translate(-40%)}.post-prevnext__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-prevnext__card:hover:after{transform:translate(40%)}@media (min-width:768px){.post-prevnext__card{min-height:150px}}.post-prevnext__card--disabled{pointer-events:none;filter:grayscale(.1)saturate(.85);background-image:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))!important}.post-prevnext__meta{padding:var(--spacing-6);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);-webkit-backdrop-filter:saturate(120%)blur(1px);backdrop-filter:saturate(120%)blur(1px);background:linear-gradient(transparent,rgba(0,0,0,.45));position:absolute;top:auto;bottom:0;left:0;right:0}@media (max-width:767px){.post-prevnext__meta{padding:var(--spacing-4)}}[data-theme=light] .post-prevnext__card:before,:root:not([data-theme=dark]) .post-prevnext__card:before{background-image:radial-gradient(color-mix(in oklab,var(--shiro-accent-400)22%,transparent)1px,transparent 1px),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.06));mix-blend-mode:multiply}[data-theme=light] .post-prevnext__card:after,:root:not([data-theme=dark]) .post-prevnext__card:after{background:linear-gradient(120deg,rgba(20,184,166,0) 20%,rgba(20,184,166,.38) 50%,rgba(20,184,166,0) 80%)}[data-theme=light] .post-prevnext__meta,:root:not([data-theme=dark]) .post-prevnext__meta{background:linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.28))}.post-prevnext__label{font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;opacity:.9;display:block}.post-prevnext__title{margin:var(--spacing-2)0 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}@media (max-width:767px){.post-prevnext__title{font-size:var(--font-size-lg)}}.related-posts{margin-bottom:var(--spacing-8)}.related-posts__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-6)}@media (max-width:767px){.related-posts__title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}}.related-posts__list{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}@media (max-width:767px){.related-posts__list{gap:var(--spacing-3);grid-template-columns:1fr}}.related-post{padding:var(--spacing-4);border-radius:var(--radius-lg);transition:all var(--transition-base);text-decoration:none}.related-post:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.related-post__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2);line-height:var(--line-height-tight)}@media (max-width:767px){.related-post__title{font-size:var(--font-size-sm)}}.related-post__meta{align-items:center;gap:var(--spacing-3);font-size:var(--font-size-xs);color:var(--text-tertiary);display:flex}@media (max-width:767px){.related-post__meta{gap:var(--spacing-2)}}.related-post__date{font-weight:var(--font-weight-medium)}.related-post__read-time{align-items:center;gap:var(--spacing-1);display:flex}.post-tag{padding:var(--spacing-1)var(--spacing-2);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-xs);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}@media (max-width:767px){.post-tag{padding:2px var(--spacing-1);font-size:10px}}.post-stat{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.post-stat__icon{width:1rem;height:1rem}@media (max-width:767px){.post-stat{font-size:var(--font-size-xs)}.post-page__container{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.post-header__info,.post-header__stats{flex-direction:column;align-items:flex-start}.post-actions__social{justify-content:center}}@media (min-width:768px) and (max-width:1023px){.post-content__body{font-size:var(--font-size-lg)}}@media (min-width:1024px){.post-page__container{max-width:var(--width-5xl)}.post-content__body{font-size:var(--font-size-lg);line-height:1.8}}@media print{.post-header__back,.post-actions,.related-posts,.page-actions{display:none}.post-content__body{color:#000;font-size:12pt;line-height:1.6}.post-header__title{color:#000;font-size:18pt}}.says-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.says-page__container{padding-top:var(--spacing-8);padding-bottom:var(--spacing-16);max-width:720px}.page-header{margin-bottom:var(--spacing-10);padding-bottom:var(--spacing-6);border-bottom:1px solid rgba(0,0,0,.05)}@media (max-width:767px){.page-header__title{font-size:var(--font-size-xl)}}.page-header__description{font-size:var(--font-size-sm);color:var(--text-tertiary)}.says-stats{display:none}.says-list{flex-direction:column;gap:0;display:flex}.say-card{gap:var(--spacing-3);padding:var(--spacing-5)0;background:0 0;border-bottom:1px solid rgba(0,0,0,.05);transition:background-color .2s;display:flex}@media (max-width:767px){.say-card{padding:var(--spacing-4)0;gap:var(--spacing-2_5)}}.say-card:last-child{border-bottom:none}.say-card__avatar{flex-shrink:0}.say-card__avatar-img{border-radius:var(--radius-md);object-fit:cover;width:44px;height:44px}@media (max-width:767px){.say-card__avatar-img{width:40px;height:40px}}.say-card__status,.say-card__header,.say-card__info{display:none}.say-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-link);margin-bottom:var(--spacing-1);cursor:pointer}.say-card__name:hover{text-decoration:underline}.say-card__meta{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);display:flex}.say-card__datetime{font-size:var(--font-size-xs);color:var(--text-tertiary)}.say-card__stats{align-items:center;gap:var(--spacing-2);display:flex}.say-card__stat{font-size:var(--font-size-xs);color:var(--text-tertiary);align-items:center;gap:.25rem;transition:color .2s;display:inline-flex}.say-card__stat:hover{color:var(--text-link)}.say-card__stat--action{cursor:pointer}.say-card__icon{flex-shrink:0;width:12px;height:12px}.say-card__location-weather,.say-card__location,.say-card__weather,.say-card__mood{display:none}.say-card__content{flex:1;min-width:0}.say-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-3)}.say-card__title a{color:var(--text-primary);word-break:break-word;text-decoration:none}.say-card__title a:hover{color:var(--text-link)}.say-card__text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary);margin-bottom:var(--spacing-3);word-break:break-word;white-space:pre-wrap}.say-card__images{gap:var(--spacing-1_5);margin-bottom:var(--spacing-3);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:767px){.say-card__images{gap:var(--spacing-1)}}.say-card__image{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:opacity .2s}.say-card__image:hover{opacity:.9}.say-card__image:only-child{aspect-ratio:16/10;grid-column:span 2;max-width:400px}.say-card__tags{gap:var(--spacing-1_5);margin-top:var(--spacing-2);flex-wrap:wrap;display:inline-flex}.say-card__actions{display:none}.say-card__comments{margin-top:var(--spacing-3);margin-left:calc(-1*(44px + var(--spacing-3)));padding-left:var(--spacing-3);animation:say-comments-in .24s var(--ease-spring)both}@keyframes say-comments-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.say-tag{color:var(--text-link);font-size:var(--font-size-xs);cursor:pointer;background:0 0;padding:0;transition:opacity .2s;display:inline-block}.say-tag:hover{opacity:.7}.say-action{display:none}.page-actions{margin-top:var(--spacing-12);padding-top:var(--spacing-6);border-top:1px solid rgba(0,0,0,.05)}.back-home{align-items:center;gap:var(--spacing-1_5);padding:var(--spacing-2)var(--spacing-4);color:var(--text-secondary);font-size:var(--font-size-sm);background:0 0;text-decoration:none;transition:color .2s;display:inline-flex}.back-home:hover{color:var(--text-primary)}@media (max-width:767px){.says-page__container{padding-top:var(--spacing-6);padding-bottom:var(--spacing-12)}.page-header{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4)}.say-card{padding:var(--spacing-4)0}.say-card__avatar-img{width:38px;height:38px}.say-card__title,.say-card__text{font-size:var(--font-size-sm)}.say-card__images{gap:var(--spacing-1);grid-template-columns:repeat(3,1fr)}}.comments-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.comments-page__container{padding-top:var(--spacing-8);padding-bottom:var(--spacing-16)}@media (max-width:767px){.page-header__title{font-size:var(--font-size-3xl)}}.comments-stats{gap:var(--spacing-6);margin-bottom:var(--spacing-12);padding:var(--spacing-6);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}@media (max-width:767px){.comments-stats{gap:var(--spacing-4);padding:var(--spacing-4);grid-template-columns:repeat(2,1fr)}}.comments-stats__item{text-align:center}.comments-stats__number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-1);display:block}.comments-stats__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.comment-form-section{margin-bottom:var(--spacing-16);padding:var(--spacing-8);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}@media (max-width:767px){.comment-form-section{padding:var(--spacing-6)}}.comment-form-section__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-6);text-align:center}.comment-form__toolbar{justify-content:flex-end;gap:var(--spacing-2);margin-bottom:var(--spacing-3);display:flex}.comment-form__fields{margin-bottom:var(--spacing-6)}.comment-form__row{gap:var(--spacing-4);margin-bottom:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:767px){.comment-form__row{grid-template-columns:1fr}}.comment-form__row--triple{gap:var(--spacing-3);grid-template-columns:1fr 1fr 1fr}@media (max-width:767px){.comment-form__row--triple{grid-template-columns:1fr}}.comment-form__field{flex-direction:column;display:flex}.comment-form__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}.comment-form__input,.comment-form__textarea{box-sizing:border-box;width:100%;padding:var(--spacing-2);border:1px solid var(--border-primary);border-radius:var(--radius-3xl);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-xs);transition:all var(--transition-fast)}.comment-form__input:focus,.comment-form__textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.comment-form__input::placeholder,.comment-form__textarea::placeholder{color:var(--text-tertiary)}.comment-form .is-invalid{box-shadow:0 0 0 3px rgba(245,108,108,.25);box-shadow:0 0 0 3px color(display-p3 .89503 .455685 .440442/.25);box-shadow:0 0 0 3px lab(63.3225% 53.6318 27.548/.25);border-color:#f56c6c!important}.comment-form .is-invalid:focus{outline:none;border-color:#f56c6c!important;box-shadow:0 0 0 3px rgba(245,108,108,.28)!important;box-shadow:0 0 0 3px color(display-p3 .89503 .455685 .440442/.28)!important;box-shadow:0 0 0 3px lab(63.3225% 53.6318 27.548/.28)!important}.comment-form .comment-form__error{font-size:var(--font-size-xs);color:#f56c6c;margin:6px 0 0}.comment-form__textarea{resize:vertical;min-height:80px;font-family:inherit}.comment-form .comment-send-fab{right:var(--spacing-3);bottom:var(--spacing-3);border-radius:var(--radius-full);background:var(--color-blue-600);width:44px;height:44px;color:var(--color-white);box-shadow:var(--shadow-sm);cursor:pointer;z-index:2;transition:transform var(--transition-fast),background var(--transition-fast);border:none;place-items:center;display:inline-grid;position:absolute}.comment-form .comment-send-fab:hover{background:var(--color-blue-500);transform:translateY(-1px)}.comment-form .comment-send-fab:disabled{opacity:.6;cursor:not-allowed;transform:none}.comment-form__preview{width:100%;padding:var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary)}.comment-form__hint{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-tertiary);align-items:center;gap:var(--spacing-2);display:inline-flex}.comment-form__hint .comment-action{color:var(--text-link);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0}.comment-form__hint .comment-action:hover{color:var(--text-link-hover)}.comment-form__actions{justify-content:space-between;align-items:center;gap:var(--spacing-1);border-top:1px solid var(--border-primary);width:100%;margin-top:var(--spacing-1);padding-top:var(--spacing-1);flex-wrap:wrap;display:flex}@media (max-width:767px){.comment-form__actions{flex-direction:column;align-items:stretch}}.comment-form__emojis{align-items:center;gap:var(--spacing-3);display:flex}.comment-form__emojis-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.comment-form__emojis-list{gap:var(--spacing-1);flex-wrap:wrap;display:flex}.comment-form__emoji{border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;font-size:var(--font-size-base);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.comment-form__emoji:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:scale(1.1)}@media (max-width:767px){.comment-form__submit{width:100%}}.comment-submit-button{width:100%;height:44px;padding:0 var(--spacing-6);background-color:var(--color-blue-600);background:linear-gradient(135deg,var(--color-blue-600)0%,var(--color-blue-500)100%);color:var(--color-white);border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.02em;cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;display:inline-flex}.comment-submit-button:hover{background-color:var(--color-blue-500);background:linear-gradient(135deg,var(--color-blue-500)0%,var(--color-blue-400)100%);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.comment-submit-button:active{box-shadow:none;transform:translateY(0)}.comment-submit-button:disabled{opacity:.7;cursor:not-allowed}.comment-form__message{margin-top:var(--spacing-3);font-size:var(--font-size-sm);color:var(--text-secondary)}.comment-submit-mini{height:34px;padding:0 var(--spacing-4);background:var(--color-blue-600);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);border:none;justify-content:center;align-items:center;display:inline-flex}.comment-submit-mini:hover{background:var(--color-blue-500);transform:translateY(-1px)}.comment-submit-mini:active{transform:translateY(0)}.comment-submit-mini:disabled{opacity:.6;cursor:not-allowed}.guestbook-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guestbook-item{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-2)0;display:flex}.guestbook-item__avatar{border-radius:var(--radius-full);background:var(--bg-secondary);place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.guestbook-item__avatar-initial{color:var(--text-tertiary);font-size:.875rem;font-weight:var(--font-weight-semibold)}.guestbook-item__body{flex:1;min-width:0}.guestbook-item__meta{align-items:baseline;gap:var(--spacing-2);margin-bottom:4px;line-height:1;display:flex}.guestbook-item__name{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--text-primary)}.guestbook-item__time{color:var(--text-tertiary);font-size:.75rem}.guestbook-item__content{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:.9375rem}.comments-list__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-8);text-align:center}.comments-container{gap:var(--spacing-6);flex-direction:column;display:flex}.comments--compact .comment{padding:var(--spacing-2)0;background:0 0;border:none;border-radius:0;transition:none}.comments--compact .comment--child{margin-left:0}.comments--compact .comment__header{gap:var(--spacing-1)}.comments--compact .comment__avatar-img{border:none;width:32px;height:32px;display:inline-block}.comments--compact .comment__info{min-width:0}.comments--compact .comment__author-name{margin:0;font-size:.875rem;display:inline-block}.comments--compact .comment__author-website{display:none}.comments--compact .comment__datetime{margin-left:var(--spacing-2);font-size:.75rem;display:inline-block}.comments--compact .comment__actions{gap:var(--spacing-1);margin-left:auto}.comments--compact .comment__content{padding:var(--spacing-2);border-radius:var(--radius-2xl);align-items:center;margin:0;display:flex}.comments--compact .comment__text{color:var(--text-primary);padding:var(--spacing-2);border-radius:0px var(--radius-2xl)var(--radius-2xl)var(--radius-2xl);margin-left:var(--spacing-2);background-color:#f2f3f5;font-size:.9375rem;line-height:1.5;display:inline-block}.comments--compact .comment__replies{margin-top:var(--spacing-2);padding-left:var(--spacing-8);border-left:none}.comments--compact .comment__inline-reply{margin-top:var(--spacing-2);padding-left:var(--spacing-8)}.comment{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:all var(--transition-base)}.comment--author{border-color:var(--color-blue-500);background:linear-gradient(135deg,var(--bg-card)0%,rgba(59,130,246,.05) 100%)}.comment__header{align-items:flex-start;gap:var(--spacing-1);margin-bottom:var(--spacing-1);display:flex}.comment__avatar{align-items:center;display:flex;position:relative}.comment__avatar-img{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-primary);width:48px;height:48px}.comment__author-badge{padding:var(--spacing-1)var(--spacing-2);background:var(--color-blue-600);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);white-space:nowrap;position:absolute;top:-4px;right:-4px}.comment__info{flex:1;min-width:0}.comment__author{margin-left:48px}.comment__author-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1)}.comment__author-website{font-size:var(--font-size-sm);color:var(--text-link);text-decoration:none}.comment__author-website:hover{color:var(--text-link-hover);text-decoration:underline}.comment__datetime{font-size:var(--font-size-sm);color:var(--text-tertiary)}.comment__actions{align-items:center;gap:var(--spacing-3);flex-shrink:0;display:flex}.comment__content{margin-bottom:var(--spacing-4)}.comment__text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;max-width:55vw}.comment__inline-reply{margin-top:var(--spacing-3);padding-left:var(--spacing-10)}.comment__replies{margin-top:var(--spacing-4);padding-left:var(--spacing-12);border-left:2px solid var(--border-primary)}@media (max-width:767px){.comment__replies{padding-left:var(--spacing-6)}}.comment-inline-form{margin-top:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary)}.comment-form--compact .comment-form__row--triple{gap:var(--spacing-2)}.comment-form--compact .comment-form__input,.comment-form--compact .comment-form__textarea{padding:var(--spacing-2)}.comment-form--compact .comment-form__textarea{min-height:60px}.comment-form--compact .comment-send-fab{width:40px;height:40px}.comment-reply{gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding:var(--spacing-3);background:var(--bg-secondary);border-radius:var(--radius-md);display:flex}.comment-reply:last-child{margin-bottom:0}.comment-reply--author{background:linear-gradient(135deg,var(--bg-secondary)0%,rgba(59,130,246,.05) 100%)}.comment-reply__avatar{flex-shrink:0;position:relative}.comment-reply__avatar-img{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--border-primary);width:32px;height:32px}.comment-reply__author-badge{padding:1px var(--spacing-1);background:var(--color-blue-600);color:var(--color-white);font-size:10px;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);white-space:nowrap;position:absolute;top:-2px;right:-2px}.comment-reply__content{flex:1;min-width:0}.comment-reply__header{align-items:center;gap:var(--spacing-1);margin-bottom:var(--spacing-1);display:flex}.comment-reply__author{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.comment-reply__datetime{font-size:var(--font-size-xs);color:var(--text-tertiary)}.comment-reply__text{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-primary);word-wrap:break-word}.comment-action{align-items:center;gap:var(--spacing-1);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:flex}.comment-action--like:hover{color:var(--color-red-500)}.comment-action--reply{border:1px solid var(--border-primary);background:var(--bg-primary)}.comment-action__icon{width:16px;height:16px}.page-actions{text-align:center;margin-top:var(--spacing-12)}@media (max-width:767px){.comment{padding:var(--spacing-4)}.comment__header{gap:var(--spacing-3)}.comment__avatar-img{width:40px;height:40px}.comment__actions{gap:var(--spacing-1)}.comment-action{font-size:var(--font-size-xs)}.comment-action__icon{width:14px;height:14px}.comment-reply{gap:var(--spacing-2);padding:var(--spacing-2)}.comment-reply__avatar-img{width:28px;height:28px}}@media (min-width:768px) and (max-width:1023px){.comment-form__row{grid-template-columns:1fr 1fr}}.comment-theme--glass .comment-form__input,.comment-theme--glass .comment-form__textarea{border-radius:var(--radius-2xl);background:#f2f3f5;border-color:silver}.comment-theme--glass .comment-submit-button{background-color:var(--color-blue-600);background:linear-gradient(135deg,var(--color-blue-600),var(--color-blue-500));box-shadow:0 6px 20px rgba(59,130,246,.25)}.comment-theme--glass .comment-submit-mini{background-color:var(--color-blue-600);background:var(--color-blue-600);box-shadow:0 4px 14px rgba(59,130,246,.25)}.comment-theme--glass .comment-send-fab{background-color:var(--color-blue-600);background:var(--color-blue-600);box-shadow:0 8px 24px rgba(59,130,246,.25)}[data-theme=dark] .comment-form__input,[data-theme=dark] .comment-form__textarea,[data-theme=dark] .comment-theme--glass .comment-form__input,[data-theme=dark] .comment-theme--glass .comment-form__textarea{color:rgba(241,245,249,.8)!important;background:rgba(39,39,42,.5)!important}[data-theme=dark] .comments--compact .comment__text{color:#e4e4e7!important;background-color:rgba(113,113,122,.2)!important}.about-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.about-page__container{padding-top:var(--spacing-8);padding-bottom:var(--spacing-16)}.page-header{text-align:center;margin-bottom:var(--spacing-16)}.page-header__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-4)}@media (max-width:767px){.page-header__title{font-size:var(--font-size-3xl)}}.page-header__description{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.about-section__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-8);text-align:center;position:relative}.about-section__title:after{content:"";bottom:-var(--spacing-2);background:var(--color-blue-500);border-radius:var(--radius-full);width:60px;height:3px;position:absolute;left:50%;transform:translate(-50%)}.about-intro{margin-bottom:var(--spacing-16);padding:var(--spacing-8);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}@media (max-width:767px){.about-intro{padding:var(--spacing-6)}}.about-intro__content{gap:var(--spacing-8);grid-template-columns:auto 1fr;align-items:flex-start;display:grid}@media (max-width:767px){.about-intro__content{gap:var(--spacing-6);text-align:center;grid-template-columns:1fr}}.about-intro__avatar{flex-shrink:0}.about-intro__avatar-img{border-radius:var(--radius-full);object-fit:cover;border:4px solid var(--border-primary);width:120px;height:120px}@media (max-width:767px){.about-intro__avatar-img{width:100px;height:100px}}.about-intro__text{flex:1}.about-intro__name{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.about-intro__title{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-6)}.about-intro__description p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary);margin-bottom:var(--spacing-4)}.about-intro__description p:last-child{margin-bottom:0}.about-skills{margin-bottom:var(--spacing-16)}.skills-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}@media (max-width:767px){.skills-grid{grid-template-columns:1fr}}.tech-tags{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.tag-section{margin-top:var(--spacing-8)}.tag-cloud{align-items:center;gap:var(--spacing-2)var(--spacing-3);flex-wrap:wrap;display:flex}.tag-cloud__tag{color:var(--text-secondary);transition:transform var(--transition-fast),color var(--transition-fast);will-change:transform,color;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.4}.tag-cloud__tag:hover,.tag-cloud__tag:focus{color:var(--text-link);transform:translateY(-1px)scale(1.06)}.tag-cloud--accent .tag-cloud__tag{color:var(--text-link)}.tag-cloud--accent .tag-cloud__tag:hover,.tag-cloud--accent .tag-cloud__tag:focus{color:var(--text-link-hover)}.about-intro .tag-section .about-section__title{text-align:left}.about-intro .tag-section .about-section__title:after{left:0;transform:none}.about-page .about-skills{display:none}.skill-item{padding:var(--spacing-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base)}.skill-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.skill-item__header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.skill-item__name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.skill-item__level{font-size:var(--font-size-sm);color:var(--text-secondary)}.skill-item__progress{background:var(--bg-secondary);border-radius:var(--radius-full);height:8px;overflow:hidden}.skill-item__bar{border-radius:var(--radius-full);height:100%;transition:width 1s ease-in-out}.skill-item__bar--blue{background:var(--color-blue-500)}.skill-item__bar--green{background:var(--color-green-500)}.skill-item__bar--purple{background:#8b5cf6}.skill-item__bar--yellow{background:var(--color-yellow-500)}.skill-item__bar--cyan{background:#06b6d4}.skill-item__bar--orange{background:#f97316}.about-experience{margin-bottom:var(--spacing-16)}.experience-timeline{padding-left:var(--spacing-8);position:relative}.experience-timeline:before{content:"";left:var(--spacing-4);background:var(--border-primary);width:2px;position:absolute;top:0;bottom:0}@media (max-width:767px){.experience-timeline{padding-left:var(--spacing-6)}.experience-timeline:before{left:var(--spacing-3)}}.experience-item{margin-bottom:var(--spacing-8);padding-left:var(--spacing-6);position:relative}.experience-item:before{content:"";left:-var(--spacing-2);top:var(--spacing-2);background:var(--color-blue-500);border:3px solid var(--bg-primary);border-radius:var(--radius-full);width:12px;height:12px;position:absolute}.experience-item__period{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium)}.experience-item__content{background:var(--bg-card);padding:var(--spacing-6);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base)}.experience-item__content:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.experience-item__position{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1)}.experience-item__company{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-3)}.experience-item__description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary);margin-bottom:var(--spacing-4)}.experience-item__achievements{margin:0;padding:0;list-style:none}.experience-item__achievement{padding-left:var(--spacing-4);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);position:relative}.experience-item__achievement:before{content:"•";color:var(--color-blue-500);font-weight:700;position:absolute;left:0}.experience-item__achievement:last-child{margin-bottom:0}.about-education{margin-bottom:var(--spacing-16)}.education-list{gap:var(--spacing-6);flex-direction:column;display:flex}.education-item{gap:var(--spacing-6);padding:var(--spacing-6);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base);display:flex}.education-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}@media (max-width:767px){.education-item{gap:var(--spacing-3);flex-direction:column}}.education-item__period{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);flex-shrink:0;min-width:100px}@media (max-width:767px){.education-item__period{min-width:auto}}.education-item__content{flex:1}.education-item__degree{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1)}.education-item__school{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-3)}.education-item__description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary)}.about-contact{margin-bottom:var(--spacing-16)}.contact-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}@media (max-width:767px){.contact-grid{grid-template-columns:1fr}}.contact-item{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:inherit;transition:all var(--transition-base);text-decoration:none;display:flex}.contact-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-item__icon{font-size:var(--font-size-xl);flex-shrink:0}.contact-item__content{flex:1;min-width:0}.contact-item__label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-1);display:block}.contact-item__value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);word-break:break-all;display:block}.about-stats{margin-bottom:var(--spacing-16)}.stats-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}@media (max-width:767px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-item{text-align:center;padding:var(--spacing-6);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base)}.stat-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-item__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-2)}@media (max-width:767px){.stat-item__value{font-size:var(--font-size-2xl)}}.stat-item__unit{font-size:var(--font-size-lg);color:var(--text-secondary);margin-left:var(--spacing-1)}.stat-item__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.page-actions{text-align:center}.back-home{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-6);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-base);text-decoration:none;display:inline-flex}.back-home:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}@media (max-width:767px){.about-intro__content{text-align:center}.experience-timeline{padding-left:var(--spacing-6)}.experience-timeline:before{left:var(--spacing-3)}.experience-item{padding-left:var(--spacing-4)}.experience-item:before{left:-var(--spacing-1_5)}.education-item{flex-direction:column}}@media (min-width:768px) and (max-width:1023px){.skills-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}}.not-found-page{min-height:calc(100vh - var(--header-height,64px));background:linear-gradient(135deg,var(--bg-primary)0%,var(--bg-secondary)100%);padding:var(--spacing-8);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@media (max-width:767px){.not-found-page{padding:var(--spacing-6)var(--spacing-4)}}.not-found-page:before{content:"";background:radial-gradient(circle at center,rgba(var(--rgb-link,59,130,246),.05)0%,transparent 70%);width:200%;height:200%;animation:30s linear infinite rotate;position:absolute;top:-50%;left:-50%}.not-found-container{text-align:center;z-index:1;width:100%;max-width:600px;position:relative}.not-found-number{justify-content:center;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8);display:flex}@media (max-width:767px){.not-found-number{gap:var(--spacing-2);margin-bottom:var(--spacing-6)}}.not-found-number__digit{background:linear-gradient(135deg,var(--text-link)0%,var(--text-accent,var(--text-link))100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:10rem;font-weight:800;line-height:1;animation:2s ease-in-out infinite bounce}@media (max-width:767px){.not-found-number__digit{font-size:6rem}}.not-found-number__digit--middle{animation-delay:.2s;transform:scale(1.2)}@media (max-width:767px){.not-found-number__digit--middle{transform:scale(1.1)}}.not-found-number__digit:last-child{animation-delay:.4s}.not-found-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-4);animation:.6s ease-out fadeInUp}@media (max-width:767px){.not-found-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-3)}}.not-found-description{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-8);animation:.6s ease-out .2s both fadeInUp}@media (max-width:767px){.not-found-description{font-size:var(--font-size-base);margin-bottom:var(--spacing-6)}}.not-found-illustration{height:100px;margin-bottom:var(--spacing-8);position:relative}@media (max-width:767px){.not-found-illustration{height:60px;margin-bottom:var(--spacing-6)}}.floating-element{opacity:.6;font-size:2rem;animation:3s ease-in-out infinite float;position:absolute}@media (max-width:767px){.floating-element{font-size:1.5rem}}.floating-element--1{animation-delay:0s;top:20%;left:10%}.floating-element--2{animation-delay:.5s;top:30%;right:10%}.floating-element--3{animation-delay:1s;bottom:20%;left:25%}.floating-element--4{animation-delay:1.5s;bottom:30%;right:25%}.not-found-actions{gap:var(--spacing-4);margin-bottom:var(--spacing-6);justify-content:center;animation:.6s ease-out .4s both fadeInUp;display:flex}@media (max-width:767px){.not-found-actions{gap:var(--spacing-3);flex-direction:column}}.not-found-button{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-6);border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}@media (max-width:767px){.not-found-button{padding:var(--spacing-3)var(--spacing-5);font-size:var(--font-size-sm);justify-content:center}}.not-found-button__icon{flex-shrink:0;width:20px;height:20px;transition:transform .3s}@media (max-width:767px){.not-found-button__icon{width:18px;height:18px}}.not-found-button:before{content:"";background:rgba(255,255,255,.3);border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.not-found-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.15)}.not-found-button:hover .not-found-button__icon{transform:scale(1.1)}.not-found-button:hover:before{width:300px;height:300px}.not-found-button:active{transform:translateY(0)}.not-found-button--primary{background:linear-gradient(135deg,var(--text-link)0%,var(--text-accent,var(--text-link))100%);text-shadow:0 1px 2px rgba(0,0,0,.1);color:#fff!important}.not-found-button--primary .not-found-button__icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.not-found-button--primary:hover{box-shadow:0 8px 20px rgba(var(--rgb-link,59,130,246),.4)}.not-found-button--primary:hover .not-found-button__icon{color:#fff}.not-found-button--secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.not-found-button--secondary:hover{background:var(--bg-tertiary);border-color:var(--text-link)}.not-found-hint{font-size:var(--font-size-sm);color:var(--text-tertiary);animation:.6s ease-out .6s both fadeInUp}@media (max-width:767px){.not-found-hint{font-size:var(--font-size-xs)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(10deg)}}@media (prefers-color-scheme:dark){.not-found-page:before{opacity:.5}.not-found-button--secondary:hover{background:var(--bg-hover)}}.font-display-swap{font-display:swap}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}html{scrollbar-width:thin;scrollbar-color:var(--border-primary)var(--bg-secondary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-card{background-color:var(--bg-card)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.m-4{margin:var(--spacing-4)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.mt-0{margin-top:0}.mt-4{margin-top:var(--spacing-4)}.mt-8{margin-top:var(--spacing-8)}.mb-0{margin-bottom:0}.mb-4{margin-bottom:var(--spacing-4)}.mb-8{margin-bottom:var(--spacing-8)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}@media (max-width:767px){.hidden-mobile{display:none!important}.mobile-only{display:block}}@media (min-width:768px) and (max-width:1023px){.hidden-tablet{display:none!important}.tablet-only{display:block}}@media (min-width:1024px){.hidden-desktop{display:none!important}.desktop-only{display:block}}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition-none{transition:none}.transition-fast{transition:all var(--transition-fast)}.transition{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.focus\:not-sr-only:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.hover\:lift:hover{transform:translateY(-2px)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-snug)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-none)}.font-thin{font-weight:var(--font-weight-thin)}.font-light{font-weight:var(--font-weight-light);letter-spacing:.01em}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium);letter-spacing:-.01em}.font-semibold{font-weight:var(--font-weight-semibold);letter-spacing:-.015em}.font-bold{font-weight:var(--font-weight-bold);letter-spacing:-.02em}.leading-none{line-height:var(--line-height-none)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.text-paper{font-family:var(--font-family-sans);color:var(--text-primary);line-height:var(--line-height-relaxed);font-feature-settings:"kern" 1,"liga" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-accent{color:var(--text-accent);font-weight:var(--font-weight-medium)}.text-mono{font-family:var(--font-family-mono);font-feature-settings:"calt" 0}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:767px){.mobile\:p-4{padding:var(--spacing-4)}.mobile\:text-sm{font-size:var(--font-size-sm)}.mobile\:hidden{display:none}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.ipad-portrait\:p-6{padding:var(--spacing-6)}.ipad-portrait\:text-base{font-size:var(--font-size-base)}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.ipad-landscape\:p-8{padding:var(--spacing-8)}.ipad-landscape\:text-lg{font-size:var(--font-size-lg)}}@media (min-width:1024px){.desktop\:p-8{padding:var(--spacing-8)}.desktop\:text-lg{font-size:var(--font-size-lg)}.desktop\:hidden{display:none}}::view-transition-old(root){animation-duration:.4s;animation-timing-function:cubic-bezier(.34,1.25,.64,1)}::view-transition-new(root){animation-duration:.4s;animation-timing-function:cubic-bezier(.34,1.25,.64,1)}::view-transition-old(root){animation-name:theme-fade-out}::view-transition-new(root){animation-name:theme-fade-in}@keyframes theme-fade-out{0%{opacity:1}to{opacity:0}}@keyframes theme-fade-in{0%{opacity:0}to{opacity:1}}*{transition:color var(--spring-base),background-color var(--spring-base),border-color var(--spring-fast),box-shadow var(--spring-fast),opacity var(--spring-fast)}.theme-transition{transition:color var(--spring-base),background-color var(--spring-base),border-color var(--spring-base),box-shadow var(--spring-base),fill var(--spring-base),stroke var(--spring-base),transform var(--spring-fast)}.paper-transition{transition:all var(--spring-base),transform var(--spring-fast)}.paper-transition:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}