:root{--color-bg: #ffffff;--color-fg: #0a0a0a;--color-muted: #666;--color-border: #e5e7eb;--color-focus: #3b82f6;--radius: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--content-max: 760px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#app{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:var(--color-bg);color:var(--color-fg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-inline-size:100%}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button{font:inherit;color:inherit;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);cursor:pointer}hr{border:none;border-block-start:1px solid var(--color-border);margin-block:var(--space-6)}.container{max-inline-size:var(--content-max);margin-inline:auto;padding-inline:var(--space-4)}.header{position:sticky;top:0;background:var(--color-bg);border-block-end:1px solid var(--color-border);z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;min-block-size:56px}.site-title{font-weight:700;font-size:1.125rem;margin:0}.menu-button{display:inline-flex;align-items:center;justify-content:center;inline-size:40px;block-size:40px;border-radius:999px}.drawer-overlay{position:fixed;inset:0;background:#0006;display:none;z-index:30}.drawer-overlay.open{display:block}.drawer{position:fixed;inset-block:0;inset-inline-start:0;inline-size:280px;background:var(--color-bg);border-inline-end:1px solid var(--color-border);transform:translate(-100%);transition:transform .2s ease;z-index:31;display:flex;flex-direction:column}.drawer.open{transform:translate(0)}.drawer nav a{display:block;padding:var(--space-4) var(--space-4);border-block-end:1px solid var(--color-border)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-block:var(--space-3);border-block-end:1px solid var(--color-border)}.tag-chip{padding:6px 10px;border:1px solid var(--color-border);border-radius:999px;background:#fff;color:#111}.tag-chip[aria-pressed=true]{border-color:var(--color-focus);background:#eff6ff}.post-card{padding-block:var(--space-5);border-block-end:1px solid var(--color-border);position:relative}.post-card__link{display:block}.post-card__row{display:flex;align-items:flex-start;gap:var(--space-4)}.post-card__media{position:relative;flex:0 0 auto}.post-card__img{display:block;border-radius:var(--radius);inline-size:auto;max-inline-size:180px;height:auto;max-block-size:120px;object-fit:contain}.post-card__badge{position:absolute;inset-block-start:6px;inset-inline-start:6px;background:#ffffffeb;border:1px solid var(--color-border);border-radius:999px;padding:4px}.post-card__body{flex:1 1 auto;min-inline-size:0}.post-card__header{display:flex;align-items:center;gap:12px}.post-card__badge--standalone{margin-inline-start:auto;display:inline-grid;place-items:center;background:#fff;border:1px solid var(--color-border);border-radius:999px;padding:4px}.post-card__progress{position:absolute;inset-block-end:0;inset-inline-start:0;block-size:3px;width:0%;background:var(--color-focus);border-start-start-radius:2px;border-start-end-radius:2px;pointer-events:none}.post-title{margin:0 0 var(--space-1) 0;font-size:1.125rem;font-weight:700}.post-subtitle{margin:0;color:var(--color-muted);font-size:.95rem}.post-meta{margin-block-start:var(--space-2);color:var(--color-muted);font-size:.9rem}.post-excerpt{margin:var(--space-3) 0 0 0;color:#222}.post-card__preview{display:block;border-radius:var(--radius);inline-size:auto;max-inline-size:100%;height:auto;max-block-size:220px;object-fit:contain}.progress-badge{position:relative;inline-size:28px;block-size:28px;border-radius:50%;border:1px solid var(--color-border);display:inline-grid;place-items:center;background:conic-gradient(#3b82f6 var(--progress, 0deg),#e5e7eb 0)}.progress-badge--high{background:conic-gradient(#16a3a2 var(--progress, 0deg),#e5e7eb 0)}.progress-badge--mid{background:conic-gradient(#2563eb var(--progress, 0deg),#e5e7eb 0)}.progress-badge__text{font-size:.7rem;color:#111}.visually-hidden{position:absolute!important;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.prose{line-height:1.7}.prose h1,.prose h2,.prose h3{line-height:1.25;margin-block:var(--space-4) var(--space-2)}.prose p,.prose ul,.prose ol,.prose pre,.prose blockquote{margin-block:var(--space-3)}.prose a{color:#2563eb;text-decoration:underline}.prose code{background:#f8fafc;padding:0 4px;border-radius:4px;border:1px solid var(--color-border)}.page{padding-block:var(--space-4)}.post-footer{margin-block-start:var(--space-6);color:var(--color-muted)}.post-footer__links{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;margin-block:var(--space-4) var(--space-2)}.icon-link{display:inline-flex;align-items:center;gap:8px;color:inherit}.icon-link:hover{color:#111}.icon{inline-size:20px;block-size:20px;fill:currentColor}.post-footer-spacer{block-size:50vh}