@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap";:root{--bg:#fff;--fg:#171717;--muted:#f5f5f5;--muted-fg:#737373;--border:#e5e5e5;--code:#f5f5f5;color-scheme:light}:root[data-theme=dark]{--bg:#121212;--fg:#fafafa;--muted:#262626;--muted-fg:#a3a3a3;--border:#303030;--code:#1d1d1d;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--fg);letter-spacing:-.025em;flex-direction:column;gap:24px;margin:0;font-family:Geist,ui-sans-serif,system-ui,-apple-system,Noto Sans KR,sans-serif;transition:background .2s,color .2s;display:flex}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block}.header{z-index:10;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(8px);position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:16px;max-width:768px;margin:auto;padding:12px 16px;display:flex}.logo{align-items:center;gap:12px;font-size:18px;font-weight:500;display:flex}.logo img{width:24px;height:24px}.nav-right,.nav-right nav{align-items:center;display:flex}.nav-right{gap:16px}.nav-right nav{gap:24px}.nav-right nav a{color:var(--muted-fg);font-size:14px;transition:all .2s}.nav-right nav a:hover{color:var(--fg)}.theme{width:32px;height:32px;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:6px;margin-right:-8px;position:relative}.theme:hover,.button:hover{background:var(--muted)}.theme span{place-items:center;display:grid;position:absolute;inset:0}.moon,[data-theme=dark] .sun{display:none!important}[data-theme=dark] .moon{display:grid!important}.container{flex:1;width:100%;max-width:768px;margin:0 auto;padding:0 16px}.home,.posts-page,.about-page,.article-page{flex-direction:column;gap:24px;display:flex}.card{border:1px solid var(--border);border-radius:8px}.card-head{padding:24px}.card-head h1{margin:0;font-size:30px;font-weight:500;line-height:1.2}.card-head p,.card-body p{color:var(--muted-fg);margin:6px 0 0;font-size:14px;line-height:1.45}.card-body{padding:0 24px 24px}.card-body p{margin:0 0 8px}.under{color:var(--fg);text-decoration:underline;text-decoration-color:var(--muted-fg);text-underline-offset:3px}.latest{flex-direction:column;gap:16px;display:flex}.latest h2{margin:0;font-size:24px;font-weight:500}.post-list{flex-direction:column;gap:16px;display:flex}.post-card{border:1px solid var(--border);border-radius:12px;padding:16px;transition:background .2s}.post-card:hover{background:color-mix(in srgb,var(--muted) 60%,transparent)}.post-card h3{margin:0 0 4px;font-size:18px;font-weight:500;line-height:1.55}.post-card p{color:var(--muted-fg);margin:0 0 8px;font-size:14px;line-height:1.45}.meta{color:var(--muted-fg);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.meta i{background:var(--border);width:1px;height:16px}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{background:var(--muted);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:500}.all{justify-content:center;display:flex}.button{border-radius:6px;height:36px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.button b{margin-left:6px;transition:transform .2s;display:inline-block}.button:hover b{transform:translate(4px)}.footer{width:100%;max-width:768px;color:var(--muted-fg);justify-content:space-between;align-items:center;margin:0 auto 16px;padding:0 16px;font-size:14px;display:flex}.social{gap:8px;display:flex}.social a{border:1px solid var(--border);width:36px;height:36px;color:var(--fg);border-radius:6px;place-items:center;font-family:Geist Mono,monospace;display:grid}.social a:hover{background:var(--muted)}.breadcrumbs{color:var(--muted-fg);align-items:center;gap:8px;font-size:14px;display:flex}.breadcrumbs a:hover,.breadcrumbs span:last-child{color:var(--fg)}.year-section{flex-direction:column;gap:16px;display:flex}.year-section+.year-section{margin-top:8px}.year-section h2{margin:0;font-size:24px;font-weight:500}.about-card{padding:24px}.about-card h1{margin:0 0 16px;font-size:30px;font-weight:500}.about-card h2{margin:28px 0 8px;font-size:20px;font-weight:500}.about-card p,.about-card li{color:var(--muted-fg);font-size:15px;line-height:1.7}.about-card p{margin:0 0 12px}.about-card ul{padding-left:20px}.article-wrap{flex:1;width:100%;max-width:768px;margin:0 auto;padding:0 16px}.article-head{flex-direction:column;gap:12px;display:flex}.article-head h1{margin:0;font-size:36px;font-weight:500;line-height:1.25}.article-head .meta{margin:0}.post-nav{grid-template-columns:1fr 1fr;gap:12px;display:grid}.post-nav a{border:1px solid var(--border);color:var(--muted-fg);border-radius:8px;padding:16px;font-size:13px}.post-nav a:last-child{text-align:right}.post-nav strong{color:var(--fg);margin-top:4px;font-size:14px;display:block}.post-nav .disabled{pointer-events:none}.toc{border:1px solid var(--border);border-radius:8px;padding:20px}.toc h2{margin:0 0 8px;font-size:16px;font-weight:500}.toc a{color:var(--muted-fg);padding:4px 0;font-size:14px;display:block}.toc a:hover{color:var(--fg)}.prose{font-size:16px;line-height:1.75}.prose h2{margin:40px 0 12px;scroll-margin-top:80px;font-size:26px;font-weight:500;line-height:1.35}.prose p{margin:0 0 20px}.prose ul{padding-left:24px}.prose li{margin:6px 0}.prose blockquote{border-left:2px solid var(--border);color:var(--muted-fg);margin:24px 0;padding-left:24px}.prose pre{border:1px solid var(--border);background:var(--code);border-radius:8px;padding:16px;font:13px/1.65 Geist Mono,monospace;overflow:auto}.prose code{background:var(--code);border-radius:4px;padding:2px 5px;font:13px Geist Mono,monospace}.prose pre code{background:0 0;padding:0}@media (width<=600px){.logo span{display:none}.footer{text-align:center;flex-direction:column;gap:8px;margin-bottom:32px}.article-head h1{font-size:30px}.post-nav{grid-template-columns:1fr}.post-nav a:last-child{text-align:left}}.reading-dock{z-index:8;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-block:1px solid var(--border);margin-inline:-16px;position:sticky;top:56px}.reading-details{max-width:768px;margin:auto;position:relative}.reading-details summary{cursor:pointer;height:52px;color:var(--muted-fg);align-items:center;gap:10px;padding:0 16px;font-size:14px;font-weight:500;list-style:none;display:flex}.reading-details summary::-webkit-details-marker{display:none}.progress-ring{flex:none;width:24px;height:24px}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:2px}.ring-track{stroke:var(--border)}.ring-value{stroke:var(--fg);stroke-linecap:round;transition:stroke-dashoffset .12s linear}.current-section{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reading-chevron{margin-left:auto;font-size:18px;transition:transform .2s}.reading-details[open] .reading-chevron{transform:rotate(180deg)}.reading-menu{background:color-mix(in srgb,var(--bg) 97%,transparent);border:1px solid var(--border);border-top:0;border-radius:0 0 12px 12px;max-height:min(60vh,560px);padding:14px 16px 18px;position:absolute;top:52px;left:0;right:0;overflow:auto;box-shadow:0 18px 40px #0000002e}.reading-menu p{color:var(--muted-fg);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:12px}.reading-menu a{color:var(--muted-fg);border-radius:6px;padding:6px 8px;font-size:14px;display:block}.reading-menu a.nested{padding-left:28px;font-size:13px}.reading-menu a:hover,.reading-menu a.active{background:var(--muted);color:var(--fg)}.post-nav a,.post-nav-disabled{border:1px solid var(--border);min-width:0;color:var(--muted-fg);border-radius:8px;padding:16px;font-size:13px;transition:background .2s}.post-nav a:hover{background:var(--muted)}.post-nav-disabled{opacity:.52}.post-nav>a:nth-child(2),.post-nav>span:nth-child(2){text-align:right}.nav-direction{text-transform:uppercase;letter-spacing:.05em;font-size:11px;display:block}.post-nav-bottom{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.slides-page,.slide-detail{flex-direction:column;gap:24px;display:flex}.page-heading h1{margin:0;font-size:30px;font-weight:500}.page-heading p,.slide-description{color:var(--muted-fg);margin:6px 0 0;font-size:14px}.slide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.slide-card{border:1px solid var(--border);border-radius:12px;transition:transform .2s,background .2s;overflow:hidden}.slide-card:hover{background:var(--muted);transform:translateY(-2px)}.slide-preview{aspect-ratio:16/9;background:linear-gradient(135deg,var(--muted),color-mix(in srgb,var(--muted) 40%,var(--bg)));border-bottom:1px solid var(--border);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.slide-preview img{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.slide-card:hover .slide-preview img{transform:scale(1.015)}.slide-preview strong{padding:18px;font-size:20px;font-weight:500;line-height:1.25}.slide-type{color:#fff;letter-spacing:.06em;backdrop-filter:blur(8px);background:#0a0a0ab8;border:1px solid #ffffff73;border-radius:6px;padding:5px 8px;font:600 10px/1 Geist Mono,monospace;position:absolute;top:12px;left:12px}.slide-info{padding:16px}.slide-info h2{margin:0 0 5px;font-size:17px;font-weight:500}.slide-info p{color:var(--muted-fg);margin:0 0 10px;font-size:13px;line-height:1.5}.presentation-shell{border:1px solid var(--border);background:var(--muted);border-radius:12px;overflow:hidden}.presentation-shell iframe{background:#fff;border:0;width:100%;height:min(72vh,680px);display:block}.presentation-actions{justify-content:flex-end;gap:8px;padding:12px;display:flex}.bordered{border:1px solid var(--border);background:var(--bg);align-items:center;display:inline-flex}.external-slide{border:1px solid var(--border);border-radius:8px;align-self:flex-start;padding:10px 14px;font-size:14px;font-weight:500}.external-slide:hover{background:var(--muted)}.slide-notes{padding-top:8px}@media (width<=600px){.nav-right nav{gap:15px}.slide-grid{grid-template-columns:1fr}.reading-dock{top:56px}.post-nav>a:nth-child(2),.post-nav>span:nth-child(2){text-align:left}.presentation-shell iframe{height:55vh}.presentation-actions{justify-content:stretch}.presentation-actions a{flex:1;justify-content:center}}.pdf-reader{border:1px solid var(--border);background:var(--muted);border-radius:12px;outline:none;overflow:hidden}.pdf-reader:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--fg) 16%,transparent)}.pdf-toolbar{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 10px;display:flex}.pdf-page-controls,.pdf-view-controls{align-items:center;gap:6px;display:flex}.pdf-page-controls>span{text-align:center;min-width:62px;color:var(--muted-fg);font:12px Geist Mono,monospace}.pdf-page-controls strong{color:var(--fg);font-weight:500}.pdf-toolbar button{border:1px solid var(--border);background:var(--bg);min-width:34px;height:34px;color:var(--fg);cursor:pointer;border-radius:7px;padding:0 10px;font-size:14px}.pdf-toolbar button:hover:not(:disabled){background:var(--muted)}.pdf-toolbar button:disabled{opacity:.35;cursor:not-allowed}.pdf-toolbar .fit-button{min-width:auto;font-size:12px}.pdf-stage{overscroll-behavior:contain;background:#191919;justify-content:center;align-items:flex-start;min-height:420px;max-height:78vh;padding:16px;display:flex;overflow:auto}.pdf-stage canvas{background:#fff;max-width:none;display:block;box-shadow:0 8px 30px #0008}.pdf-status{color:#c7c7c7;margin:auto;font-size:14px}.pdf-reader .presentation-actions{border-top:1px solid var(--border);background:var(--bg)}.pdf-reader:fullscreen{border:0;border-radius:0;flex-direction:column;display:flex}.pdf-reader:fullscreen .pdf-stage{flex:1;max-height:none}.pdf-reader:fullscreen .presentation-actions{display:none}@media (width<=600px){.pdf-toolbar{flex-direction:column;align-items:stretch}.pdf-page-controls,.pdf-view-controls{justify-content:center}.pdf-stage{min-height:360px;max-height:68vh;padding:10px}.pdf-reader .presentation-actions{flex-direction:column}.pdf-reader .presentation-actions a{width:100%}}