:root{--paper: #f6f7f4;--surface: #ffffff;--ink: #1a2533;--muted: #5a6573;--rule: #dde2e0;--rule-strong: #bcc5c4;--grid: rgba(31, 79, 138, .075);--accent: #1f4f8a;--accent-soft: #e4ebf4;--code-bg: #eef0ec;--sci: #1f4f8a;--sci-soft: #e4ebf4;--proj: #2b6560;--proj-soft: #e2eeec;--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", sans-serif;--font-serif: "Noto Serif KR", "Noto Serif CJK KR", "Nanum Myeongjo", "AppleMyungjo", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--maxw: 760px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--paper: #121a24;--surface: #18222e;--ink: #e2e7ec;--muted: #97a3b0;--rule: #27323f;--rule-strong: #3a4757;--grid: rgba(143, 180, 230, .07);--accent: #8fb4e6;--accent-soft: #1d2b3c;--code-bg: #1c2733;--sci: #8fb4e6;--sci-soft: #1d2b3c;--proj: #84c5bb;--proj-soft: #1a2d2d;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:17px;line-height:1.8;word-break:keep-all;overflow-wrap:break-word}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}h1,h2,h3{font-family:var(--font-serif);font-weight:700;letter-spacing:-.01em}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.cat-science{--cat: var(--sci);--cat-soft: var(--sci-soft)}.cat-projects{--cat: var(--proj);--cat-soft: var(--proj-soft)}.site-header,.plate,.thumb{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:16px 16px}.logo-wave{stroke:var(--accent)}.logo-bubble{fill:var(--accent)}.site-header{border-bottom:1px solid var(--rule);box-shadow:0 3px 0 -2px var(--rule);margin-bottom:3px}.site-header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;padding-top:16px;padding-bottom:16px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.brand:hover{text-decoration:none}.brand .logo-mark{flex:none}.brand-name{font-family:var(--font-serif);font-weight:700;font-size:1.15rem;letter-spacing:-.01em}.site-nav{display:flex;gap:6px 18px;flex-wrap:wrap;align-items:center;font-size:.93rem}.site-nav a{color:var(--muted)}.site-nav a:hover{color:var(--ink);text-decoration:none}.site-nav a[aria-current=page]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}.site-nav .lang-switch{font-family:var(--font-mono);font-size:.8rem;border:1px solid var(--rule);background:var(--paper);border-radius:4px;padding:1px 8px}main{padding:40px 0 72px}.hero{margin-bottom:44px}.plate{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title mascot" "desc mascot" "meta mascot";column-gap:28px;border:1px solid var(--rule);border-radius:6px;padding:36px 32px 28px;background-color:var(--paper)}.plate h1{grid-area:title;font-size:2.4rem;line-height:1.2;margin:0 0 12px}.plate-mascot{grid-area:mascot;align-self:center;width:128px}.hero-desc{grid-area:desc;margin:0 0 24px;color:var(--muted);max-width:34em;font-size:1.02rem;line-height:1.7}.plate-meta{grid-area:meta;display:flex;gap:28px;margin:0;padding-top:14px;border-top:1px dashed var(--rule-strong);font-family:var(--font-mono);font-size:.82rem}.plate-meta div{display:flex;gap:8px;align-items:baseline}.plate-meta dt{color:var(--muted)}.plate-meta dd{margin:0;color:var(--ink);font-weight:500}.section-title{font-family:var(--font-sans);font-size:.95rem;font-weight:600;color:var(--muted);letter-spacing:0;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--rule)}.tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px 16px;margin-bottom:48px}.tab-card{display:flex;flex-direction:column;color:var(--ink)}.tab-card:hover{text-decoration:none}.tab-label{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 5px 12px;background:var(--cat-soft);color:var(--cat);border:1px solid var(--rule);border-bottom:none;border-radius:8px 8px 0 0;font-weight:600;font-size:.95rem;position:relative;top:1px}.tab-body{flex:1;display:flex;flex-direction:column;gap:14px;justify-content:space-between;padding:16px 18px 14px;background:var(--surface);border:1px solid var(--rule);border-top:3px solid var(--cat);border-radius:0 6px 6px;transition:border-color .15s ease}.tab-card:hover .tab-body{border-color:var(--cat)}.tab-desc{color:var(--muted);font-size:.93rem;line-height:1.6}.tab-count{font-family:var(--font-mono);font-size:.8rem;color:var(--cat)}.intro{margin-bottom:28px}.intro h1{font-size:2rem;line-height:1.3;margin:0 0 8px}.intro p{color:var(--muted);margin:0 0 8px}.cat-intro{padding-left:16px;border-left:3px solid var(--cat)}.cat-intro-icon{display:inline-flex;padding:6px;margin-bottom:8px;color:var(--cat);background:var(--cat-soft);border-radius:6px}.entries{list-style:none;margin:0;padding:0}.entry{display:grid;grid-template-columns:6.6rem minmax(0,1fr);grid-template-areas:"stamp body";gap:4px 20px;padding:22px 0;border-bottom:1px solid var(--rule)}.entry:first-child{padding-top:8px}.entry.has-thumb{grid-template-columns:6.6rem minmax(0,1fr) 112px;grid-template-areas:"stamp body thumb"}.stamp{font-family:var(--font-mono);font-size:.8rem;color:var(--muted);letter-spacing:.02em;white-space:nowrap}.entry .stamp{grid-area:stamp;padding-top:.3em}.entry-body{grid-area:body;min-width:0}.entry-title{font-family:var(--font-serif);font-weight:700;font-size:1.18rem;line-height:1.45;color:var(--ink)}.entry-title:hover{color:var(--accent);text-decoration:none}.entry-body p{margin:6px 0 10px;color:var(--muted);font-size:.95rem;line-height:1.65}.thumb{grid-area:thumb;align-self:start;display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--rule);border-radius:4px;background-color:var(--cat-soft);color:var(--cat)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.badge{display:inline-block;background:var(--cat-soft, var(--accent-soft));color:var(--cat, var(--accent));border-radius:4px;padding:1px 8px;font-size:.8rem;font-weight:500;line-height:1.6}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);padding:28px 20px;margin:0;text-align:center;border:1px dashed var(--rule-strong);border-radius:6px}.empty p{margin:0}.mascot{display:block;flex:none;height:auto;max-width:100%}.prose img.mascot{border:0;border-radius:0}.not-found{text-align:center;padding:24px 0 8px}.not-found .mascot{margin:0 auto 8px}.not-found-code{font-family:var(--font-mono);color:var(--muted);margin:0;font-size:.9rem}.not-found h1{font-size:1.7rem;line-height:1.35;margin:4px 0 24px}.button{display:inline-block;padding:8px 18px;border-radius:4px;background:var(--accent);color:var(--paper);font-weight:600;font-size:.95rem}.button:hover{text-decoration:none;filter:brightness(1.08)}.about-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.about-head h1{margin:0}.cover{margin:0 0 28px;padding:8px;background:var(--surface);border:1px solid var(--rule);border-radius:4px}.cover img{display:block;width:100%;height:auto;max-height:440px;object-fit:cover;border-radius:2px}.post-header{margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--rule)}.post-header h1{font-size:2.1rem;line-height:1.3;margin:14px 0 0}.meta{font-size:.85rem;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap;align-items:center}.meta a.badge:hover{text-decoration:none;filter:brightness(.95)}.prose{font-size:1.03rem}.prose>:first-child{margin-top:0}.prose h2{font-size:1.45rem;margin:2.2em 0 .6em;line-height:1.4}.prose h3{font-size:1.2rem;margin:1.8em 0 .5em;line-height:1.45}.prose strong{font-weight:700}.prose img{max-width:100%;height:auto;border-radius:4px;border:1px solid var(--rule)}.prose img[src^="/stickers/"]{display:inline-block;vertical-align:middle;width:96px;height:96px;max-width:none;border:0;border-radius:0;background:none;margin:4px 10px 4px 0}.prose blockquote{margin:1.5em 0;padding:4px 18px;border-left:3px solid var(--accent);color:var(--muted)}.prose code{font-family:var(--font-mono);background:var(--code-bg);padding:2px 6px;border-radius:4px;font-size:.86em}.prose pre{font-family:var(--font-mono);padding:16px;border-radius:6px;overflow-x:auto;font-size:.86rem;line-height:1.6;border:1px solid var(--rule)}.prose pre code{background:none;padding:0}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;font-size:.95rem}.prose th,.prose td{border:1px solid var(--rule);padding:6px 10px;text-align:left}.prose th{background:var(--surface)}.prose hr{border:none;border-top:1px dashed var(--rule-strong);margin:2.4em 0}.prose ul,.prose ol{padding-left:1.4em}.prose li::marker{color:var(--muted)}.tags{margin-top:44px;display:flex;gap:8px 14px;flex-wrap:wrap}.tag{font-family:var(--font-mono);font-size:.82rem;color:var(--muted)}.back{display:inline-block;margin-top:28px;font-size:.95rem}.site-footer{border-top:1px solid var(--rule);padding:24px 0 40px;color:var(--muted);font-size:.85rem}.site-footer .container{display:flex;align-items:center;gap:8px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:560px){body{font-size:16px}main{padding-top:28px}.plate{padding:22px 18px 20px;grid-template-areas:"title mascot" "desc desc" "meta meta";column-gap:12px}.plate h1{font-size:1.85rem;align-self:center;margin:0 0 12px}.plate-mascot{width:76px;align-self:start;margin-bottom:8px}.plate-meta{gap:20px;flex-wrap:wrap}.intro h1{font-size:1.6rem}.post-header h1{font-size:1.65rem}.entry,.entry.has-thumb{grid-template-columns:minmax(0,1fr);grid-template-areas:"stamp" "body"}.entry.has-thumb{grid-template-columns:minmax(0,1fr) 76px;grid-template-areas:"stamp stamp" "body thumb"}.entry{gap:4px 14px;padding:18px 0}.entry .stamp{padding-top:0}.entry-title{font-size:1.08rem}}.note-open{display:flex;align-items:center;gap:10px;margin:-16px 0 28px;color:var(--muted);font-size:.95rem}.note-open img{flex:none}.note-open .stamp{font-family:var(--font-mono);font-size:.88em}.note-close{display:flex;align-items:center;gap:16px;margin-top:48px;padding:20px 22px;border:1px dashed var(--rule-strong);border-radius:12px;background:var(--surface)}.note-close img{flex:none}.note-close p{margin:0}.note-close-main{font-family:var(--font-serif);font-weight:700;font-size:1.05rem}.note-close-sub{color:var(--muted);font-size:.95rem;margin-top:4px!important}@media(max-width:520px){.note-close{padding:16px;gap:12px}.note-close img{width:56px;height:56px}}.comments{margin-top:48px;padding-top:28px;border-top:1px solid var(--rule)}.comments-title{font-size:1.3rem;margin:0 0 16px;display:flex;align-items:baseline;gap:8px}.comments-count{font-family:var(--font-mono);font-size:.85rem;color:var(--muted);font-weight:400}.comment-list{list-style:none;margin:0 0 20px;padding:0}.comment{padding:14px 0;border-bottom:1px dashed var(--rule-strong)}.comment:first-child{border-top:1px dashed var(--rule-strong)}.comment-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}.comment-head strong{font-size:.98rem}.comment-head .stamp{font-family:var(--font-mono);font-size:.8rem;color:var(--muted)}.comment-body{margin:0;white-space:pre-wrap;font-size:.98rem;line-height:1.7}.comment-empty{color:var(--muted);margin:0 0 20px}.comment-form{display:grid;gap:12px;padding:18px;border:1px solid var(--rule);border-radius:12px;background:var(--surface)}.comment-field{display:grid;gap:6px;font-size:.9rem;color:var(--muted)}.comment-field input,.comment-field textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--paper);border:1px solid var(--rule-strong);border-radius:8px;padding:10px 12px}.comment-field textarea{resize:vertical;min-height:96px}.comment-field input:focus,.comment-field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.comment-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.comment-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.comment-actions .button{border:0;cursor:pointer;font:inherit}.comment-actions .button:disabled{opacity:.6;cursor:wait}.comment-hint{font-size:.85rem;color:var(--muted)}.comment-status{margin:0;font-size:.92rem;color:var(--accent);min-height:1.2em}.footer-rss{margin-left:auto;font-size:.85rem}.subscribe-buttons{display:flex;gap:10px;flex-wrap:wrap}.button-ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.feed-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px dashed var(--rule-strong);border-radius:10px;background:var(--surface)}.feed-box code{flex:1 1 240px;overflow-wrap:anywhere;background:none;padding:0}.feed-box .button{border:0;cursor:pointer;font:inherit}.post-subtitle{margin:8px 0 0;font-size:1.12rem;color:var(--muted);line-height:1.5}.entry-subtitle{display:block;margin-top:2px;font-size:.95rem;color:var(--muted)}