*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#24242f;--bg-secondary:#2d2d3d;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#9ca3af;--accent:#fbbf24;--accent-hover:#f59e0b;--border:#3d3d4d;--code-bg:#32323f}html{font-size:18px;line-height:1.6}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);padding:2rem 0;position:relative}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;opacity:.15;z-index:-1;background-image:repeating-linear-gradient(0,transparent,transparent 2px,rgba(255,255,255,5%) 2px,rgba(255,255,255,5%) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,5%) 2px,rgba(255,255,255,5%) 4px);pointer-events:none}h1,h2,h3,h4,h5,h6{font-family:ui-rounded,sf pro rounded,-apple-system-headline,system-ui,segoe ui,Roboto,sans-serif;font-weight:700;letter-spacing:-.02em}.container{max-width:750px;margin:0 auto;padding:0 1.5rem}body>header{max-width:1200px;margin:0 auto 4rem;padding:0 1.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--accent) 0%,var(--border) 50%,transparent 100%)1}.site-branding{display:flex;align-items:center;gap:1rem}.profile-link{display:block;line-height:0;text-decoration:none;background-image:none!important}.profile-photo{width:100px;height:100px;cursor:pointer;border-radius:22%;transition:transform .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,6%)}.site-title{font-size:1.25rem;font-weight:600}.site-title a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.site-title a:hover{color:var(--accent)}.site-branding:hover .site-title a{color:var(--accent)}nav{display:flex;align-items:center;gap:2rem}nav a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .3s ease,transform .2s ease;white-space:nowrap;display:inline-block}nav a:hover{color:var(--accent);transform:translateY(-1px)}main{margin-bottom:4rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;line-height:1.3}h1{font-size:2rem;margin-top:0}h2{font-size:1.5rem;padding-bottom:.5rem;border-bottom:3px solid var(--accent);display:inline-block}h3{font-size:1.25rem}p{margin-bottom:1.5rem}a{color:var(--accent);text-decoration:none;transition:color .2s ease;background-image:linear-gradient(to right,var(--accent) 0%,var(--accent) 100%);background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s ease,color .2s ease;word-wrap:break-word;overflow-wrap:break-word}a:hover{color:var(--accent-hover);background-size:100% 2px}.post-item-title a,.post-card-title a,nav a,.site-title a,.read-more,.pagination-prev,.pagination-next{background-image:none}.post-content a[href^=http]:not([href*="alee.cc"]):hover::after,.post-summary a[href^=http]:not([href*="alee.cc"]):hover::after{color:var(--accent);transform:translate(2px,-2px)}.post-list{padding:0;margin:0}.post-card{margin-bottom:4rem;padding:2rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(45,45,61,.8) 100%);border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,6%)}.post-card-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.post-card-title{font-size:1.75rem;margin:0 0 .75rem;font-weight:700;letter-spacing:-.03em;line-height:1.2}.post-card-title a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.post-card-title a:hover{color:var(--accent)}.post-card-header .post-meta{display:block!important}.post-card-header .post-meta>*{display:block!important;margin-bottom:.5rem}.post-card-header .post-meta .meta-separator{display:none}.post-card-header .post-tags{display:flex;gap:.5rem;flex-wrap:wrap}.post-card-content{color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word}.post-card-content>*:first-child{margin-top:0}.post-card-content img{max-width:100%;height:auto;display:block}.post-meta{color:var(--text-muted);font-size:.85rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.meta-separator{color:var(--border)}.reading-time{color:var(--text-muted)}.post-tags{display:inline-flex;gap:.5rem;flex-wrap:wrap}.tag{display:inline-block;padding:.25em .75em;background:rgba(251,191,36,.1);color:var(--accent);border-radius:12px;font-size:.85rem;font-weight:500;border:1px solid rgba(251,191,36,.2);transition:background .2s ease,border-color .2s ease}.tag:hover{background:rgba(251,191,36,.15);border-color:rgba(251,191,36,.3)}.post-header{margin-bottom:2rem;padding:0;display:block}.post-title{margin-bottom:.5rem;display:block}.post-header .post-meta{display:block}.post-header .post-meta>*{display:block;margin-bottom:.5rem}.post-header .post-meta .meta-separator{display:none}.post-header .post-tags{display:flex;gap:.5rem;flex-wrap:wrap}.post-date{color:var(--text-muted);font-size:.9rem;margin-bottom:0;display:block}.post-content{color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word}.post-content>*:first-child{margin-top:0}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:0;padding-left:0;margin-left:0}.post-content>p{padding-left:0;margin-left:0}.post-content img,.post-summary img{max-width:100%;height:auto;display:block}code{font-family:sf mono,Monaco,cascadia code,roboto mono,Consolas,courier new,monospace;font-size:.88em;background-color:var(--code-bg);color:#e8e8e8;padding:.25em .5em;border-radius:4px;border:1px solid var(--border)}pre{background-color:var(--code-bg);padding:1.25rem;border-radius:6px;overflow-x:auto;margin-bottom:1.5rem;border:1px solid var(--border);line-height:1.6}pre code{background-color:transparent;border:none;padding:0;font-size:.9rem;line-height:1.6;color:inherit}blockquote{border-left:4px solid var(--accent);padding-left:1.25rem;padding:1rem 1.25rem;margin:1.5rem 0;color:var(--text-secondary);font-style:italic;background:linear-gradient(90deg,rgba(251,191,36,.1) 0%,transparent 100%);border-radius:0 4px 4px 0}ul,ol{margin-bottom:1.5rem;padding-left:2rem}li{margin-bottom:.5rem}hr{border:none;height:3px;background:linear-gradient(90deg,transparent 0%,var(--accent) 50%,transparent 100%);margin:3rem 0;opacity:.5}.post-content hr{position:relative;height:2px;background:var(--border);margin:2.5rem 0}.post-content hr::after{content:'◆';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-primary);color:var(--accent);padding:0 1rem;font-size:.8rem}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.pagination-prev,.pagination-next{color:var(--accent);text-decoration:none;transition:color .3s ease,transform .2s ease;display:inline-block}.pagination-prev:hover,.pagination-next:hover{color:var(--accent-hover)}.pagination-prev:hover{transform:translateX(-3px)}.pagination-next:hover{transform:translateX(3px)}.pagination-info{color:var(--text-muted);font-size:.9rem}footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem;text-align:center}@media(max-width:768px){html{font-size:16px}body{padding:1.5rem 0}.container{padding:0 1rem}header{margin-bottom:3rem;flex-direction:column;align-items:flex-start;gap:1rem;padding:0 1rem 1.5rem}.profile-photo{width:100px;height:100px}.site-title{font-size:1.15rem}nav{gap:1.25rem}nav a{font-size:.9rem}.post-card{margin-bottom:3rem;padding:1.5rem}.post-card-title{font-size:1.5rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}