.header{position:sticky;top:0;z-index:calc(var(--z-sticky) + 1);background-color:var(--color-bg);border-bottom:1px solid var(--color-border-subtle)}.header__container{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);max-width:none;width:100%;padding:0 var(--content-padding)}.header__logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);transition:opacity var(--transition-fast)}.header__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.header__logo:hover{opacity:.7}.header__nav{display:flex;gap:var(--space-6)}.header__nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:color var(--transition-fast);position:relative}.header__nav-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background-color:var(--color-text);transform:scaleX(0);transition:transform var(--transition-base)}.header__nav-link:hover,.header__nav-link--active{color:var(--color-text)}.header__nav-link--active:after{transform:scaleX(1)}.footer{margin-top:auto;padding:var(--space-8) 0;border-top:1px solid var(--color-border-subtle)}.footer__container{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}@media(min-width:640px){.footer__container{flex-direction:row;justify-content:space-between}}.footer__copyright{font-size:var(--text-sm);color:var(--color-text-tertiary)}.footer__links{display:flex;gap:var(--space-6)}.footer__link{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-text)}.feed-filters{position:sticky;top:var(--header-height);z-index:var(--z-sticky);background-color:var(--color-bg);padding:var(--space-4) var(--content-padding);margin-bottom:var(--space-6);left:0;right:0;width:100vw;margin-left:calc(-50vw + 50%);border-bottom:1px solid var(--color-border-subtle)}.feed-filters__tags{display:flex;flex-wrap:nowrap;justify-content:center;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.feed-filters__tags::-webkit-scrollbar{display:none}.feed-filters__tag{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background-color:transparent;border-radius:var(--radius-full);white-space:nowrap;transition:color var(--transition-fast),background-color var(--transition-fast)}.feed-filters__tag:hover{color:var(--color-text);background-color:var(--color-gray-100)}.feed-filters__tag--active{color:var(--color-white);background-color:var(--color-black)}.feed-filters__tag--active:hover{color:var(--color-white);background-color:var(--color-gray-800)}.tag{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);background-color:var(--color-gray-100);border-radius:var(--radius-sm);white-space:nowrap}.post-image{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-md);background-color:var(--color-gray-100)}.post-image__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.post-image__img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--transition-base)}.post-image__img--loaded{opacity:1}.post-image__error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);color:var(--color-text-tertiary);font-size:var(--text-sm)}.post-card{display:block;width:100%;text-align:left;background:transparent;transition:transform var(--transition-base)}.post-card:hover{transform:translateY(-2px)}.post-card--expanded:hover{transform:none}.post-card__image-wrapper{overflow:hidden;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.post-card__image{transition:transform var(--transition-slow)}.post-card:hover .post-card__image{transform:scale(1.02)}.post-card--expanded .post-card:hover .post-card__image{transform:none}.post-card__content{display:flex;flex-direction:column;gap:var(--space-2)}.post-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.post-card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text)}.post-card__toggle{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:color var(--transition-fast)}.post-card:hover .post-card__toggle{color:var(--color-text)}.post-card__caption{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.post-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000f2;animation:fadeIn var(--duration-fast) var(--ease-out)}.lightbox__close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--color-white);opacity:.7;transition:opacity var(--transition-fast);border-radius:var(--radius-full)}.lightbox__close:hover{opacity:1}.lightbox__content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--space-16) var(--space-4)}@media(min-width:768px){.lightbox__content{padding:var(--space-16)}}.lightbox__image-container{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.lightbox__image{max-width:100%;max-height:calc(100vh - 8rem);object-fit:contain;border-radius:var(--radius-sm);animation:scaleIn var(--duration-base) var(--ease-out)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:#ffffff1a;border-radius:var(--radius-full);opacity:.7;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.lightbox__nav:hover{opacity:1;background-color:#fff3}.lightbox__nav--prev{left:var(--space-4)}.lightbox__nav--next{right:var(--space-4)}@media(min-width:768px){.lightbox__nav--prev{left:var(--space-8)}.lightbox__nav--next{right:var(--space-8)}}.lightbox__counter{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);font-size:var(--text-sm);color:var(--color-white);opacity:.7}@media(prefers-reduced-motion:reduce){.lightbox__backdrop,.lightbox__image{animation:none}}.post-gallery{display:flex;flex-direction:column;gap:var(--space-6)}.post-gallery__button{display:block;width:100%;cursor:zoom-in;transition:opacity var(--transition-fast)}.post-gallery__button:hover{opacity:.9}.post-expanded{display:flex;flex-direction:column;gap:var(--space-8);padding-top:var(--space-6);animation:fadeIn var(--duration-base) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.post-expanded{animation:none}}.post-expanded__description{font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed);max-width:65ch}.post-expanded__meta{display:flex;flex-wrap:wrap;gap:var(--space-6)}.post-expanded__meta-item{display:flex;flex-direction:column;gap:var(--space-1)}.post-expanded__meta-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.post-expanded__meta-value{font-size:var(--text-sm);color:var(--color-text)}.post-expanded__link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);transition:gap var(--transition-fast)}.post-expanded__link:hover{gap:var(--space-2)}.post-expanded__link-arrow{transition:transform var(--transition-fast)}.post-expanded__link:hover .post-expanded__link-arrow{transform:translate(2px)}.post-expanded__gallery{margin-top:var(--space-2)}.feed-item{padding-bottom:var(--space-10);border-bottom:1px solid var(--color-border-subtle)}.feed-item:last-child{border-bottom:none;padding-bottom:0}.feed-item__expand-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-expand)}.feed-item--expanded .feed-item__expand-wrapper{grid-template-rows:1fr}.feed-item__expand-content{overflow:hidden}@media(prefers-reduced-motion:reduce){.feed-item__expand-wrapper{transition:none}}.feed__list{display:flex;flex-direction:column;gap:var(--space-10)}.feed__empty{text-align:center;color:var(--color-text-secondary);padding:var(--space-16) 0}.about{max-width:65ch}.about__header{margin-bottom:var(--space-10)}.about__avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:var(--space-5)}.about__name{font-size:var(--text-3xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.about__title{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.about__location{font-size:var(--text-sm);color:var(--color-text-tertiary)}.about__bio{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-10);line-height:var(--leading-relaxed)}.about__contact{margin-bottom:var(--space-10)}.about__section-title{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3)}.about__email{font-size:var(--text-base);color:var(--color-text)}.about__links{margin-bottom:var(--space-10)}.about__link-list{display:flex;flex-wrap:wrap;gap:var(--space-6)}.about__link{font-size:var(--text-base);color:var(--color-text)}.tool-logo{width:48px;height:48px;flex-shrink:0}.tool-logo__image{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-md)}.stack__header{margin-bottom:var(--space-10)}.stack__title{font-size:var(--text-3xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.stack__description{font-size:var(--text-base);color:var(--color-text-secondary)}.stack__grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:480px){.stack__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}.stack__item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.stack__item:hover{background-color:var(--color-gray-50)}.stack__item-info{display:flex;flex-direction:column;gap:var(--space-1)}.stack__item-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text)}.stack__item-category{font-size:var(--text-sm);color:var(--color-text-secondary)}.app{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;padding-bottom:var(--space-16)}@media(min-width:768px){.main{padding-bottom:var(--space-24)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;text-size-adjust:none}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{background:none;border:none;padding:0;cursor:pointer}ul,ol{list-style:none;padding:0}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .8125rem);--text-sm: clamp(.8125rem, .75rem + .3vw, .875rem);--text-base: clamp(.9375rem, .875rem + .3vw, 1rem);--text-lg: clamp(1.0625rem, 1rem + .3vw, 1.125rem);--text-xl: clamp(1.1875rem, 1.1rem + .4vw, 1.3125rem);--text-2xl: clamp(1.375rem, 1.25rem + .6vw, 1.625rem);--text-3xl: clamp(1.75rem, 1.5rem + 1.2vw, 2.25rem);--font-normal: 400;--font-medium: 500;--font-semibold: 600;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--color-white: #ffffff;--color-black: #0a0a0a;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-bg: var(--color-white);--color-bg-subtle: var(--color-gray-50);--color-text: var(--color-gray-900);--color-text-secondary: var(--color-gray-500);--color-text-tertiary: var(--color-gray-400);--color-border: var(--color-gray-200);--color-border-subtle: var(--color-gray-100);--color-accent: var(--color-black);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--max-width: 720px;--header-height: 64px;--content-padding: clamp(var(--space-4), 5vw, var(--space-8));--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .6, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--duration-expand: .5s;--transition-fast: var(--duration-fast) var(--ease-out);--transition-base: var(--duration-base) var(--ease-out);--transition-slow: var(--duration-slow) var(--ease-out);--transition-expand: var(--duration-expand) var(--ease-out);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms;--duration-expand: 0ms}}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text);letter-spacing:var(--tracking-normal)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{line-height:var(--leading-relaxed)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.link{position:relative;display:inline-block}.link:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--transition-base)}.link:hover:after{transform:scaleX(1);transform-origin:left}.link--underline:after{transform:scaleX(1)}.link--underline:hover:after{transform:scaleX(0)}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--color-bg);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background-color:var(--color-gray-900);color:var(--color-white)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--content-padding)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.image-placeholder{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-50) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media(prefers-reduced-motion:reduce){.image-placeholder{animation:none;background:var(--color-gray-100)}}