:root{--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.333rem;--text-xl:1.602rem;--text-2xl:1.924rem;--text-3xl:clamp(2rem, 1.5rem + 2.2vw, 2.8rem);--text-4xl:clamp(2.4rem, 1.4rem + 4.6vw, 4.2rem);--leading-tight:1.18;--leading-snug:1.35;--leading-normal:1.65;--leading-loose:1.8;--tracking-tight:-.022em;--tracking-normal:0;--tracking-wide:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--wrap-max:68rem;--wrap-narrow:44rem;--gutter:var(--space-5);--radius-xs:4px;--radius-sm:7px;--radius-md:12px;--radius-lg:18px;--radius-full:999px;--ease-out:cubic-bezier(.22, .68, 0, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--dur-fast:.12s;--dur-base:.22s;--dur-slow:.42s;--bg:#f7f6f3;--bg-alt:#efede8;--surface:#fff;--surface-raised:#fff;--surface-sunken:#f2f1ed;--ink:#14161b;--ink-body:#2c3038;--ink-muted:#5d6470;--ink-faint:#868d99;--line:#dedbd4;--line-strong:#c6c2b8;--accent:#c2410c;--accent-ink:#a8360a;--accent-soft:#fdf0e7;--accent-contrast:#fff;--focus:#1d4ed8;--danger:#b42318;--success:#15803d;--shadow-sm:0 1px 2px #14161b0f, 0 1px 1px #14161b0a;--shadow-md:0 4px 6px -2px #14161b0f, 0 12px 20px -8px #14161b1f;--shadow-lg:0 10px 15px -6px #14161b14, 0 28px 48px -16px #14161b2e;--grid-line:#14161b0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d0f13;--bg-alt:#12151b;--surface:#161a21;--surface-raised:#1c212a;--surface-sunken:#10131a;--ink:#f2f3f5;--ink-body:#ccd1d9;--ink-muted:#98a0ad;--ink-faint:#6d7683;--line:#272d38;--line-strong:#3a4250;--accent:#fb7c46;--accent-ink:#fd8f5e;--accent-soft:#241610;--accent-contrast:#17120f;--focus:#7fa6ff;--danger:#f97066;--success:#4ade80;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 6px -2px #0006, 0 12px 24px -8px #0000008c;--shadow-lg:0 10px 15px -6px #00000073, 0 32px 56px -16px #000000a6;--grid-line:#ffffff0b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0d0f13;--bg-alt:#12151b;--surface:#161a21;--surface-raised:#1c212a;--surface-sunken:#10131a;--ink:#f2f3f5;--ink-body:#ccd1d9;--ink-muted:#98a0ad;--ink-faint:#6d7683;--line:#272d38;--line-strong:#3a4250;--accent:#fb7c46;--accent-ink:#fd8f5e;--accent-soft:#241610;--accent-contrast:#17120f;--focus:#7fa6ff;--danger:#f97066;--success:#4ade80;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 6px -2px #0006, 0 12px 24px -8px #0000008c;--shadow-lg:0 10px 15px -6px #00000073, 0 32px 56px -16px #000000a6;--grid-line:#ffffff0b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}body{background-color:var(--bg);min-height:100vh;color:var(--ink-body);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;display:flex;overflow-x:hidden}img,svg,video{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{color:var(--ink);font-weight:680;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}p,li{text-wrap:pretty}a{color:var(--accent-ink);-webkit-text-decoration-color:color-mix(in srgb, var(--accent-ink) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent-ink) 40%, transparent);text-underline-offset:.18em;transition:color var(--dur-fast) var(--ease-out), text-decoration-color var(--dur-fast) var(--ease-out);text-decoration-thickness:1px}a:hover{text-decoration-color:currentColor}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.9em}hr{border:0;border-top:1px solid var(--line)}ul,ol{padding-inline-start:1.2em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}.wrap{width:100%;max-width:var(--wrap-max);padding-inline:var(--gutter);margin-inline:auto}.wrap--narrow{max-width:var(--wrap-narrow)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--space-2);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-md);transition:transform var(--dur-base) var(--ease-out);text-decoration:none;position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.eyebrow{margin-bottom:var(--space-3);color:var(--accent-ink);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:640;display:block}.lede{color:var(--ink-muted);font-size:var(--text-md);line-height:var(--leading-normal)}.stack>*+*{margin-top:var(--space-4)}.site-main{flex:1 0 auto}.section{padding-block:var(--space-8)}.section--tight{padding-block:var(--space-7)}.section--alt{background:var(--bg-alt);border-block:1px solid var(--line)}.section__head{justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.section__head p{max-width:46ch;margin-top:var(--space-2);color:var(--ink-muted);font-size:var(--text-sm)}@media (width>=40rem){:root{--gutter:var(--space-6)}.section{padding-block:var(--space-9)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);transition:border-color var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out);border-bottom:1px solid #0000;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px)}}.site-header[data-scrolled=true]{background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom-color:var(--line)}.site-header__inner{align-items:center;gap:var(--space-4);min-height:4rem;display:flex}.brand{align-items:center;gap:var(--space-3);color:var(--ink);letter-spacing:var(--tracking-tight);margin-inline-end:auto;font-weight:680;text-decoration:none;display:inline-flex}.brand__mark{border-radius:var(--radius-sm);background:var(--accent);width:2rem;height:2rem;color:var(--accent-contrast);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:0;transition:transform var(--dur-base) var(--ease-spring);place-items:center;font-weight:700;display:grid}.brand:hover .brand__mark{transform:rotate(-6deg)scale(1.06)}.nav-toggle{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:2.5rem;height:2.5rem;color:var(--ink);place-items:center;padding:0;display:grid}.nav-toggle__bar,.nav-toggle__bar:before,.nav-toggle__bar:after{width:1rem;height:1.5px;transition:transform var(--dur-base) var(--ease-out), opacity var(--dur-fast) var(--ease-out);background:currentColor;border-radius:2px;display:block}.nav-toggle__bar{position:relative}.nav-toggle__bar:before,.nav-toggle__bar:after{content:"";position:absolute;top:0;left:0}.nav-toggle__bar:before{transform:translateY(-5px)}.nav-toggle__bar:after{transform:translateY(5px)}.nav-toggle[aria-expanded=true] .nav-toggle__bar{transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__bar:before{opacity:0;transform:none}.nav-toggle[aria-expanded=true] .nav-toggle__bar:after{transform:rotate(-90deg)}.site-nav{display:none}.site-nav[data-open=true]{inset-inline:var(--gutter);top:calc(100% + var(--space-2));padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-lg);animation:nav-in var(--dur-base) var(--ease-out) both;display:block;position:absolute}@keyframes nav-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.site-nav__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.site-nav__list a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--ink-body);font-size:var(--text-sm);font-weight:560;text-decoration:none;display:block}.site-nav__list a:hover{background:var(--surface-sunken);color:var(--ink)}body[data-page=projects] [data-nav=projects],body[data-page=about] [data-nav=about],body[data-page=guestbook] [data-nav=guestbook],body[data-page=contact] [data-nav=contact]{color:var(--accent-ink);background:var(--accent-soft)}.theme-toggle{width:2.5rem;height:2.5rem;margin-top:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-muted);transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);place-items:center;padding:0;display:grid}.theme-toggle:hover{color:var(--ink);border-color:var(--line-strong)}.theme-toggle svg{width:1.05rem;height:1.05rem}.theme-toggle__sun{display:block}.theme-toggle__moon,:root[data-theme=dark] .theme-toggle__sun{display:none}:root[data-theme=dark] .theme-toggle__moon{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle__sun{display:none}:root:not([data-theme=light]) .theme-toggle__moon{display:block}}@media (width>=48rem){.nav-toggle{display:none}.site-nav,.site-nav[data-open=true]{align-items:center;gap:var(--space-2);box-shadow:none;background:0 0;border:0;padding:0;animation:none;display:flex;position:static;inset:auto}.site-nav__list{gap:var(--space-1);flex-direction:row}.theme-toggle{margin-top:0;margin-inline-start:var(--space-2)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:1px solid #0000;padding:.68rem 1.2rem;font-weight:620;line-height:1.2;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:color-mix(in srgb, var(--accent) 86%, var(--ink));box-shadow:var(--shadow-md)}.btn--ghost{border-color:var(--line-strong);background:var(--surface);color:var(--ink)}.btn--ghost:hover{border-color:var(--ink-muted);background:var(--surface-raised)}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}.btn svg{flex:none;width:1rem;height:1rem}.hero{padding-block:var(--space-9) var(--space-8);position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:3rem 3rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 30% 0,#000 20%,#0000 75%);mask-image:radial-gradient(80% 60% at 30% 0,#000 20%,#0000 75%)}.hero__inner{max-width:46rem}@media (width>=64rem){.hero__inner{align-items:center;gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,27rem);max-width:74rem;display:grid}}.hero__work{margin-top:var(--space-7);color:inherit;text-decoration:none;display:block}@media (width>=64rem){.hero__work{margin-top:0}}.hero__work-frame{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface-sunken);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);display:block;overflow:hidden;box-shadow:0 18px 40px #0f141e29}.hero__work:hover .hero__work-frame{transform:translateY(-4px);box-shadow:0 26px 54px #0f141e38}.hero__work-frame img{width:100%;height:auto;display:block}.hero__work-meta{margin-top:var(--space-3);display:block}.hero__work-eyebrow{color:var(--accent-ink);font-size:var(--text-xs);letter-spacing:var(--tracking-wide,.08em);text-transform:uppercase;font-weight:700;display:block}.hero__work-meta strong{font-size:var(--text-md);margin-top:2px;font-weight:700;display:block}.hero__work-summary{-webkit-line-clamp:2;color:var(--ink-muted);font-size:var(--text-sm);word-break:keep-all;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.hero h1{font-size:var(--text-4xl);font-weight:720}.hero__name{background:linear-gradient(100deg, var(--ink) 30%, var(--accent) 130%);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.hero__lede{max-width:42ch;margin-top:var(--space-5);color:var(--ink-muted);font-size:var(--text-md);word-break:keep-all}.hero__actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero__meta{gap:var(--space-2) var(--space-5);margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--line);color:var(--ink-muted);font-size:var(--text-sm);flex-wrap:wrap;padding-inline-start:0;list-style:none;display:flex}.hero__meta strong{color:var(--ink);font-family:var(--font-mono);font-size:var(--text-md);font-weight:620}.hero__meta li{flex-direction:column;gap:2px;display:flex}.page-head{padding-block:var(--space-8) var(--space-6);border-bottom:1px solid var(--line)}.page-head p{max-width:54ch;margin-top:var(--space-4)}.card-grid{gap:var(--space-5);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=38rem){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=62rem){.card-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);height:100%;transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (hover:hover){.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}}.card:focus-within{border-color:var(--focus)}.card__thumb{aspect-ratio:16/9;background:linear-gradient(135deg, var(--surface-sunken), var(--bg-alt));border-bottom:1px solid var(--line);position:relative;overflow:hidden}.card__thumb img{object-fit:cover;width:100%;height:100%}.card__thumb-fallback{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);opacity:.5;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.card__body{gap:var(--space-3);padding:var(--space-5);flex-direction:column;flex:1;display:flex}.card__title{font-size:var(--text-md)}.card__title a{color:var(--ink);text-decoration:none}.card__title a:after{content:"";position:absolute;inset:0}.card__title a:hover{color:var(--accent-ink)}.card__summary{color:var(--ink-muted);font-size:var(--text-sm);word-break:keep-all;flex:1}.card__try{margin-top:var(--space-2)}.card__try a{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--accent-ink);font-weight:700;text-decoration:none;display:inline-flex}.card__try a:hover{text-decoration:underline}.card__try svg{flex:none;width:14px;height:14px}.card__foot{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line);color:var(--ink-muted);font-size:var(--text-xs);display:flex}.card__date{font-family:var(--font-mono)}.card--featured .card__thumb:after{content:"Featured";top:var(--space-3);left:var(--space-3);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--accent);color:var(--accent-contrast);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:640;position:absolute}.tag-list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tag{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--ink-muted);font-size:var(--text-xs);white-space:nowrap;padding:2px .55rem;font-weight:560;text-decoration:none;display:inline-block}a.tag:hover{border-color:var(--accent);color:var(--accent-ink)}.chip{border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--ink-body);font-size:var(--text-sm);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);padding:.4rem .85rem;font-weight:560}.chip:hover{border-color:var(--ink-muted)}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.filter-bar{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.search-field{max-width:26rem;position:relative}.search-field svg{top:50%;left:var(--space-3);width:1rem;height:1rem;color:var(--ink-faint);pointer-events:none;position:absolute;transform:translateY(-50%)}.search-field input{width:100%;padding:.6rem var(--space-3) .6rem 2.35rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:var(--text-sm)}.search-field input::placeholder{color:var(--ink-faint)}.filter-chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.filter-status{color:var(--ink-muted);font-size:var(--text-sm)}.empty-state{padding:var(--space-8) var(--space-5);border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface-sunken);text-align:center}.empty-state h3{margin-bottom:var(--space-2)}.empty-state p{color:var(--ink-muted);font-size:var(--text-sm)}.skill-groups{gap:var(--space-5);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.skill-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}.skill-group{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.skill-group h3{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--line);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent-ink);font-weight:660}.timeline{margin:0;padding:0;list-style:none}.timeline li{padding:0 0 var(--space-6) var(--space-6);border-left:1px solid var(--line);position:relative}.timeline li:last-child{border-left-color:#0000;padding-bottom:0}.timeline li:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;position:absolute;top:.45rem;left:-4.5px}.timeline__period{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);display:block}.timeline h3{margin:var(--space-1) 0 var(--space-2);font-size:var(--text-md)}.timeline p{color:var(--ink-muted);font-size:var(--text-sm)}.form{gap:var(--space-5);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;display:flex}@media (width>=40rem){.form{padding:var(--space-6)}}.field{gap:var(--space-2);flex-direction:column;display:flex}.field>label{color:var(--ink);font-size:var(--text-sm);font-weight:620}.field__hint{color:var(--ink-muted);font-size:var(--text-xs)}.field input,.field textarea{width:100%;padding:.65rem var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.field textarea{resize:vertical;min-height:8rem}.field input:hover,.field textarea:hover{border-color:var(--ink-faint)}.field input:focus,.field textarea:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 22%, transparent);outline:none}.field__row{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.counter{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--text-xs)}.counter[data-over=true]{color:var(--danger);font-weight:640}.form__foot{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.form__foot .btn{margin-inline-start:auto}.turnstile-slot:empty{display:none}.form-status{padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-sunken);font-size:var(--text-sm);border-left-width:3px}.form-status:empty{display:none}.form-status[data-kind=error]{border-left-color:var(--danger);color:var(--danger)}.form-status[data-kind=success]{border-left-color:var(--success);color:var(--success)}.form-status[data-kind=info]{border-left-color:var(--ink-faint);color:var(--ink-muted)}.entry-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.entry{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);animation:entry-in var(--dur-slow) var(--ease-out) both}@keyframes entry-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.entry__head{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.entry__name{color:var(--ink);font-size:var(--text-sm);font-weight:660}.entry__time{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--text-xs)}.entry__message{color:var(--ink-body);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere}.skeleton{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--ink) 6%, transparent) 45%, transparent 70%), var(--surface);background-size:300% 100%;height:5.5rem;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}.detail-head{padding-block:var(--space-8) var(--space-6);border-bottom:1px solid var(--line)}.back-link{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);color:var(--ink-muted);font-size:var(--text-sm);font-weight:560;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--accent-ink)}.detail-meta{gap:var(--space-2) var(--space-4);margin-top:var(--space-5);color:var(--ink-muted);font-size:var(--text-sm);flex-wrap:wrap;padding-inline-start:0;list-style:none;display:flex}.detail-meta li{align-items:center;gap:var(--space-2);display:flex}.detail-meta dfn{color:var(--ink-faint);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-style:normal}.detail-meta code{color:var(--ink)}.detail-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.detail-body{padding-block:var(--space-7) var(--space-8)}.detail-aside{margin-bottom:var(--space-6);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.detail-aside h2{margin-bottom:var(--space-3);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-faint);font-weight:660}.pager{gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--line);grid-template-columns:1fr;display:grid}@media (width>=40rem){.pager{grid-template-columns:repeat(2,minmax(0,1fr))}}.pager a{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.pager a:hover{border-color:var(--line-strong);background:var(--surface-raised)}.pager a[data-dir=next]{text-align:right}.pager__label{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.pager__title{font-size:var(--text-sm);font-weight:620}.prose{max-width:42rem;font-size:var(--text-md);line-height:var(--leading-loose)}.prose>*+*{margin-top:var(--space-4)}.prose h2{margin-top:var(--space-8);font-size:var(--text-xl)}.prose h2:first-child{margin-top:0}.prose h3{margin-top:var(--space-6);font-size:var(--text-md)}.prose ul,.prose ol{padding-inline-start:1.15em}.prose li+li{margin-top:var(--space-2)}.prose strong{color:var(--ink);font-weight:660}.prose code{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-sunken);color:var(--ink);padding:.12em .38em}.prose pre{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-sunken);overflow-x:auto}.prose pre code{background:0 0;border:0;padding:0}.prose blockquote{padding-left:var(--space-5);border-left:3px solid var(--accent);color:var(--ink-muted);font-style:italic}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.prose :is(th,td){padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);text-align:left}.table-scroll{overflow-x:auto}.views{align-items:center;gap:var(--space-2);color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;display:inline-flex}.views svg{width:.9rem;height:.9rem}.views[hidden]{display:none}.link-list{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.link-list a{align-items:center;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);color:var(--ink-body);font-size:var(--text-sm);padding:.4rem .85rem;font-weight:560;text-decoration:none;display:inline-flex}.link-list a:hover{border-color:var(--accent);color:var(--accent-ink)}.cta{padding:var(--space-7) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);text-align:center;position:relative;overflow:hidden}.cta:before{content:"";inset-inline:0;background:linear-gradient(90deg, transparent, var(--accent), transparent);height:3px;position:absolute;top:0}.cta h2{font-size:var(--text-xl)}.cta p{max-width:42ch;margin:var(--space-3) auto 0;color:var(--ink-muted);font-size:var(--text-sm)}.cta .hero__actions{justify-content:center}.site-footer{margin-top:var(--space-8);padding-block:var(--space-6);border-top:1px solid var(--line);background:var(--bg-alt);color:var(--ink-muted);font-size:var(--text-sm)}.site-footer__inner{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.site-footer nav ul{gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-footer a{color:var(--ink-muted);text-decoration:none}.site-footer a:hover{color:var(--accent-ink)}.site-footer__note{font-family:var(--font-mono);font-size:var(--text-xs)}.share-btn:not(.btn){align-items:center;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-full);color:var(--ink-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;padding:.45em .95em;display:inline-flex}.share-btn:not(.btn):hover{border-color:var(--accent);color:var(--accent-ink)}.share-btn:not(.btn) svg{flex:none;width:15px;height:15px}.share-btn.is-done{border-color:var(--accent);color:var(--accent-ink)}.notfound{min-height:60vh;padding-block:var(--space-8);text-align:center;place-items:center;display:grid}.notfound__code{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-4xl);letter-spacing:var(--tracking-tight);font-weight:700;display:block}