:root{--bg: #f5f5f7;--panel: #ffffff;--text: #1d1d1f;--muted: #6e6e73;--line: #d2d2d7;--accent: #0071e3;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.07), 0 1px 4px rgba(0,0,0,.04);--shadow-hover: 0 8px 28px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.06);--radius-card: 18px;--radius-img: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.container{width:min(1000px,calc(100% - 40px));margin:0 auto}.topbar{position:sticky;top:0;z-index:100;backdrop-filter:saturate(200%) blur(20px);-webkit-backdrop-filter:saturate(200%) blur(20px);background:#f5f5f7d9;border-bottom:1px solid rgba(210,210,215,.6)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:60px;gap:16px}.brand{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:inherit}.brand:hover{text-decoration:none;opacity:.8}.brand-logo{width:30px;height:30px;border-radius:7px;flex-shrink:0}.brand-text{display:flex;flex-direction:column;min-width:0}.brand-name{font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:var(--text);line-height:1.2}.brand-sub{font-size:.75rem;color:var(--muted);font-weight:400;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav a{font-size:.88rem;font-weight:500;color:var(--accent);text-decoration:none;padding:6px 12px;border-radius:20px;transition:background .15s}nav a:hover{background:#0071e314;text-decoration:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.hero{padding:40px 0 28px}.hero h1{margin:0;font-size:clamp(1.75rem,3.5vw,2.6rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--text)}.hero p{margin-top:10px;color:var(--muted);font-size:1rem;max-width:60ch;line-height:1.5}.grid{display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:48px}@media(min-width:720px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1080px){.grid{grid-template-columns:repeat(3,1fr)}}.card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .22s ease,transform .22s ease;text-decoration:none}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-image-link{display:block;overflow:hidden;flex-shrink:0}.card-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;transition:transform .3s ease}.card:hover .card-image{transform:scale(1.02)}.card-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}.card h2{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:-.015em;line-height:1.35}.card h2 a{color:var(--text);text-decoration:none}.card h2 a:hover{color:var(--accent);text-decoration:none}.meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;color:var(--muted);font-size:.8rem;font-weight:400;letter-spacing:.01em}.meta-dot{color:var(--line);user-select:none}.summary{margin:0;font-size:.9rem;line-height:1.55;color:#3a3a3c;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tag{font-size:.72rem;font-weight:500;padding:3px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);letter-spacing:.02em;text-transform:lowercase;background:#00000005}.article{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:32px 36px;margin-top:28px;margin-bottom:48px;overflow-wrap:break-word;word-break:break-word;min-width:0}.article>a{display:inline-block;font-size:.88rem;font-weight:500;color:var(--accent);margin-bottom:20px}.article h1{margin:0 0 10px;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.article .meta{margin-bottom:14px}.article .summary{font-size:1rem;line-height:1.6;-webkit-line-clamp:unset;overflow:visible;margin-bottom:6px;color:var(--text);font-weight:500}.article-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-img);border:1px solid var(--line);margin:20px 0 28px;display:block}.prose{font-size:1rem;line-height:1.7;color:#2e2e30;overflow-wrap:break-word;word-break:break-word}.prose h2,.prose h3{margin-top:2em;margin-bottom:.5em;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--text)}.prose h2{font-size:1.35rem}.prose h3{font-size:1.1rem}.prose p{margin:0 0 1em}.prose li{margin-bottom:.35em}.prose a{color:var(--accent)}.prose table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:1.5em 0;font-size:.93rem;background:var(--panel);box-shadow:var(--shadow-sm)}.prose thead{background:#00000007}.prose th{padding:11px 18px;text-align:left;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}.prose td{padding:11px 18px;vertical-align:middle;border-bottom:1px solid rgba(210,210,215,.55);color:var(--text);line-height:1.5}.prose tr:last-child td{border-bottom:none}.prose tbody tr{transition:background .12s ease}.prose tbody tr:hover{background:#0071e309}.prose td code,.prose th code{font-size:.83em}.prose :not(pre)>code{font-family:SF Mono,ui-monospace,Cascadia Code,monospace;font-size:.875em;background:#0000000f;padding:2px 6px;border-radius:4px;border:1px solid rgba(0,0,0,.07)}.prose .shiki,.prose .shiki-fallback{font-family:SF Mono,ui-monospace,Cascadia Code,monospace;font-size:.875rem;line-height:1.65;border-radius:12px;border:1px solid var(--line);padding:20px 22px;overflow-x:auto;margin:1.4em 0;-webkit-overflow-scrolling:touch}.prose .shiki code{background:none;border:none;padding:0;border-radius:0;font-size:inherit;line-height:inherit}.prose .shiki .line{display:block}.prose .shiki .line:empty{min-height:.6em}@media(max-width:720px){.prose .shiki,.prose .shiki-fallback{border-radius:10px;padding:14px 16px;font-size:.82rem}}.footer{border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;padding:20px 0 32px;letter-spacing:.01em}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.rss-link{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.82rem;text-decoration:none;letter-spacing:.01em}.rss-link:hover{color:#f26522;text-decoration:none}.rss-link:before{content:"";display:inline-block;width:13px;height:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f26522'%3E%3Ccircle cx='6.18' cy='17.82' r='2.18'/%3E%3Cpath d='M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z'/%3E%3C/svg%3E") no-repeat center;background-size:contain;flex-shrink:0}@media(max-width:720px){.container{width:calc(100% - 28px)}.hero{padding:28px 0 20px}.article{padding:20px 18px;border-radius:16px}.card{border-radius:16px}}.lang-switcher{display:flex;gap:4px;margin:20px 0 0;padding:3px;background:#0000000d;border-radius:10px;width:fit-content}.lang-btn{font-size:.82rem;font-weight:500;padding:5px 14px;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.lang-btn[aria-pressed=true]{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.article-content[data-lang=vi] .lang-en,.article-content[data-lang=en] .lang-vi{display:none}@media(max-width:480px){.topbar-inner{min-height:52px}.brand-sub{display:none}.hero h1{font-size:clamp(1.4rem,6vw,1.8rem)}.article h1{font-size:clamp(1.3rem,5.5vw,1.7rem)}.prose{font-size:.97rem}}