:root{--body-bg: #fff;--body-color: #515151;--header-color: #313131;--link-color: #268bd2;--border-color: #eee;--code-bg: #f9f9f9;--code-color: #bf616a;--sidebar-bg: #202020;--hr-color: #eee;--blockquote-color: #7a7a7a;--table-bg-odd: #f9f9f9}@media (prefers-color-scheme: dark){:root{--body-bg: #151515;--body-color: #cecece;--header-color: #fff;--link-color: #6a9fb5;--border-color: #333;--code-bg: #202020;--code-color: #ff8b92;--hr-color: #333;--blockquote-color: #999;--table-bg-odd: #1a1a1a}}*{box-sizing:border-box}html,body{margin:0;padding:0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:1.6;background-color:var(--body-bg);-webkit-text-size-adjust:100%}@media (min-width: 38em){html{font-size:18px}}body{color:var(--body-color);background-color:var(--body-bg)}a{color:var(--link-color);text-decoration:none;transition:color 0.2s ease}a:hover,a:focus{text-decoration:underline}a strong{color:inherit}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:bold;line-height:1.25;color:var(--header-color);text-rendering:optimizeLegibility}h1{font-size:2rem}h2{font-size:1.5rem;margin-top:1.5rem}h3{font-size:1.25rem;margin-top:1.5rem}h4,h5,h6{font-size:1rem;margin-top:1rem}p{margin-top:0;margin-bottom:1rem}strong{color:var(--header-color)}ul,ol,dl{margin-top:0;margin-bottom:1rem}dt{font-weight:bold}dd{margin-bottom:.5rem}hr{position:relative;margin:1.5rem 0;border:0;border-top:1px solid var(--hr-color)}blockquote{padding:.5rem 1rem;margin:.8rem 0;color:var(--blockquote-color);border-left:0.25rem solid var(--border-color)}blockquote p:last-child{margin-bottom:0}@media (min-width: 30em){blockquote{padding-right:5rem;padding-left:1.25rem}}.sidebar{text-align:center;padding:2rem 1rem;color:rgba(255,255,255,0.5);background-color:#202020}@media (min-width: 48em){.sidebar{position:fixed;top:0;left:0;bottom:0;width:18rem;text-align:left}}.sidebar a{color:#fff}.sidebar .sidebar-about h3{color:rgba(255,255,255,0.85);margin-top:0;font-family:"Abril Fatface",serif;font-size:1.8rem}.sidebar .sidebar-about h3 a{color:inherit;text-decoration:none}.sidebar-nav-item{display:block;line-height:1.8;font-size:0.95rem}.sidebar-nav-item.active{font-weight:bold}.sidebar-nav-item:hover,.sidebar-nav-item:focus{text-decoration:underline}.content{padding-top:4rem;padding-bottom:4rem}@media (min-width: 48em){.content{max-width:38rem;margin-left:20rem;margin-right:2rem}}@media (min-width: 64em){.content{margin-left:22rem;margin-right:4rem}}.container{max-width:38rem;padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto}.page,.post{margin-bottom:4rem}.page-title,.post-title{color:var(--header-color);margin-top:0}.post-title{font-size:2.25rem}.post-title a{color:inherit}.post-date{display:block;margin-top:-.5rem;margin-bottom:1.2rem;color:#9a9a9a;font-size:0.9rem}code,pre{font-family:Menlo,Monaco,"Courier New",monospace}code{padding:.25em .5em;font-size:85%;color:var(--code-color);background-color:var(--code-bg);border-radius:3px}pre{display:block;margin-top:0;margin-bottom:1.5rem;padding:1rem;font-size:.85rem;line-height:1.5;overflow:auto;background-color:var(--code-bg);border-radius:8px;border:1px solid var(--border-color)}pre code{padding:0;font-size:100%;color:inherit;background-color:transparent}img{display:block;max-width:100%;height:auto;margin:0 0 1.5rem;border-radius:8px}.img-circular{width:110px;height:110px;background-image:url("../images/id/id.png");background-size:cover;background-position:center;display:block;border-radius:50%;margin:0 auto 1.5rem;border:3px solid rgba(255,255,255,0.1)}table{margin-bottom:1rem;width:100%;border:1px solid var(--border-color);border-collapse:collapse}td,th{padding:.25rem .5rem;border:1px solid var(--border-color)}tbody tr:nth-child(odd) td,tbody tr:nth-child(odd) th{background-color:var(--table-bg-odd)}#social-list1{display:flex;justify-content:center;gap:15px;margin:1.5rem 0}#social-list1 .social1 svg{width:28px;height:28px;opacity:0.8;transition:opacity 0.2s, transform 0.2s}#social-list1 .social1 svg:hover{opacity:1;transform:translateY(-2px)}#social-list1 .social1 svg path{fill:#fff}.highlight{margin-bottom:1rem;border-radius:8px}.highlight pre{margin-bottom:0}.highlight .c{color:#999}.highlight .k{color:#069;font-weight:bold}.highlight .s{color:#d44950}.highlight .nt{color:#2f6f9f}.highlight .na{color:#4f9fcf}.highlight .nc{color:#0a8;font-weight:bold}.highlight .nf{color:#c0f}.pagination{display:flex;justify-content:space-between;margin:4rem 0;font-weight:bold}.pagination-item{padding:0.8rem 1.6rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--body-bg);color:var(--body-color);transition:all 0.2s}.pagination-item:hover{background:var(--code-bg);text-decoration:none;border-color:var(--link-color)}.tweet-post .tweet-container{margin:2rem 0;max-width:100%}.tweet-post .tweet-card{border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background-color:var(--body-bg);transition:transform 0.2s ease, box-shadow 0.2s ease}.tweet-post .tweet-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1)}.tweet-post .tweet-screenshot .tweet-img{width:100%;height:auto;display:block;border-radius:0;margin-bottom:0}.tweet-post .tweet-fallback-link{padding:1rem;border-top:1px solid var(--border-color);font-size:0.9rem}.tweet-post .tweet-content{margin-top:2rem;font-size:1.1rem;line-height:1.7}.tweet-post .tweet-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.tweet-post .tweet-footer .view-on-x{display:inline-block;background-color:var(--header-color);color:var(--body-bg);padding:0.5rem 1rem;border-radius:20px;font-weight:bold;font-size:0.9rem;text-decoration:none;transition:opacity 0.2s}.tweet-post .tweet-footer .view-on-x:hover{opacity:0.8;text-decoration:none}@media (prefers-color-scheme: dark){.tweet-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.5)}}