html:not(.ready){opacity:0}html.ready{opacity:1;transition:opacity .1s}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:#f0f0f0}[data-os=macos] body,[data-os=ios] body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif}[data-os=android] body{font-family:Roboto,system-ui,sans-serif}[data-os=linux] body{font-family:Ubuntu,Cantarell,system-ui,sans-serif}.blog-header{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border,#d1d1d1)}.blog-title{font-size:20px;font-weight:600;color:var(--text,#000);margin-bottom:4px}.blog-subtitle{font-size:11px;color:var(--text-muted,#666)}.posts-grid{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:0}.post-card{background:var(--bg,#fff);border:1px solid var(--border,#d1d1d1);border-radius:var(--radius,4px);padding:14px 16px;transition:border-color .15s,box-shadow .15s}.post-card:hover{border-color:var(--primary,#0078d4);box-shadow:0 2px 8px #0078d41a}.post-card-title{font-size:14px;font-weight:600;color:var(--text,#000);margin-bottom:5px}.post-card-title a{color:inherit}.post-card-title a:hover{color:var(--primary,#0078d4);text-decoration:none}.post-card-meta{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--text-muted,#666);margin-bottom:7px;flex-wrap:wrap}.meta-tag{background:var(--primary,#0078d4);color:#fff;padding:1px 7px;border-radius:var(--radius-sm,2px);font-size:10px;font-weight:600}.reading-time{font-size:10px;color:var(--text-muted,#666)}.post-card-desc{font-size:12px;color:var(--text-secondary,#333);line-height:1.55;margin-bottom:10px}.post-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.read-more{font-size:11px;color:var(--primary,#0078d4);font-weight:500}.read-more:hover{text-decoration:underline}.post-tags{display:flex;gap:4px;flex-wrap:wrap}.post-tag{background:var(--bg-secondary,#f0f0f0);color:var(--text-secondary,#333);font-size:10px;padding:1px 6px;border-radius:2px;border:1px solid var(--border,#d1d1d1);transition:background .1s}.post-tag:hover{background:var(--primary,#0078d4);color:#fff;border-color:var(--primary,#0078d4);text-decoration:none}.lang-select{padding:3px 8px;font-size:11px;border:1px solid var(--border-strong,#adadad);border-radius:var(--radius-sm,2px);background:var(--bg,#fff);cursor:pointer;color:var(--text-secondary,#333)}.lang-select:hover{border-color:var(--primary,#0078d4)}.nav-count{font-size:10px;color:var(--text-muted,#666);margin-left:auto;background:var(--bg-secondary,#f0f0f0);padding:1px 5px;border-radius:10px}.sidebar-tags-title{padding:8px 16px 4px;font-size:10px;color:var(--text-muted,#666);text-transform:uppercase;letter-spacing:.05em}.btn-share{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:11px;background:var(--bg,#fff);border:1px solid var(--border-strong,#adadad);border-radius:var(--radius-sm,2px);cursor:pointer;color:var(--text-secondary,#333);transition:border-color .15s;font-family:inherit}.btn-share:hover{border-color:var(--primary,#0078d4);color:var(--primary,#0078d4)}.share-native-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:var(--primary,#0078d4);color:#fff;border:none;border-radius:var(--radius,4px);cursor:pointer;font-size:14px;font-weight:600;font-family:inherit;transition:background .15s;margin-bottom:4px}.share-native-btn:hover{background:var(--primary-dark,#005a9e)}.share-native-btn.hidden{display:none}.share-section-label{font-size:10px;color:var(--text-muted,#666);text-transform:uppercase;letter-spacing:.06em;margin:16px 0 10px}.share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.share-btn{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 8px;background:var(--bg,#fff);border:1px solid var(--border,#d1d1d1);border-radius:var(--radius,4px);cursor:pointer;font-size:11px;color:var(--text-secondary,#333);transition:border-color .15s,box-shadow .15s,color .15s;text-decoration:none;font-family:inherit;text-align:center}.share-btn:hover{border-color:var(--primary,#0078d4);box-shadow:0 2px 8px #0078d41f;text-decoration:none;color:var(--primary,#0078d4)}.share-divider{height:1px;background:var(--border,#d1d1d1);margin:16px 0}.copy-link-row{display:flex;gap:8px}.copy-link-input{flex:1;padding:6px 10px;font-size:12px;border:1px solid var(--border-strong,#adadad);border-radius:var(--radius-sm,2px);background:var(--bg-secondary,#f0f0f0);color:var(--text-secondary,#333);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.copy-link-btn{padding:6px 14px;font-size:12px;background:var(--primary,#0078d4);color:#fff;border:none;border-radius:var(--radius-sm,2px);cursor:pointer;font-family:inherit;white-space:nowrap;font-weight:600}.copy-link-btn:hover{background:var(--primary-dark,#005a9e)}.copy-link-btn.copied{background:#0e7c0e}#modal-share .modal__container{max-width:620px;width:calc(100vw - 40px)}[data-os=macos] .post-card{border-radius:10px}[data-os=macos] .blog-title{font-size:24px;font-weight:700}[data-os=ios] .post-card{border-radius:12px}[data-os=android] .post-card{border-radius:16px}[data-os=android] .meta-tag,[data-os=android] .share-native-btn,[data-os=android] .copy-link-btn{background:#6750a4}[data-os=linux] .meta-tag,[data-os=linux] .share-native-btn,[data-os=linux] .copy-link-btn{background:#e95420}