:root{--ctp-rosewater:#f5e0dc;--ctp-flamingo:#f2cdcd;--ctp-pink:#f5c2e7;--ctp-mauve:#cba6f7;--ctp-red:#f38ba8;--ctp-maroon:#eba0ac;--ctp-peach:#fab387;--ctp-yellow:#f9e2af;--ctp-green:#a6e3a1;--ctp-teal:#94e2d5;--ctp-sky:#89dceb;--ctp-sapphire:#74c7ec;--ctp-blue:#89b4fa;--ctp-lavender:#b4befe;--ctp-text:#cdd6f4;--ctp-subtext1:#bac2de;--ctp-subtext0:#a6adc8;--ctp-overlay2:#9399b2;--ctp-overlay1:#7f849c;--ctp-overlay0:#6c7086;--ctp-surface2:#585b70;--ctp-surface1:#45475a;--ctp-surface0:#313244;--ctp-base:#1e1e2e;--ctp-mantle:#181825;--ctp-crust:#11111b}*{box-sizing:border-box}body{background-color:var(--ctp-base);color:var(--ctp-text);font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0;padding:0}.container{max-width:800px;margin:0 auto;padding:0 1rem}header{background-color:var(--ctp-mantle);border-bottom:1px solid var(--ctp-surface0);padding:1rem 0;margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.site-title{font-size:1.5rem;font-weight:700;color:var(--ctp-blue);text-decoration:none}.site-title:hover{color:var(--ctp-sapphire)}nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem}nav a{color:var(--ctp-subtext1);text-decoration:none;transition:color .2s ease}nav a:hover{color:var(--ctp-blue)}main{min-height:calc(100vh - 200px)}footer{background-color:var(--ctp-mantle);border-top:1px solid var(--ctp-surface0);color:var(--ctp-subtext0);padding:2rem 0;margin-top:3rem;text-align:center}a{color:var(--ctp-blue);text-decoration:none}a:hover{color:var(--ctp-sapphire);text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--ctp-text);margin-top:2rem;margin-bottom:1rem}h1{color:var(--ctp-blue);font-size:2.5rem}h2{color:var(--ctp-mauve);font-size:2rem}h3{color:var(--ctp-pink);font-size:1.5rem}code{background-color:var(--ctp-surface0);color:var(--ctp-text);padding:.2rem .4rem;border-radius:4px;font-family:fira code,sf mono,Monaco,Inconsolata,roboto mono,monospace}pre{background-color:var(--ctp-crust);border:1px solid var(--ctp-surface0);border-radius:8px;padding:1rem;overflow-x:auto;margin:1rem 0}pre code{background:0 0;padding:0}blockquote{border-left:4px solid var(--ctp-blue);background-color:var(--ctp-surface0);padding:1rem;margin:1rem 0;border-radius:0 8px 8px 0}.post-meta{color:var(--ctp-subtext0);font-size:.9rem;margin-bottom:1rem}.post-list{list-style:none;padding:0}.post-item{background-color:var(--ctp-surface0);border-radius:8px;padding:1.5rem;margin-bottom:1rem;transition:background-color .2s ease}.post-item .thumb{display:block;margin-bottom:.75rem}.post-item .thumb img{width:100%;height:auto;max-width:640px;border-radius:8px;display:block}.post-item--row{display:grid;grid-template-columns:160px 1fr;gap:1rem;align-items:start}.post-item--row .thumb--sm img{max-width:160px;border-radius:6px}.post-item--row .post-item-body{display:flex;flex-direction:column}@media(max-width:600px){.post-item--row{grid-template-columns:1fr}.post-item .thumb{margin-bottom:.5rem}}.yt-lite{position:relative;background-color:#000;cursor:pointer;border-radius:8px;overflow:hidden}.yt-lite::before{content:"";display:block;padding-top:56.25%}.yt-lite-thumb{position:absolute;inset:0;background-size:cover;background-position:50%;filter:brightness(.85)}.yt-lite-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:48px;background:rgba(0,0,0,.6);border:0;border-radius:10px}.yt-lite-play::before{content:"";display:block;margin-left:24px;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff}.post-item:hover{background-color:var(--ctp-surface1)}.post-title{margin-top:0;margin-bottom:.5rem}.post-title a{color:var(--ctp-text);text-decoration:none}.post-title a:hover{color:var(--ctp-blue)}.post-hero img{width:100%;height:auto;border-radius:10px;margin:1rem 0 1.5rem}.micro-post{background-color:var(--ctp-surface0);border-left:4px solid var(--ctp-green);padding:1rem;margin-bottom:1rem;border-radius:0 8px 8px 0}.micro-post .date{color:var(--ctp-subtext0);font-size:.8rem;margin-bottom:.5rem}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem}nav ul{justify-content:center}.container{padding:0 .5rem}}