@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=Inter:wght@400;500&display=swap";:root{--color-bg: #f5f4ed;--color-surface: #faf9f5;--color-white: #ffffff;--color-text-primary: #141413;--color-text-secondary: #5e5d59;--color-text-tertiary: #87867f;--color-brand: #c96442;--color-brand-light: #d97757;--color-border: #f0eee6;--color-border-warm: #e8e6dc;--color-dark-bg: #141413;--color-dark-surface: #30302e;--color-dark-text: #faf9f5;--color-dark-muted: #b0aea5;--font-serif: "Lora", Georgia, serif;--font-sans: "Inter", system-ui, Arial, sans-serif;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 32px;--shadow-ring: 0 0 0 1px var(--color-border-warm);--shadow-whisper: rgba(0, 0, 0, .05) 0px 4px 24px;--section-gap: 56px}[data-theme=dark]{--color-bg: #141413;--color-surface: #30302e;--color-white: #1e1e1c;--color-text-primary: #faf9f5;--color-text-secondary: #b0aea5;--color-text-tertiary: #87867f;--color-brand: #d97757;--color-brand-light: #e8896a;--color-border: #30302e;--color-border-warm: #3d3d3a;--shadow-ring: 0 0 0 1px #3d3d3a;--shadow-whisper: rgba(0, 0, 0, .3) 0px 4px 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}a{color:var(--color-brand);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-brand-light)}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:500;color:var(--color-text-primary);line-height:1.2}h1{font-size:clamp(2rem,5vw,4rem);line-height:1.1}h2{font-size:clamp(1.6rem,3vw,3rem);line-height:1.2}h3{font-size:clamp(1.3rem,2vw,2rem);line-height:1.3}h4{font-size:1.3rem;line-height:1.2}p{color:var(--color-text-secondary);line-height:1.75}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container--narrow{max-width:720px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);backdrop-filter:blur(8px);transition:background-color .3s ease,border-color .3s ease}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1200px;margin:0 auto;padding:0 24px}.nav__logo{font-family:var(--font-serif);font-size:1.25rem;font-weight:500;color:var(--color-text-primary);letter-spacing:-.01em}.nav__logo{display:flex;align-items:center;gap:8px}.nav__logo:hover{color:var(--color-brand)}.nav__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.nav__links{display:flex;align-items:center;gap:8px;list-style:none}.nav__link{font-size:.94rem;font-weight:500;color:var(--color-text-secondary);padding:6px 12px;border-radius:var(--radius-md);transition:color .2s,background-color .2s}.nav__link:hover{color:var(--color-text-primary);background-color:var(--color-border)}.nav__link--active{color:var(--color-text-primary)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-md);background-color:var(--color-border-warm);color:var(--color-text-secondary);cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s;font-size:1rem;box-shadow:var(--shadow-ring)}.theme-toggle:hover{background-color:var(--color-border);color:var(--color-text-primary)}.hero{padding:var(--section-gap) 0;border-bottom:1px solid var(--color-border)}.hero__label{font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:var(--color-brand);margin-bottom:20px}.hero__title{margin-bottom:20px;color:var(--color-text-primary)}.hero__title em{font-style:italic;color:var(--color-brand)}.hero__desc{font-size:1.15rem;color:var(--color-text-secondary);max-width:540px;line-height:1.75;margin-bottom:28px}.hero__btn{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;background-color:var(--color-brand);color:#faf9f5;font-size:1rem;font-weight:500;border-radius:var(--radius-lg);box-shadow:0 2px 12px #c9644259;transition:background-color .2s,box-shadow .2s,transform .15s;text-decoration:none}.hero__btn:hover{background-color:var(--color-brand-light);box-shadow:0 4px 20px #c9644273;transform:translateY(-1px);color:#faf9f5}.posts{padding:var(--section-gap) 0}.posts__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.posts__title{font-size:1.1rem;font-weight:500;font-family:var(--font-sans);color:var(--color-text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.posts__count{font-size:.88rem;color:var(--color-text-tertiary)}.post-list{display:flex;flex-direction:column;gap:0}.post-card{display:grid;grid-template-columns:120px 1fr auto;align-items:start;gap:24px;padding:20px 0;border-bottom:1px solid var(--color-border);transition:background-color .2s;text-decoration:none;color:inherit}.post-card:hover .post-card__title{color:var(--color-brand)}.post-card__meta{padding-top:4px}.post-card__date{font-size:.88rem;color:var(--color-text-tertiary);white-space:nowrap}.post-card__category{display:inline-block;margin-top:6px;font-size:.75rem;font-weight:500;color:var(--color-brand);letter-spacing:.04em}.post-card__body{min-width:0}.post-card__title{font-family:var(--font-serif);font-size:1.3rem;font-weight:500;color:var(--color-text-primary);margin-bottom:8px;line-height:1.3;transition:color .2s}.post-card__excerpt{font-size:.94rem;color:var(--color-text-secondary);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__arrow{color:var(--color-text-tertiary);font-size:1.1rem;padding-top:4px;transition:color .2s,transform .2s}.post-card:hover .post-card__arrow{color:var(--color-brand);transform:translate(3px)}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-2xl);font-size:.75rem;font-weight:500;background-color:var(--color-border-warm);color:var(--color-text-secondary);border:1px solid var(--color-border)}.tag--tech{background:#f0ebe4;color:#7a5c44;border-color:#e8d8c8}.tag--life{background:#edf0e8;color:#4a5e3a;border-color:#d8e4cc}.tag--lab{background:#e8eaf0;color:#3a4a6a;border-color:#c8d0e4}[data-theme=dark] .tag--tech{background:#3d2e22;color:#c8906a;border-color:#5a4030}[data-theme=dark] .tag--life{background:#243020;color:#8ab870;border-color:#3a5030}[data-theme=dark] .tag--lab{background:#202840;color:#7090d0;border-color:#304060}.about{padding:var(--section-gap) 0}.about__avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-light) 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:32px;box-shadow:var(--shadow-whisper)}.about__name{margin-bottom:12px}.about__tagline{font-size:1.15rem;color:var(--color-brand);margin-bottom:32px;font-family:var(--font-serif);font-style:italic}.about__section{margin-top:48px;padding-top:32px;border-top:1px solid var(--color-border)}.about__section-title{font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:16px}.about__body{font-size:1.06rem;line-height:1.75;color:var(--color-text-secondary)}.about__body p+p{margin-top:16px}.article{padding:var(--section-gap) 0}.article__header{margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.article__title{margin-bottom:10px}.article__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}.article__tag{font-size:.82rem;color:var(--color-text-tertiary);transition:color .2s}.article__tag:hover{color:var(--color-brand)}.article__date{font-size:.88rem;color:var(--color-text-tertiary)}.article__body{font-size:1.06rem;line-height:1.75;color:var(--color-text-secondary)}.article__body h2{font-size:1.6rem;margin:2.5em 0 .8em;color:var(--color-text-primary)}.article__body h3{font-size:1.2rem;margin:2em 0 .6em;color:var(--color-text-primary)}.article__body p{margin-bottom:1.4em}.article__body code{font-family:Courier New,Courier,monospace;font-size:.9em;background-color:var(--color-border-warm);padding:2px 6px;border-radius:4px;color:var(--color-text-primary)}.article__body pre{background-color:var(--color-dark-bg);color:var(--color-dark-text);padding:20px 24px;border-radius:var(--radius-lg);overflow-x:auto;margin:1.5em 0;font-size:.9rem;line-height:1.6}.article__body pre code{background:none;padding:0;color:inherit}.article__body blockquote{border-left:3px solid var(--color-brand);padding-left:20px;margin:1.5em 0;font-style:italic;color:var(--color-text-tertiary)}.footer{padding:40px 0;border-top:1px solid var(--color-border);margin-top:var(--section-gap)}.footer__inner{display:flex;justify-content:center}.footer__copy{font-size:.88rem;color:var(--color-text-tertiary)}@media(max-width:768px){:root{--section-gap: 32px}.post-card{grid-template-columns:1fr;gap:8px}.post-card__arrow{display:none}.posts__header{flex-direction:column;gap:8px}.footer__inner{flex-direction:column;text-align:center}}.home-section{padding:var(--section-gap) 0;border-top:1px solid var(--color-border)}.home-section--alt{background-color:var(--color-surface)}.home-section__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px}.home-section__label{font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-tertiary)}.home-section__more{font-size:.88rem;color:var(--color-brand);transition:opacity .2s}.home-section__more:hover{opacity:.7}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .2s,border-color .2s}.home-section--alt .project-card{background:var(--color-bg)}.project-card:hover{border-color:var(--color-border-warm);box-shadow:var(--shadow-whisper)}.project-card__top{display:flex;align-items:center;justify-content:space-between}.project-status{font-size:.72rem;font-weight:500;padding:2px 8px;border-radius:99px;letter-spacing:.03em}.project-status--active{background:#edf7ee;color:#2d7a3a}.project-status--iterating{background:#eef0fb;color:#4a56b8}.project-status--done{background:var(--color-border-warm);color:var(--color-text-tertiary)}.project-status--archived{background:#f0eee6;color:#87867f}[data-theme=dark] .project-status--active{background:#1a3a1e;color:#6bcf7a}[data-theme=dark] .project-status--iterating{background:#1e2040;color:#8a96e8}[data-theme=dark] .project-status--done{background:#2a2a28;color:#87867f}[data-theme=dark] .project-status--archived{background:#252523;color:#5e5d59}.project-card__links{display:flex;gap:12px}.project-card__link{font-size:.82rem;color:var(--color-text-tertiary);transition:color .2s}.project-card__link:hover{color:var(--color-brand)}.project-card__title{font-family:var(--font-serif);font-size:1.1rem;font-weight:500;color:var(--color-text-primary);line-height:1.3}.project-card__desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;flex:1}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.project-card__tag{font-size:.72rem;color:var(--color-text-tertiary);background:var(--color-border-warm);padding:2px 8px;border-radius:99px}.articles-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.articles-col__header{padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--color-border)}.articles-col__title{font-size:.82rem;font-weight:500;color:var(--color-text-tertiary);letter-spacing:.04em}.articles-col__empty{font-size:.9rem;color:var(--color-text-tertiary);padding:16px 0}.article-list{display:flex;flex-direction:column}.article-row{display:block;padding:14px 0;border-bottom:1px solid var(--color-border);text-decoration:none;color:inherit;transition:opacity .2s}.article-row:hover{opacity:.7}.article-row:hover .article-row__title{color:var(--color-brand)}.article-row__top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.article-row__date{font-size:.78rem;color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.article-row__title{font-size:.94rem;color:var(--color-text-primary);line-height:1.4;transition:color .2s}.article-row__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px;padding-left:0}.article-row__tag{font-size:.75rem;color:var(--color-text-tertiary)}.article-source--repost{display:inline-block;font-size:.68rem;font-weight:600;padding:1px 5px;border-radius:4px;background:#fff3e8;color:#c96442;flex-shrink:0;vertical-align:middle}[data-theme=dark] .article-source--repost{background:#3a2010;color:#e8845a}.article__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.notes-list{display:flex;flex-direction:column;gap:0}.note-item{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--color-border)}.note-item__date{font-size:.82rem;color:var(--color-text-tertiary);padding-top:3px;white-space:nowrap}.note-item__body{font-size:.97rem;color:var(--color-text-secondary);line-height:1.7}.note-item__body p{margin:0}@media(max-width:768px){.articles-grid{grid-template-columns:1fr;gap:32px}.note-item{grid-template-columns:1fr;gap:4px}.note-item__date{font-size:.78rem}.project-grid{grid-template-columns:1fr}}@media(max-width:480px){h1{font-size:2rem}.nav__inner{padding:0 16px}.nav__logo{font-size:1rem}.nav__links{gap:4px}.nav__link{font-size:.92rem;padding:6px 10px}}