*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--c-bg: #1a1033;--c-bg-light: #241648;--c-surface: #2a1d52;--c-surface-2: #362468;--c-pink: #ff2d95;--c-pink-light: #ff6db8;--c-cyan: #00e5ff;--c-cyan-light: #66f0ff;--c-yellow: #ffe14d;--c-orange: #ff8a50;--c-purple: #b44dff;--c-green: #44ffaa;--c-text: #f0eef5;--c-text-dim: #c4b8dd;--c-text-muted: #8878a8;--c-border: #3d2d6b;--glow-pink: 0 0 10px #ff2d9560, 0 0 30px #ff2d9530;--glow-cyan: 0 0 10px #00e5ff60, 0 0 30px #00e5ff30;--glow-yellow: 0 0 10px #ffe14d60, 0 0 30px #ffe14d30;--f-display: "Press Start 2P", monospace;--f-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--f-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--fs-xs: .8rem;--fs-sm: .9rem;--fs-base: 1.0625rem;--fs-lg: 1.2rem;--fs-xl: 1.4rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--sp-xs: .25rem;--sp-sm: .5rem;--sp-md: 1rem;--sp-lg: 1.5rem;--sp-xl: 2rem;--sp-2xl: 3rem;--sp-3xl: 4rem;--max-w: 1100px;--content-w: 780px;--radius: 10px;--gradient-hot: linear-gradient(135deg, #ff2d95, #ff8a50, #ffe14d);--gradient-cool: linear-gradient(135deg, #00e5ff, #b44dff, #ff2d95);--gradient-sunset: linear-gradient(180deg, #1a1033 0%, #2a1450 40%, #4a1a5e 70%, #ff2d95 200%)}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--f-body);font-size:var(--fs-base);color:var(--c-text);background:var(--gradient-sunset);background-attachment:fixed;line-height:1.75;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.scanlines{position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(0,0,0,.03) 4px,rgba(0,0,0,.03) 8px);pointer-events:none;z-index:9999}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-lg);position:relative;z-index:1}.header{position:sticky;top:0;z-index:100;background:#1a1033eb;backdrop-filter:blur(16px);border-bottom:1px solid var(--c-border)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-lg) 0}.header-line{height:4px;background:var(--gradient-hot);background-size:200% 100%;animation:gradient-slide 4s linear infinite}@keyframes gradient-slide{0%{background-position:0% 50%}to{background-position:200% 50%}}.logo{display:flex;align-items:center;gap:var(--sp-md);text-decoration:none;color:var(--c-text);font-family:var(--f-display);font-size:.85rem;letter-spacing:.04em;transition:all .3s ease}.logo:hover{color:var(--c-pink);text-shadow:var(--glow-pink)}.logo-icon{font-size:1.1rem;color:var(--c-pink);text-shadow:var(--glow-pink)}.accent{color:var(--c-cyan)}.nav{display:flex;gap:var(--sp-lg)}.nav-link{text-decoration:none;color:var(--c-text-dim);font-family:var(--f-display);font-size:.6rem;letter-spacing:.03em;text-transform:uppercase;padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius);transition:all .3s ease;position:relative;border:1px solid transparent}.nav-link:before{content:"▸";position:absolute;left:4px;opacity:0;color:var(--c-yellow);transition:all .2s ease}.nav-link:hover{color:var(--c-yellow);background:#ffe14d1a;border-color:#ffe14d4d;text-shadow:var(--glow-yellow);padding-left:calc(var(--sp-md) + 10px)}.nav-link:hover:before{opacity:1;left:8px}.main{flex:1;padding:var(--sp-2xl) 0}.hero{text-align:center;padding:var(--sp-3xl) 0;position:relative}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,45,149,.12) 0%,rgba(0,229,255,.06) 40%,transparent 70%);pointer-events:none}.hero-title{font-family:var(--f-display);font-size:1.6rem;color:var(--c-text);margin-bottom:var(--sp-lg);text-transform:uppercase;line-height:2;position:relative;z-index:1}.hero-title .accent{display:block;background:var(--gradient-hot);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,45,149,.4))}.hero-sub{font-size:var(--fs-lg);color:var(--c-text-dim);max-width:550px;margin:0 auto;line-height:1.7;position:relative;z-index:1}.section-title{font-family:var(--f-display);font-size:.75rem;color:var(--c-yellow);margin-bottom:var(--sp-xl);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:var(--sp-md);text-shadow:var(--glow-yellow)}.section-title:before{content:"★"}.section-title:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--c-border),transparent)}.page-header{margin-bottom:var(--sp-2xl);padding-bottom:var(--sp-xl);border-bottom:2px solid var(--c-border)}.page-title{font-family:var(--f-display);font-size:1rem;color:var(--c-text);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sp-md);line-height:2}.page-description{font-size:var(--fs-lg);color:var(--c-text-dim)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--sp-lg);margin-bottom:var(--sp-2xl)}.post-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-xl);transition:all .3s ease;position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-hot);opacity:0;transition:opacity .3s ease}.post-card:hover{border-color:var(--c-pink);box-shadow:0 4px 30px #ff2d9526,0 0 0 1px #ff2d951a;transform:translateY(-3px)}.post-card:hover:before{opacity:1}.post-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-md)}.post-emoji{font-size:var(--fs-2xl)}.post-date{color:var(--c-text-muted);font-size:var(--fs-xs);font-family:var(--f-mono)}.post-title{font-family:var(--f-body);font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--sp-sm);line-height:1.4}.post-title a{text-decoration:none;color:var(--c-text);transition:all .2s ease}.post-title a:hover{color:var(--c-pink)}.post-description{color:var(--c-text-dim);font-size:var(--fs-sm);margin-bottom:var(--sp-md);line-height:1.6}.posts-list{max-width:var(--content-w);margin:0 auto}.post-item{padding:var(--sp-xl) 0;border-bottom:1px solid var(--c-border);transition:all .2s ease}.post-item:hover{padding-left:var(--sp-md);border-color:var(--c-pink)}.post-item:last-child{border-bottom:none}.post-item-header{display:flex;align-items:center;gap:var(--sp-md);margin-bottom:var(--sp-sm)}.post-item-title{font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--sp-xs)}.post-item-title a{text-decoration:none;color:var(--c-text);transition:all .2s ease}.post-item-title a:hover{color:var(--c-pink)}.post-item-description{color:var(--c-text-dim);font-size:var(--fs-sm);margin-bottom:var(--sp-md)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--sp-sm)}.tag{display:inline-block;padding:4px 12px;background:#b44dff26;color:var(--c-purple);text-decoration:none;border:1px solid rgba(180,77,255,.3);border-radius:20px;font-size:var(--fs-xs);font-family:var(--f-mono);transition:all .2s ease}.tag:before{content:"#";opacity:.6;margin-right:2px}.tag:hover{background:#b44dff4d;color:#d9a3ff;border-color:var(--c-purple);box-shadow:0 0 12px #b44dff33}.tag-active{background:#b44dff4d;border-color:var(--c-purple);color:#d9a3ff}.tag-large{padding:8px 18px;font-size:var(--fs-sm)}.tags-cloud{display:flex;flex-wrap:wrap;gap:var(--sp-md);justify-content:center;margin-bottom:var(--sp-2xl)}.post-single{max-width:var(--content-w);margin:0 auto}.post-single-header{margin-bottom:var(--sp-2xl);padding-bottom:var(--sp-xl);border-bottom:2px solid var(--c-border)}.post-single-header .post-meta{display:flex;align-items:center;gap:var(--sp-md);margin-bottom:var(--sp-lg)}.post-single-header .post-title{font-size:var(--fs-3xl);margin-bottom:var(--sp-md);line-height:1.3}.post-single-header .post-description{font-size:var(--fs-lg);margin-bottom:var(--sp-lg)}.post-summary{display:flex;gap:var(--sp-md);align-items:flex-start;background:var(--c-surface);border:1px solid var(--c-border);border-left:4px solid var(--c-cyan);border-radius:var(--radius);padding:var(--sp-lg);margin:var(--sp-xl) 0;color:var(--c-text);font-size:var(--fs-base);line-height:1.7}.post-summary-icon{color:var(--c-cyan);font-size:var(--fs-lg);flex-shrink:0;margin-top:2px}.post-summary p{margin:0}.post-content{line-height:1.85;margin-bottom:var(--sp-2xl);font-size:var(--fs-base);color:var(--c-text)}.post-content h1,.post-content h2,.post-content h3,.post-content h4{font-family:var(--f-body);margin-top:var(--sp-2xl);margin-bottom:var(--sp-md);font-weight:700;line-height:1.4;color:var(--c-text)}.post-content h2{font-size:var(--fs-2xl);padding-bottom:var(--sp-sm);border-bottom:2px solid var(--c-border)}.post-content h3{font-size:var(--fs-xl)}.post-content h4{font-size:var(--fs-lg)}.post-content p{margin-bottom:var(--sp-lg)}.post-content a{color:var(--c-cyan);text-decoration:underline;text-decoration-color:#00e5ff4d;text-underline-offset:3px;transition:all .2s ease}.post-content a:hover{color:var(--c-pink);text-decoration-color:var(--c-pink)}.post-content ul,.post-content ol{margin-bottom:var(--sp-lg);padding-left:var(--sp-xl)}.post-content li{margin-bottom:var(--sp-sm)}.post-content li::marker{color:var(--c-pink)}.post-content blockquote{border-left:4px solid var(--c-pink);padding:var(--sp-md) var(--sp-lg);margin:var(--sp-xl) 0;background:var(--c-surface);color:var(--c-text-dim);font-style:italic;border-radius:0 var(--radius) var(--radius) 0}.post-content code{font-family:var(--f-mono);font-size:.9em;background:var(--c-surface-2);padding:3px 8px;border-radius:5px;color:var(--c-cyan-light);border:1px solid var(--c-border)}.post-content pre{background:var(--c-surface)!important;border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-lg);overflow-x:auto;margin:var(--sp-xl) 0;font-size:var(--fs-sm);line-height:1.6}.post-content pre code{background:none;padding:0;border:none;color:inherit}.post-content img{max-width:100%;height:auto;border-radius:var(--radius);margin:var(--sp-xl) 0;border:2px solid var(--c-border)}.post-content table{width:100%;border-collapse:collapse;margin:var(--sp-xl) 0;font-size:var(--fs-sm)}.post-content th,.post-content td{padding:var(--sp-md);text-align:left;border:1px solid var(--c-border)}.post-content th{background:var(--c-surface-2);color:var(--c-cyan);font-family:var(--f-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em}.post-content strong{color:var(--c-text);font-weight:700}.post-content em{color:var(--c-text-dim)}.post-content hr{border:none;height:2px;background:var(--gradient-hot);margin:var(--sp-2xl) 0;border-radius:2px}.post-cover{margin-bottom:var(--sp-2xl)}.post-cover img{width:100%;height:auto;border-radius:var(--radius);border:2px solid var(--c-border)}.post-nav{display:flex;justify-content:space-between;gap:var(--sp-lg);padding-top:var(--sp-xl);border-top:2px solid var(--c-border);margin-top:var(--sp-2xl)}.post-nav a{text-decoration:none;color:var(--c-text-dim);font-size:var(--fs-sm);padding:var(--sp-md) var(--sp-lg);border:1px solid var(--c-border);border-radius:var(--radius);transition:all .2s ease;max-width:45%}.post-nav a:hover{color:var(--c-pink);border-color:var(--c-pink);background:#ff2d9514;box-shadow:var(--glow-pink)}.post-nav .label{display:block;font-size:var(--fs-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-xs);font-family:var(--f-display);font-size:.55rem}.post-nav-next{margin-left:auto;text-align:right}.btn{display:inline-flex;align-items:center;gap:var(--sp-sm);padding:12px 24px;text-decoration:none;border:2px solid var(--c-pink);border-radius:var(--radius);color:var(--c-pink);font-family:var(--f-display);font-size:.6rem;text-transform:uppercase;transition:all .3s ease;cursor:pointer;background:transparent}.btn:hover{background:var(--c-pink);color:#fff;box-shadow:var(--glow-pink);transform:translateY(-2px)}.back-link{color:var(--c-cyan);text-decoration:none;font-size:var(--fs-sm);transition:all .2s ease}.back-link:hover{color:var(--c-pink)}.view-more{text-align:center;margin-top:var(--sp-2xl)}.empty-state{text-align:center;padding:var(--sp-3xl);color:var(--c-text-muted)}.footer{margin-top:auto;background:#1a1033f2;border-top:1px solid var(--c-border)}.footer-content{text-align:center;padding:var(--sp-xl) 0;color:var(--c-text-muted);font-size:.55rem;font-family:var(--f-display);letter-spacing:.06em;text-transform:uppercase}@media(max-width:768px){.container{padding:0 var(--sp-md)}.header-content{flex-direction:column;gap:var(--sp-md);text-align:center}.nav{gap:var(--sp-sm);flex-wrap:wrap;justify-content:center}.hero-title{font-size:1.1rem}.posts-grid{grid-template-columns:1fr}.post-nav{flex-direction:column}.post-nav a{max-width:100%}.post-nav-next{text-align:left}.page-title{font-size:.85rem}}::selection{background:var(--c-pink);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--c-pink)}.pagefind-ui{--pagefind-ui-primary: var(--c-pink);--pagefind-ui-text: var(--c-text);--pagefind-ui-background: var(--c-surface);--pagefind-ui-border: var(--c-border);--pagefind-ui-tag: var(--c-surface-2);--pagefind-ui-border-width: 1px;--pagefind-ui-border-radius: var(--radius);--pagefind-ui-font: var(--f-body)}.pagefind-ui .pagefind-ui__search-input{background:var(--c-surface-2)!important;color:var(--c-text)!important;border:2px solid var(--c-border)!important;font-family:var(--f-body)!important;font-size:var(--fs-base)!important;border-radius:var(--radius)!important}.pagefind-ui .pagefind-ui__search-input:focus{border-color:var(--c-pink)!important;box-shadow:var(--glow-pink)!important;outline:none!important}.pagefind-ui .pagefind-ui__result-link{color:var(--c-cyan)!important;font-weight:600!important;font-size:var(--fs-base)!important}.pagefind-ui .pagefind-ui__result-link:hover{color:var(--c-pink)!important}.pagefind-ui .pagefind-ui__result-excerpt{color:var(--c-text-dim)!important;font-size:var(--fs-sm)!important}.pagefind-ui .pagefind-ui__message{color:var(--c-text-muted)!important}.pagefind-ui .pagefind-ui__button{background:transparent!important;color:var(--c-pink)!important;border:2px solid var(--c-pink)!important;border-radius:var(--radius)!important;font-family:var(--f-display)!important;font-size:.55rem!important}.pagefind-ui .pagefind-ui__button:hover{background:var(--c-pink)!important;color:#fff!important;box-shadow:var(--glow-pink)!important}.coin-launch,.coin-drop{position:fixed;pointer-events:none;z-index:99999;width:40px;height:40px;will-change:transform,opacity}.coin-launch:before,.coin-drop:before{content:"";display:block;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fffde0,#ffe44d 30%,gold 50%,#daa520 75%,#b8860b);box-shadow:0 0 14px #ffd70090,0 0 28px #ffd70050,inset 0 -4px 8px #0000004d,inset 0 2px 4px #fff6;animation:coin-spin .2s linear infinite}.coin-launch{animation:coin-up .5s cubic-bezier(.2,.9,.3,1) forwards}@keyframes coin-up{0%{opacity:1;transform:translate(-20px) scale(.3)}30%{opacity:1;transform:translate(-20px,-80px) scale(1.1)}to{opacity:1;transform:translate(-20px,-2000px) scale(.8)}}.coin-drop{top:-40px;animation:coin-down 1.2s cubic-bezier(.4,0,.7,.2) forwards}@keyframes coin-down{0%{opacity:1;transform:translateY(0) scale(.8)}60%{opacity:1;transform:translateY(105vh) scale(1)}75%{opacity:1;transform:translateY(95vh) scale(1)}85%{opacity:1;transform:translateY(102vh) scale(.9)}to{opacity:0;transform:translateY(110vh) scale(.6)}}@keyframes coin-spin{0%{transform:scaleX(1)}50%{transform:scaleX(.1)}to{transform:scaleX(1)}}.coin-counter{position:fixed;top:80px;right:20px;z-index:9998;display:flex;align-items:center;gap:8px;background:#1a1033d9;backdrop-filter:blur(8px);border:1px solid var(--c-border);border-radius:20px;padding:6px 14px 6px 8px;box-shadow:0 2px 12px #0000004d}.coin-counter-icon{display:block;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fffde0,#ffe44d 30%,gold 50%,#daa520 75%,#b8860b);box-shadow:0 0 8px #ffd70060,inset 0 -2px 4px #0000004d,inset 0 1px 2px #fff6;animation:coin-spin 1.5s linear infinite;flex-shrink:0}.coin-counter-label{font-family:var(--f-display);font-size:.65rem;color:var(--c-yellow);text-shadow:0 0 8px rgba(255,225,77,.4);white-space:nowrap}.coin-counter-bump{animation:counter-bump .3s ease-out}@keyframes counter-bump{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}@media(max-width:768px){.coin-counter{top:auto;bottom:16px;right:16px}}
