:root{color-scheme:light;--bg: #ffffff;--text: #111827;--muted: #4b5563;--link: #0b5fff;--border: #e5e7eb;--max-width: 720px;--radius: 10px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}img.image-fallback{border:1px solid var(--border);border-radius:var(--radius);background:#f3f4f6}a{color:var(--link);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}.post-content a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.page{max-width:var(--max-width);margin:0 auto;padding:48px 20px 72px}.list-header h1{margin:0 0 6px;font-size:clamp(2rem, 4vw, 2.6rem);letter-spacing:-0.02em}.list-header p{margin:0 0 28px;color:var(--muted)}.post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.post-item{padding:18px 0;border-bottom:1px solid var(--border)}.post-item:first-child{border-top:1px solid var(--border)}.post-link{font-size:1.15rem;font-weight:600;color:var(--text)}.post-link:hover,.post-link:focus-visible{color:var(--link)}.post-meta{margin-top:6px;font-size:0.85rem;color:var(--muted)}.post-excerpt{margin:10px 0 0;color:var(--muted)}.post{display:block}.post-nav{margin-bottom:32px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;text-decoration:none;transition:color 0.2s ease}.back-link svg{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.back-link:hover,.back-link:focus-visible{color:var(--link);text-decoration:none}.post-header{margin-bottom:28px}.post-title{margin:0 0 10px;font-size:clamp(2rem, 4vw, 2.8rem);letter-spacing:-0.02em;line-height:1.2}.post-content{font-size:1rem}.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:32px;margin-bottom:12px;line-height:1.3}.post-content p{margin:0 0 16px}.post-content ul,.post-content ol{padding-left:1.4rem;margin:0 0 16px}.post-content blockquote{margin:20px 0;padding:12px 16px;border-left:3px solid var(--border);color:var(--muted);background:#f9fafb;border-radius:var(--radius)}.post-content code{font-family:var(--mono);font-size:0.95em;background:#f3f4f6;padding:2px 6px;border-radius:6px}.post-content pre{font-family:var(--mono);background:#111827;color:#f9fafb;padding:16px;border-radius:var(--radius);overflow-x:auto;margin:0 0 20px}.post-content pre code{background:transparent;padding:0;color:inherit}.post-content hr{border:0;border-top:1px solid var(--border);margin:28px 0}.share-status{font-size:0.85rem;color:var(--muted)}.share-status[data-state='success']{color:#059669}.share-status[data-state='error']{color:#dc2626}.share-menu{position:relative;display:inline-flex;align-items:center}.share-icon-button{display:inline-flex;align-items:center;border:none;background:transparent;padding:4px;margin:-4px;color:var(--muted);cursor:pointer;transition:color 0.2s ease, opacity 0.2s ease;opacity:0.7}.share-icon-button svg{width:14px;height:14px;fill:currentColor}.share-icon-button:hover,.share-icon-button:focus-visible{color:var(--link);opacity:1;text-decoration:none}.share-menu-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:160px;padding:6px;background:#ffffff;border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 30px rgba(15,23,42,0.15);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity 0.15s ease, transform 0.15s ease;z-index:5}.share-menu:focus-within .share-menu-panel,.share-menu.is-open .share-menu-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.share-menu-item{width:100%;border:none;background:transparent;text-align:left;font-size:0.85rem;font-weight:600;color:var(--text);padding:8px 10px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.share-menu-item .menu-label{flex:1}.share-menu-item .menu-status{font-size:0.75rem;color:#10b981;opacity:0;transition:opacity 0.2s ease}.share-menu-item.is-confirmed .menu-status{opacity:1}.share-menu-item:hover,.share-menu-item:focus-visible{background:#f3f4f6;color:var(--link)}.quote-share-widget{position:absolute;z-index:20;display:inline-flex;align-items:center;gap:10px;padding:6px 10px;background:#111827;color:#f9fafb;border-radius:999px;box-shadow:0 12px 28px rgba(15,23,42,0.2)}.quote-share-button{border:none;background:transparent;color:inherit;font-size:0.8rem;font-weight:600;cursor:pointer}.quote-share-button:hover,.quote-share-button:focus-visible{text-decoration:underline}.quote-share-status{font-size:0.75rem;color:#e2e8f0}.quote-share-status[data-state='success']{color:#34d399}.quote-share-status[data-state='error']{color:#fca5a5}@media (max-width: 600px){.page{padding:32px 16px 56px}}@media (hover: none), (pointer: coarse){.copy-button{opacity:1}}.copy-button{position:absolute;top:12px;right:12px;padding:4px 10px;font-family:var(--font);font-size:0.75rem;font-weight:600;color:#ffffff;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.1);border-radius:6px;cursor:pointer;opacity:0;transition:all 0.2s ease;backdrop-filter:blur(4px)}pre:hover .copy-button,pre:focus-within .copy-button{opacity:1}.copy-button:hover,.copy-button:focus-visible{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3)}.copy-button.copied{background:#10b981;border-color:#10b981}.commit-egg{position:fixed;left:max(10px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom));width:10px;height:10px;border-radius:999px;background:#111827;opacity:0.28;transition:opacity 0.15s ease, transform 0.15s ease;z-index:30}.commit-egg:hover{opacity:0.9;transform:scale(1.15)}.commit-egg:hover::after{content:"build " attr(data-hash);position:absolute;left:16px;bottom:-4px;white-space:nowrap;background:#111827;color:#f9fafb;font-size:0.7rem;font-family:var(--mono);padding:4px 8px;border-radius:6px;box-shadow:0 6px 18px rgba(15,23,42,0.22)}.quote-share-widget[hidden]{display:none !important}
