:root{--ink: #2c3236;--ink-soft: #4d5760;--paper: #f1ece0;--paper-raised: #fbf8f0;--line: #d9d0bd;--accent: #b5432b;--accent-soft: #d98b6e;--shadow: 0 1px 2px rgba(44,50,54,.08), 0 4px 16px rgba(44,50,54,.06)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink: #ece6d8;--ink-soft: #b9b0a0;--paper: #1c1c1e;--paper-raised: #262624;--line: #3a3835;--accent: #e08a63;--accent-soft: #a85a3e;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 4px 20px rgba(0,0,0,.35)}}:root[data-theme=dark]{--ink: #ece6d8;--ink-soft: #b9b0a0;--paper: #1c1c1e;--paper-raised: #262624;--line: #3a3835;--accent: #e08a63;--accent-soft: #a85a3e;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 4px 20px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Noto Sans KR,system-ui,sans-serif}#app{max-width:960px;margin:0 auto;padding:3rem 1.5rem 4rem}.eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:.5rem}.title{font-family:"Noto Serif KR",serif;font-size:2rem;margin:0 0 .4rem;text-wrap:balance}.subtitle{color:var(--ink-soft);font-size:.95rem;margin:0 0 2.4rem;max-width:42em}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.1rem}.story-card{display:flex;flex-direction:column;background:var(--paper-raised);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.story-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px #2c32361a,0 8px 24px #2c32361a}.story-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.story-dev-link{display:block;padding:.5rem 1rem;border-top:1px dashed var(--line);font-size:.76rem;color:var(--ink-soft);text-decoration:none}.story-dev-link:hover{color:var(--accent)}.story-cover{aspect-ratio:4 / 3;background:var(--line);overflow:hidden}.story-cover img{width:100%;height:100%;object-fit:cover;display:block}.story-cover.empty{display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:.8rem}.story-body{padding:.9rem 1rem 1.1rem}.story-title{font-family:"Noto Serif KR",serif;font-size:1.05rem;font-weight:700;margin:0 0 .3rem}.story-meta{font-size:.78rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.empty-state{color:var(--ink-soft);border:1px dashed var(--line);border-radius:10px;padding:2rem;text-align:center}