@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--base03: #002b36;--base02: #073642;--base01: #586e75;--base00: #657b83;--base0: #839496;--base1: #93a1a1;--base2: #eee8d5;--base3: #fdf6e3;--warm_gray: #272E33;--warm_white: #D3C6AA;--yellow: #b58900;--orange: #cb4b16;--red: #dc322f;--magenta: #d33682;--violet: #6c71c4;--blue: #268bd2;--cyan: #2aa198;--green: #859900;--pastel_red: #E67E80;--pastel_cyan: #7FBBB3;--pastel_green: #329D75;--header-font: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--body-font: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono-font: 'JetBrains Mono', 'Monaco', 'Cascadia Code', monospace}:root,[data-theme="light"]{--bg-color: var(--base3);--bg-secondary: var(--base2);--text-color: var(--base00);--text-secondary: var(--base01);--text-tertiary: var(--base1);--accent-color: var(--blue);--accent-hover: var(--cyan);--subtle-border: var(--base2);--code-bg: var(--base2);--shadow: rgba(0, 43, 54, 0.1);--header-link-color: var(--pastel_red);--nav-link-color: var(--cyan)}[data-theme="dark"]{--bg-color: var(--warm_gray);--bg-secondary: var(--base02);--text-color: var(--warm_white);--text-secondary: var(--base1);--text-tertiary: var(--base01);--accent-color: var(--blue);--accent-hover: var(--cyan);--subtle-border: var(--base02);--code-bg: var(--base02);--shadow: rgba(0, 0, 0, 0.3);--header-link-color: var(--pastel_red);--nav-link-color: var(--pastel_green)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg-color: var(--base03);--bg-secondary: var(--base02);--text-color: var(--base0);--text-secondary: var(--base1);--text-tertiary: var(--base01);--accent-color: var(--blue);--accent-hover: var(--cyan);--subtle-border: var(--base02);--code-bg: var(--base02);--shadow: rgba(0, 0, 0, 0.3)}}*{box-sizing:border-box;transition:background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--body-font);font-size:18px;font-weight:400;max-width:800px;margin:40px auto;padding:0 20px;line-height:1.7;transition:background-color 0.3s ease, color 0.3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--header-font);font-weight:600;color:var(--text-color);line-height:1.2;margin-top:2rem;margin-bottom:1rem}h1{font-size:2.5rem;font-weight:700;margin-top:0}h2{font-size:2rem}h3{font-size:1.5rem}a{color:var(--accent-color);text-decoration:none;transition:color 0.2s ease}a:hover{color:var(--accent-hover)}header{border-bottom:1px solid var(--subtle-border);padding-bottom:2rem;margin-bottom:3rem;position:relative}header h1{margin-bottom:0.5rem}header h1 a{color:var(--header-link-color);text-decoration:none}header p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem}nav{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;position:relative}nav a{color:var(--nav-link-color);font-weight:500;font-size:1rem;transition:color 0.2s ease}nav a:hover{color:var(--pastel_red)}.theme-toggle{background:none;border:2px solid var(--subtle-border);border-radius:50px;padding:0.5rem;cursor:pointer;transition:all 0.2s ease;width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-left:auto;color:var(--text-secondary)}.theme-toggle:hover{border-color:var(--accent-color);color:var(--accent-color);transform:scale(1.05)}.theme-toggle:focus{outline:2px solid var(--accent-color);outline-offset:2px}.theme-toggle-icon{font-size:1.2rem;transition:transform 0.3s ease}[data-theme="dark"] .theme-toggle-icon{transform:rotate(180deg)}code{font-family:var(--mono-font);font-size:0.9em;background-color:var(--code-bg);padding:0.2em 0.4em;border-radius:4px;color:var(--text-color)}pre{background-color:var(--code-bg);padding:1.5rem;border-radius:8px;overflow-x:auto;border:1px solid var(--subtle-border);margin:1.5rem 0}pre code{background:none;padding:0}.post{max-width:100%}.post h1{font-size:3rem;font-weight:700;margin-bottom:0.5rem;line-height:1.1}.post-meta{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;font-style:italic}.post-content{font-size:1.1rem;line-height:1.7}.post-content>*+*{margin-top:1.5rem}.post-content p+p{margin-top:1.5rem}.post-list{list-style:none;padding:0;margin:2rem 0;display:grid;gap:1.5rem}.post-card{background-color:var(--bg-secondary);border:1px solid var(--subtle-border);border-radius:12px;padding:2rem;transition:all 0.2s ease;cursor:pointer;text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}.post-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow);border-color:var(--accent-color)}.post-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.post-card-date{color:var(--text-tertiary);font-size:0.9rem;font-weight:500;white-space:nowrap;margin-left:1rem}.post-card h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-color);line-height:1.3;flex:1}.post-card-excerpt{color:var(--text-secondary);margin:1rem 0 1.5rem 0;font-size:1rem;line-height:1.6}.post-card-footer{display:flex;justify-content:space-between;align-items:center}.post-card-meta{color:var(--text-tertiary);font-size:0.85rem;font-style:italic}.read-more{color:var(--accent-color);font-weight:500;font-size:0.9rem;padding:0.5rem 1rem;background-color:transparent;border:1px solid var(--accent-color);border-radius:20px;transition:all 0.2s ease;cursor:pointer;text-decoration:none}.read-more:hover{background-color:var(--accent-color);color:var(--bg-color);transform:translateX(2px)}.post-card.external-link .post-card h3::after{content:" ↗";color:var(--accent-color);font-size:0.8em}ul:not(.post-list),ol{padding-left:2rem;margin:1.5rem 0}li:not(.post-list li){margin-bottom:0.5rem}ul:not(.post-list) li{margin-bottom:2rem;border-bottom:1px solid var(--subtle-border);padding-bottom:1.5rem}ul:not(.post-list) li:last-child{border-bottom:none;margin-bottom:0}ul:not(.post-list) li h3{margin:0 0 0.5rem 0;font-size:1.3rem}ul:not(.post-list) li p{margin:0.5rem 0;color:var(--text-secondary)}ul:not(.post-list) li p em{color:var(--text-tertiary);font-size:0.9rem}blockquote{border-left:4px solid var(--accent-color);margin:2rem 0;padding:1rem 2rem;background-color:var(--bg-secondary);border-radius:0 8px 8px 0;font-style:italic}blockquote p:last-child{margin-bottom:0}img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px var(--shadow);margin:1.5rem 0}footer{border-top:1px solid var(--subtle-border);padding-top:2rem;margin-top:4rem;text-align:center}footer p{color:var(--text-secondary);font-size:0.9rem;margin:0}table{width:100%;border-collapse:collapse;margin:1.5rem 0}th,td{border:1px solid var(--subtle-border);padding:0.75rem;text-align:left}th{background-color:var(--bg-secondary);font-weight:600}.post-tags{margin-top:2rem;display:flex;flex-wrap:wrap;gap:0.5rem}.tag{background-color:var(--bg-secondary);color:var(--text-secondary);padding:0.25rem 0.75rem;border-radius:20px;font-size:0.85rem;font-weight:500}.post-navigation{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--subtle-border);display:flex;justify-content:space-between;gap:2rem}.post-navigation a{flex:1;padding:1rem;background-color:var(--bg-secondary);border-radius:8px;transition:all 0.2s ease}.post-navigation a:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.post-navigation .next-post{text-align:right}@media (max-width: 768px){body{margin:20px auto;padding:0 15px;font-size:16px}nav{flex-direction:column;align-items:flex-start;gap:1rem}.theme-toggle{position:absolute;top:0;right:0;margin-left:0}h1{font-size:2rem}.post h1{font-size:2.5rem}ul:not(.post-list){padding-left:1.5rem}.post-card{padding:1.5rem}.post-card-header{flex-direction:column;align-items:flex-start}.post-card-date{margin-left:0;margin-top:0.5rem}.post-card h3{font-size:1.3rem}.post-navigation{flex-direction:column}}@media (max-width: 480px){body{padding:0 10px}h1{font-size:1.8rem}.post h1{font-size:2rem}nav{gap:0.75rem}}