:root{--ink: #1A1A1A;--ink-soft: #6B6B6B;--paper: #FAF7F0;--amber: #D98E1F;--amber-dark: #B26F0E;--rule: #E5E5E5;--tile: #F2F2F2;--faint: #B0B0B0;--caution: #C0392B;color-scheme:light}:root[data-theme=dark]{--ink: #F4F2E9;--ink-soft: #989D93;--paper: #0A0B09;--amber: #C8FF3D;--amber-dark: #C8FF3D;--rule: #2B2D28;--tile: #171915;--faint: #666B61;--caution: #FF6B4A;color-scheme:dark}*{box-sizing:border-box}body{margin:0;color:var(--ink);background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='0.09'/%3E%3C/svg%3E");font-family:Pretendard,-apple-system,sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}html{scroll-behavior:smooth}.layout{max-width:760px;margin:0 auto;padding:0 20px}.layout.layout-wide{max-width:1160px}.nav-ext:after{content:" ↗";color:var(--ink-soft);font-size:12px}.site-footer{border-top:1px solid var(--rule);margin-top:4em}.site-footer .footer-inner{max-width:1000px;margin:0 auto;padding:2.5em 20px 4em;display:flex;justify-content:space-between;gap:2.5em;flex-wrap:wrap;color:var(--ink-soft);font-size:13px;line-height:1.7}.site-footer a{color:var(--ink-soft)}.site-footer a:hover{color:var(--amber-dark)}.site-footer .footer-links a{margin-right:1.2em}.site-footer .biz-name{color:var(--ink);font-weight:600}.site-footer .biz p{margin:0}.site-footer .copyright{margin-top:.8em;color:var(--faint)}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--rule);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(16px)}.header-inner{max-width:1160px;margin:0 auto;padding:1.25em 20px;display:flex;align-items:baseline;justify-content:space-between;gap:1.5em;flex-wrap:wrap}.site-header .logo{font-size:21px;font-weight:700;color:var(--ink);letter-spacing:-.02em;white-space:nowrap}.site-header .logo .dot{color:var(--amber)}.site-header .tagline{margin:.25em 0 0;color:var(--ink-soft);font-size:13px;line-height:1.6}.site-header nav{display:flex;align-items:center;gap:1.4em;flex-wrap:wrap}.site-header nav a{color:var(--ink);font-size:15px;white-space:nowrap}.site-header nav a:hover{color:var(--amber-dark)}.site-header nav a[aria-current=page]{color:var(--amber-dark);box-shadow:inset 0 -2px 0 var(--amber)}.theme-toggle{width:30px;height:30px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--rule);border-radius:50%;color:var(--ink-soft);transition:color .15s,border-color .15s}.theme-toggle:hover{color:var(--amber-dark);border-color:var(--amber)}.theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}main{min-width:0;padding:2.5em 0 5em}h1{font-size:31px;font-weight:700;letter-spacing:-.02em;line-height:1.35;margin:0 0 .3em}h2{font-size:20px;font-weight:700;margin:2.5em 0 .6em}p{margin:1.2em 0}a{color:var(--amber);text-decoration:none}a:hover{color:var(--amber-dark)}hr{border:0;border-top:1px solid var(--rule);margin:2.5em 0}blockquote{border-left:2px solid var(--rule);margin:1.2em 0;padding:0 0 0 1em;color:var(--ink-soft)}article img{max-width:100%;height:auto}ol,ul{padding-left:1.4em}.meta{color:var(--ink-soft);font-size:14px;margin:0 0 1.5em}.post-line{display:flex;justify-content:space-between;align-items:baseline;gap:1em;padding:.45em 0}.post-line a{font-size:18px;font-weight:600;color:var(--ink)}.post-line a:hover{color:var(--amber-dark)}.post-line time{color:var(--ink-soft);font-size:14px;white-space:nowrap}.year-label{color:var(--ink-soft);font-size:14px;margin:2em 0 .4em}.mix-line{border-top:1px solid var(--rule);padding-top:1.5em;margin-top:3em}.post-nav{display:flex;justify-content:space-between;gap:1em;margin-top:1.5em;font-size:16px}.section-label{font-size:14px;color:var(--ink-soft);margin:2.5em 0 .8em}.section-label .label-note{color:var(--faint);font-size:12px}.grid-covers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cover{position:relative;aspect-ratio:1;background:var(--tile);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:13px;text-align:center}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover .cover-caption{position:absolute;left:0;right:0;bottom:0;z-index:1;background:#1a1a1ad1;color:#fff;font-size:12px;line-height:1.45;text-align:left;padding:10px 12px;transform:translateY(100%);transition:transform .22s ease}.cover:hover .cover-caption,.cover:focus-within .cover-caption{transform:translateY(0)}@media(hover:none){.cover .cover-caption{transform:translateY(0);background:#1a1a1a99;font-size:11px;padding:6px 8px}}.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{display:block;color:inherit}.card .thumb{position:relative;aspect-ratio:16/10;background:var(--tile);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:13px}.card .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card h3{font-size:16px;font-weight:600;margin:.5em 0 0;line-height:1.5;color:var(--ink)}.card:hover h3{color:var(--amber-dark)}@media(max-width:768px){.grid-covers,.grid-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){body{font-size:15px}.header-inner{padding:1.2em 20px;gap:.8em}.site-header nav{gap:1.1em}main{padding-top:1.5em}.site-footer .footer-inner{flex-direction:column;gap:1.5em;padding-bottom:3em}}