:root{--bg: #faf9f6;--fg: #191c22;--muted: #646b76;--accent: #4f46e5;--accent-2: #0ea5e9;--accent-soft: rgba(79, 70, 229, .08);--border: #e6e2d9;--card: #ffffff;--placeholder-bg: #f1eee6;--shadow: 0 1px 2px rgba(25, 28, 34, .05), 0 8px 24px -12px rgba(25, 28, 34, .12);--shadow-hover: 0 2px 4px rgba(25, 28, 34, .06), 0 16px 36px -12px rgba(79, 70, 229, .28);--hero-grad: linear-gradient(120deg, #312e81 0%, #4f46e5 46%, #0284c7 100%)}@media(prefers-color-scheme:dark){:root{--bg: #121419;--fg: #eceae5;--muted: #9aa1ad;--accent: #a5b4fc;--accent-2: #7dd3fc;--accent-soft: rgba(165, 180, 252, .12);--border: #2a2d35;--card: #1a1d24;--placeholder-bg: #1f232c;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -12px rgba(0, 0, 0, .5);--shadow-hover: 0 2px 4px rgba(0, 0, 0, .35), 0 16px 36px -12px rgba(99, 102, 241, .45);--hero-grad: linear-gradient(120deg, #1e1b4b 0%, #3730a3 48%, #075985 100%)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif;line-height:1.75;font-size:17px;word-break:keep-all}::selection{background:var(--accent);color:#fff}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}.wrap{max-width:780px;margin:0 auto;padding:0 20px}header.site{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}header.site .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:13px;padding-bottom:13px}.logo-mark{width:34px;height:34px;border-radius:10px;flex:none;background:var(--hero-grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.02rem;letter-spacing:-.03em;box-shadow:var(--shadow)}.site-title{font-size:1.18rem;font-weight:800;color:var(--fg);letter-spacing:-.03em}.site-title:hover{text-decoration:none}nav.main{display:flex;gap:4px;margin-left:auto}nav.main a{color:var(--muted);font-size:.95rem;font-weight:600;padding:5px 11px;border-radius:999px}nav.main a:hover{color:var(--fg);background:var(--accent-soft);text-decoration:none}main{padding:30px 0 70px}footer.site{border-top:1px solid var(--border);padding:26px 0 44px;color:var(--muted);font-size:.9rem}footer.site .foot-title{color:var(--fg);font-weight:700}.hero{position:relative;overflow:hidden;border-radius:20px;background:var(--hero-grad);color:#fff;padding:42px 34px 36px;margin:6px 0 10px;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:#ffffff21}.hero:before{content:"";position:absolute;right:60px;bottom:-110px;width:190px;height:190px;border-radius:50%;background:#ffffff14}.hero .kicker{font-size:.83rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin:0 0 10px}.hero h1{font-size:2.15rem;line-height:1.28;letter-spacing:-.035em;margin:0 0 12px;position:relative;z-index:1}.hero p{margin:0;max-width:34em;color:#ffffffe0;position:relative;z-index:1}.hero .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;position:relative;z-index:1}.hero .chip{font-size:.84rem;font-weight:600;border:1px solid rgba(255,255,255,.38);background:#ffffff1a;border-radius:999px;padding:3px 12px}.section-title{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;margin:30px 0 4px;display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.post-list{list-style:none;padding:0;margin:16px 0 0}.post-list li{position:relative;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px 24px 20px;margin-bottom:14px;box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.post-list li:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--accent),var(--accent-2));opacity:0;transition:opacity .16s ease}.post-list li:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.post-list li:hover:before{opacity:1}.post-list h2{margin:0 0 6px;font-size:1.22rem;letter-spacing:-.025em;line-height:1.45}.post-list h2 a{color:var(--fg)}.post-list h2 a:hover{color:var(--accent);text-decoration:none}.post-list p{margin:0 0 10px;color:var(--muted);font-size:.97rem}.post-list .read-more{font-size:.9rem;font-weight:700}.meta{color:var(--muted);font-size:.88rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.tag{font-size:.8rem;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 11px}article.post .post-head{margin-bottom:8px}article.post h1{font-size:1.95rem;line-height:1.35;letter-spacing:-.035em;margin:0 0 12px}article.post .post-head:after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-top:20px}article.post h2{font-size:1.36rem;letter-spacing:-.025em;margin:2.1em 0 .6em;padding-left:13px;border-left:4px solid var(--accent);line-height:1.4}article.post h3{font-size:1.13rem;margin:1.7em 0 .5em;letter-spacing:-.02em}article.post p{margin:.95em 0}article.post ul{padding-left:1.3em}article.post li{margin:.35em 0}article.post li::marker{color:var(--accent)}article.post strong{letter-spacing:-.01em}article.post blockquote{margin:1.2em 0;padding:4px 18px;border-left:4px solid var(--accent-2);color:var(--muted);background:var(--accent-soft);border-radius:0 12px 12px 0}article.post img{max-width:100%;border-radius:12px;box-shadow:var(--shadow)}article.post code{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.9em;background:var(--accent-soft);border-radius:6px;padding:1px 6px}.photo-placeholder{background:var(--placeholder-bg);border:1.5px dashed color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:14px;padding:30px 20px;text-align:center;color:var(--muted);margin:1.5em 0;font-size:.95rem}.toc{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 22px;margin:26px 0;font-size:.95rem;box-shadow:var(--shadow)}.toc strong{letter-spacing:-.01em}.toc ul{margin:6px 0;padding-left:1.2em}.toc a{color:var(--muted)}.toc a:hover{color:var(--accent);text-decoration:none}.back{display:inline-block;margin-top:38px;font-weight:700}.page-title{font-size:1.7rem;letter-spacing:-.03em;margin:4px 0 6px}.page-sub{color:var(--muted);margin:0 0 8px}@media(max-width:560px){body{font-size:16px}.hero{padding:32px 24px 28px;border-radius:16px}.hero h1{font-size:1.75rem}article.post h1{font-size:1.65rem}.post-list li{padding:19px 18px 17px}}