:root{--bg: #ffffff;--bg-alt: #ffffff;--surface: #ffffff;--surface-strong: #f5f5f5;--text: #111111;--muted: #555555;--border: #e5e5e5;--accent: #111111;--accent-hover: #111111;--tag-accent: #111111;--tag-bg: #f5f5f5;--accent-soft: rgba(17, 17, 17, 0.08);--radius: 18px;--font-main: "Pretendard", sans-serif}*,*::before,*::after{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-main);line-height:1.75;background:var(--bg)}html,button,input,textarea,select{font-family:var(--font-main)}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:none}body::after{content:"";position:fixed;inset:0;pointer-events:none;background:none;background-size:auto, auto, auto, 72px 72px, 72px 72px;opacity:0.5}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.site-shell{width:min(1000px, calc(100% - 32px));margin:0 auto;padding:18px 0 36px;display:grid;gap:18px}.site-top,.site-content{display:grid;gap:14px}.site-top{grid-template-columns:minmax(0, 1fr);align-items:start}.site-branding{display:grid;gap:8px;min-height:72px;padding:8px 18px;align-content:start;justify-content:start;justify-items:start;text-align:left}.site-top--home{grid-template-columns:minmax(0, 1fr);align-items:start;gap:0;padding:0;border:none;border-radius:calc(var(--radius) + 8px);background-color:var(--bg);background-image:none;overflow:visible;position:relative}.site-top--home .site-branding{border:none;border-radius:22px;background:var(--bg);box-shadow:none}.site-brand,.site-contact{padding:0;width:100%;justify-self:start}.site-contact{justify-items:start}.site-brand__link{display:block;width:max-content;text-align:left}.contact-list--sidebar{justify-content:flex-start}.site-hero-art{position:absolute;top:8px;right:600px;display:flex;align-items:flex-start;justify-content:flex-end;height:auto;pointer-events:none}.site-hero-art__frame{width:min(100%, 180px);height:72px;min-height:72px;aspect-ratio:auto;border-radius:22px;overflow:visible;border:none;box-shadow:none;background:var(--bg);display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:2}.site-hero-art__characters{display:flex;align-items:flex-end;justify-content:center;gap:0;width:100%;height:100%;overflow:visible;padding:0 2px 0;transform:translateY(4px)}.site-hero-art__character{flex:0 0 auto;width:56%;height:auto;display:block;object-fit:contain;object-position:center bottom}.site-content{grid-template-columns:minmax(0, 180px) minmax(0, 1fr);align-items:start;gap:14px}.site-identity,.site-contact,.sidebar-tags,.post-card,.archive-group,.about-card,.series-card,.post{padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);position:relative;overflow:hidden}.site-contact::before,.sidebar-tags::before,.post-card::before,.archive-group::before,.about-card::before,.series-card::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:#111111;opacity:0.06}.site-contact{padding:0 18px;border:none;background:transparent;overflow:visible}.site-contact::before{display:none}.site-brand{padding:0 18px}.site-brand__link{color:#111111;font-size:1.5rem;font-weight:700;letter-spacing:-0.05em;line-height:1}.home-divider{position:relative;z-index:0}.site-identity{display:grid;justify-items:end;gap:6px;align-content:start;justify-self:end;width:160px;padding:0;border:none;border-radius:0;background:transparent}.site-identity__text{display:grid;justify-items:end;text-align:right;gap:1px;width:160px}.site-contact{display:grid;align-content:start;gap:8px}.sidebar-avatar{width:160px;aspect-ratio:1;border-radius:24px;overflow:hidden;background:var(--surface-strong);border:1px solid var(--border)}.sidebar-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:22px}.brand{display:inline-block;font-size:1.2rem;font-weight:700;letter-spacing:-0.04em;line-height:1.08;color:var(--text)}.sidebar-role{margin:0;color:#555555;font-size:0.88rem;font-weight:400;line-height:1.15}.sidebar-name{margin:0;color:#555555;font-size:0.9rem;font-weight:400;line-height:1.15}.site-tagline,.site-note{margin:12px 0 0;color:var(--muted);font-size:0.95rem}.site-note{padding-top:16px;margin-top:20px;font-size:0.86rem}.sidebar-tags{position:sticky;top:16px;align-self:start;display:grid;gap:10px;align-content:start;padding-top:14px;padding-bottom:14px;background:#f5f5f8;border-color:#e6e6ea;border-top-left-radius:0;border-top-right-radius:0;box-shadow:none}.sidebar-tags__title{margin:0 0 8px;color:var(--text);font-size:0.82rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase}.site-main{min-width:0}.contact-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%}.contact-list li{display:flex;flex-wrap:nowrap;align-items:center;gap:0}.contact-list--sidebar{display:flex;align-items:center}.contact-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-top:0;color:#111111;flex:0 0 auto}.contact-icon svg{width:100%;height:100%;display:block}.contact-label{min-width:56px;color:var(--text);font-size:0.8rem;font-weight:400;letter-spacing:0.08em;text-transform:uppercase}.contact-list a{color:var(--text);font-size:0.98rem;font-weight:400;word-break:break-word}.contact-list a:hover{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tag-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.tag-list li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:var(--muted);font-size:0.84rem}.tag-list a{color:var(--text);font-size:0.88rem}.tag-list a.is-active,.tag-list a[aria-current="page"]{color:#111111;font-weight:700}.tag-list__all a{color:#111111;font-weight:700}.tag-list span{font-size:0.8rem;color:#888888}.post-card__tags,.post-meta__tags{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}.post-card.is-hidden{display:none}.page-header--compact{padding-bottom:30px}.post-header h1{margin:0;font-size:clamp(1.8rem, 3vw, 2.9rem);font-weight:700;line-height:1.12;letter-spacing:-0.04em}.hero p,.page-header p{margin:0;max-width:62ch;color:var(--muted);font-size:1.05rem}.eyebrow{margin:0 0 8px;color:var(--text);font-size:0.8rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase}.section-heading{margin:10px 0 10px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.section-heading h2,.archive-group h2{margin:0;font-size:0.82rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--text)}.section-heading a{color:var(--muted);font-size:0.94rem}.home-divider{grid-column:1 / -1;width:100%;height:1px;margin:2px 0 12px;background:linear-gradient(90deg, transparent, var(--border), transparent)}.feed,.archive-listing{display:grid;gap:10px}.pagination{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px auto 0;padding:8px 0 0}.pagination__page,.pagination__arrow{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:14px;border:1px solid var(--border);background:#ffffff;color:var(--text);font-size:1rem;font-weight:600}.pagination__arrow{min-width:44px;padding:0;font-size:1.2rem}.pagination__page:hover,.pagination__arrow:hover{border-color:#cfcfcf}.pagination__page.is-active{background:#f2f2f2;border-color:#f2f2f2}.pagination__arrow.is-disabled{opacity:0.35}.about-grid,.series-grid,.tag-archive{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:18px}.post-card,.archive-group,.about-card,.series-card{padding:16px 18px}.post-card{display:grid;grid-template-columns:minmax(0, 1fr) 350px;gap:30px;align-items:start;padding:14px 0;border:none;background:transparent;overflow:visible}.post-card+.post-card{margin-top:22px;padding-top:22px}.post-card+.post-card::before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:var(--border)}.post-card::before{display:none}.post-card__content{min-width:0;display:grid;gap:8px}.post-card__thumb{display:block;width:100%;aspect-ratio:16 / 10;border-radius:16px;overflow:hidden;background:#f5f5f5;border:1px solid var(--border)}.post-card__thumb img{width:100%;height:100%;display:block;object-fit:cover}.post-card__thumb--placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg, #f8f8f8 0%, #efefef 100%)}.post-card h3{margin:0;font-size:1.38rem;font-weight:700;line-height:1.12;letter-spacing:-0.04em;color:var(--text)}.post-card h3 a{transition:color 0.15s ease}.post-card h3 a:hover{color:var(--muted)}.post-card:hover,.post:hover,.sidebar-tags:hover,.site-identity:hover{border-color:#d9d9d9}.post-card p,.archive-group p,.archive-list li,.post-meta{color:var(--muted)}.post-card__meta,.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:0.8rem;margin-top:0}.archive-group{display:grid;gap:14px}.about-card,.series-card{display:grid;gap:14px}.series-card{scroll-margin-top:24px}.about-card h2,.series-card h2{margin:0;font-size:1.3rem;line-height:1.2;letter-spacing:-0.03em}.about-card p,.series-card p{margin:0;color:var(--muted)}.about-card--full{grid-column:1 / -1}.series-card__header{display:grid;gap:8px}.series-list{list-style:decimal;padding-left:1.15rem;margin:0;display:grid;gap:12px}.series-list li{display:flex;align-items:baseline;justify-content:space-between;gap:16px;color:var(--muted)}.series-list a{font-weight:600;color:var(--text)}.post-card__meta span{display:inline-flex;flex-wrap:wrap;gap:8px}.post-card__meta a,.post-meta a{color:var(--text)}.tag-pill{display:inline-flex;align-items:center;padding:0.28rem 0.7rem;border-radius:999px;background:var(--tag-bg);border:1px solid var(--tag-bg);color:var(--tag-accent) !important;font-size:0.9rem;font-weight:700;letter-spacing:-0.01em;line-height:1}.tag-pill:hover{color:var(--text)}.post-meta__author{color:var(--text);font-weight:600}.archive-subgroup{display:grid;gap:12px}.archive-subgroup h3{margin:0;color:var(--muted);font-size:0.96rem;font-weight:600;letter-spacing:0.02em;text-transform:capitalize}.archive-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.archive-list li{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.archive-list a{font-weight:600;color:var(--text)}.post{width:100%;max-width:100%;padding:0;background:transparent;border:none}.post-layout{display:grid;grid-template-columns:minmax(0, 1fr) 220px;gap:28px;align-items:start}.editor-frame{display:grid;gap:0;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface)}.editor-frame__bar{display:flex;align-items:center;gap:0;padding:10px 14px;background:#fafafa;border-bottom:1px solid var(--border)}.editor-window-controls{display:inline-flex;align-items:center;gap:8px}.editor-window-controls span{width:11px;height:11px;border-radius:50%;background:#d0d0d0}.editor-window-controls span:first-child{background:#ff5f57}.editor-window-controls span:nth-child(2){background:#febc2e}.editor-window-controls span:nth-child(3){background:#28c840}.editor-frame__body{padding:20px 24px 26px;background:#ffffff}.post-header{display:grid;gap:8px;align-items:start;margin-bottom:18px}.post-header__copy{display:grid;gap:8px;min-width:0;max-width:86ch}.post-content{max-width:90ch}.prose{font-size:0.98rem;font-family:"JetBrains Mono", "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", monospace}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre{margin:0 0 1.15em}.post-content--editor h1,.post-content--editor h2,.post-content--editor h3,.post-content--editor h4{color:#111111 !important}.post-content--editor h1{margin:2.4em 0 0.7em;line-height:1.15;letter-spacing:-0.04em;font-size:1.9rem}.post-content--editor h2{margin:2.2em 0 0.6em;line-height:1.2;letter-spacing:-0.03em;font-size:1.6rem}.post-content--editor h3{margin:2.2em 0 0.6em;line-height:1.2;letter-spacing:-0.03em;font-size:1.25rem}.post-content--editor h4{margin:2.2em 0 0.6em;line-height:1.2;letter-spacing:-0.03em;font-size:1.08rem}.post-content--editor>ul,.post-content--editor>ol{margin:0 0 1.25em;padding:18px 22px 18px 28px;border:1px solid var(--border);border-radius:18px;background:#f5f5f8}.post-content--editor>ul li+li,.post-content--editor>ol li+li{margin-top:0.65em}.prose blockquote{margin-left:0;padding:1px 0 1px 18px;color:var(--muted);border-left:2px solid var(--border)}.prose code{padding:0.15em 0.35em;border-radius:8px;background:#f5f5f5;color:#111111;font-size:0.92em}.prose pre{overflow:auto;padding:18px 20px;border-radius:18px;background:#fafafa;border:1px solid var(--border);color:var(--text)}.prose pre code{padding:0;background:transparent;color:inherit}.prose img{max-width:100%;width:100%;height:auto;object-fit:contain;display:block;border-radius:14px;border:1px solid var(--border)}.post-outline{position:sticky;top:24px;align-self:start;padding-top:16px}.post-outline__title{margin:0 0 12px;color:#7a7a7a;font-size:0.92rem;font-weight:600}.post-outline__nav{display:grid;gap:10px;padding-left:16px;border-left:1px solid var(--border)}.post-outline__link{color:#8a8a8a;font-size:0.96rem;line-height:1.45;transition:color 0.15s ease}.post-outline__link:hover,.post-outline__link.is-active{color:#111111}@media (max-width: 920px){.site-shell{width:min(1000px, calc(100% - 40px));padding-top:24px}.site-top,.site-content{grid-template-columns:1fr}.site-top--home{gap:14px;padding:10px}.site-top--home .site-branding{gap:14px;min-height:auto;padding:16px 18px}.site-hero-art{position:static;pointer-events:auto}.site-hero-art__frame{width:min(100%, 168px);min-height:120px;margin-left:auto}.site-hero-art__characters{transform:translateY(10px)}.post-layout{grid-template-columns:1fr}.home-divider{width:100%}.site-identity{justify-items:center;justify-self:stretch;width:auto}.site-identity__text{justify-items:center;text-align:center}.site-contact,.sidebar-tags{text-align:left}.post-card,.archive-group,.about-card,.series-card{padding:16px 0 18px}.editor-frame__body{padding:16px 18px 22px}.about-grid,.series-grid,.tag-archive{grid-template-columns:1fr}.post-card{grid-template-columns:1fr;gap:12px;padding:16px 0}.post-card__thumb{width:min(100%, 360px)}.post-outline{display:none}}@media (max-width: 640px){.sidebar-avatar{width:132px}.site-shell{width:calc(100% - 24px)}.site-top--home{padding:10px;border-radius:20px}.site-top--home .site-branding{padding:14px 16px;border-radius:18px}.site-hero-art__frame{width:min(100%, 140px);min-height:100px;border-radius:18px}.site-hero-art__characters{transform:translateY(8px)}.page-header h1,.post-header h1{font-size:clamp(1.9rem, 11vw, 2.8rem)}.prose{font-size:0.94rem}.section-heading{flex-direction:column;align-items:flex-start}.archive-list li{flex-direction:column;align-items:flex-start}.series-list li{flex-direction:column;align-items:flex-start}}