*{box-sizing:border-box;margin:0;padding:0}:root{--width: 850px;--width-narrow: 700px;--font-main: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--color-dark: #2d3a2d;--color-brown: #5d4037;--color-green: #4c663c;--color-bg: #f5f5f0;--color-bg-glass: rgba(245, 245, 240, .25);--color-bg-glass-hover: rgba(245, 245, 240, .35);--color-accent-bg: rgba(232, 245, 233, .4);--color-text: #2d3a2d;--color-text-muted: #5d4037;--color-border: #2d3a2d;--color-shadow: #5d4037;--shadow-brutal: 5px 5px 0 var(--color-shadow);--shadow-brutal-lg: 10px 10px 0 var(--color-shadow);--shadow-brutal-hover: 7px 7px 0 var(--color-shadow);--border-width: 4px;--border-width-thick: 5px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--header-bg: rgba(245, 245, 240, .85);--header-border: #2d3a2d;--header-shadow: #5d4037;--btn-bg: rgba(245, 245, 240, .5);--btn-bg-hover: #2d3a2d;--btn-text: #2d3a2d;--btn-text-hover: #f5f5f0}@media (prefers-color-scheme: dark){:root{--color-dark: #e8e6e1;--color-brown: #a3d9a5;--color-green: #7bc47f;--color-bg: #1a1f1a;--color-bg-glass: rgba(35, 45, 35, .4);--color-bg-glass-hover: rgba(45, 58, 45, .5);--color-accent-bg: rgba(76, 102, 60, .3);--color-text: #e8e6e1;--color-text-muted: #a3d9a5;--color-border: #b8a692;--color-shadow: #5d4d3d;--header-bg: rgba(26, 31, 26, .9);--header-border: #b8a692;--header-shadow: #5d4d3d;--btn-bg: rgba(45, 58, 45, .5);--btn-bg-hover: #4c663c;--btn-text: #e8e6e1;--btn-text-hover: #1a1f1a}}.bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 25% 15%,rgba(76,102,60,.4) 0%,transparent 35%),radial-gradient(circle at 75% 75%,rgba(93,64,55,.35) 0%,transparent 40%),radial-gradient(circle at 85% 25%,rgba(85,107,47,.3) 0%,transparent 30%),radial-gradient(circle at 15% 70%,rgba(139,119,101,.3) 0%,transparent 35%),radial-gradient(circle at 50% 50%,rgba(107,142,35,.15) 0%,transparent 50%),var(--color-bg)}@media (prefers-color-scheme: dark){.bg{background:radial-gradient(circle at 25% 15%,rgba(76,102,60,.5) 0%,transparent 35%),radial-gradient(circle at 75% 75%,rgba(45,58,45,.4) 0%,transparent 40%),radial-gradient(circle at 85% 25%,rgba(85,107,47,.35) 0%,transparent 30%),radial-gradient(circle at 15% 70%,rgba(76,102,60,.35) 0%,transparent 35%),radial-gradient(circle at 50% 50%,rgba(107,142,35,.2) 0%,transparent 50%),var(--color-bg)}}body{font-family:var(--font-main);font-size:1rem;line-height:1.5;color:var(--color-text);min-height:100vh;padding-top:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);font-weight:900;color:var(--color-dark);line-height:1.2}h1{font-size:2.25rem;margin-bottom:1.5rem}h2{font-size:1.5rem;margin-bottom:1rem}h3{font-size:1.25rem;margin-bottom:.75rem}a{color:var(--color-green);text-decoration:none;font-weight:600;cursor:pointer}a:hover{color:var(--color-brown);text-decoration:underline}strong,b{color:var(--color-dark);font-weight:800}code{font-family:var(--font-mono);font-size:.9rem;padding:2px 6px;background:var(--color-accent-bg);border:2px solid var(--color-border);border-radius:4px;color:var(--color-text)}pre{background:var(--color-accent-bg);border:3px solid var(--color-border);border-radius:var(--radius-sm);padding:1rem;overflow-x:auto;margin:1rem 0}pre code{background:none;border:none;padding:0}blockquote{border-left:4px solid var(--color-green);padding-left:1rem;margin:1rem 0;color:var(--color-text-muted);font-style:italic}hr{border:none;border-top:3px dashed var(--color-border);margin:1.5rem 0;opacity:.5}img,picture{max-width:100%;display:block;object-fit:contain}.container{max-width:var(--width);margin:0 auto;padding:2rem}.container-narrow{max-width:var(--width-narrow)}.brutal-glass{background:var(--color-bg-glass);backdrop-filter:blur(25px) saturate(1.4);-webkit-backdrop-filter:blur(25px) saturate(1.4);border:var(--border-width-thick) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-brutal-lg),inset 0 0 0 1px #fff3;padding:2.5rem;margin-bottom:1.5rem;transition:all .2s}.brutal-glass:hover{transform:translate(-3px,-3px);box-shadow:13px 13px 0 var(--color-shadow),inset 0 0 0 1px #ffffff4d;background:var(--color-bg-glass-hover)}.brutal-glass.no-hover:hover{transform:none;box-shadow:var(--shadow-brutal-lg),inset 0 0 0 1px #fff3;background:var(--color-bg-glass)}.card{background:var(--color-bg-glass);backdrop-filter:blur(20px);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-brutal),inset 0 0 0 1px #ffffff26;transition:all .2s}.card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal-hover),inset 0 0 0 1px #ffffff40;background:var(--color-bg-glass-hover)}.card-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:1rem}.tag{display:inline-block;background:var(--color-dark);color:var(--color-bg);padding:3px 12px;border-radius:6px;font-size:.75rem;font-weight:700}.date-badge{font-size:.8rem;font-weight:700;color:var(--color-text-muted);background:var(--color-accent-bg);padding:4px 10px;border-radius:6px;border:2px solid var(--color-border)}.btn{display:inline-block;background:var(--btn-bg);backdrop-filter:blur(10px);color:var(--btn-text);padding:.6rem 1.1rem;text-decoration:none;font-weight:800;font-size:.9rem;border:3px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:4px 4px 0 var(--color-shadow);transition:all .15s;cursor:pointer}.btn:hover{background:var(--btn-bg-hover);color:var(--btn-text-hover);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-shadow);text-decoration:none}.callout{background:var(--color-accent-bg);backdrop-filter:blur(15px);border:var(--border-width) solid var(--color-green);border-radius:12px;padding:1.25rem;margin:1.5rem 0;box-shadow:4px 4px 0 var(--color-shadow)}.callout-title{font-weight:800;color:var(--color-green);margin-bottom:.5rem}.post{background:var(--color-bg-glass);backdrop-filter:blur(20px);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-brutal),inset 0 0 0 1px #ffffff26;transition:all .2s;margin-bottom:1rem}.post:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal-hover),inset 0 0 0 1px #ffffff40;background:var(--color-bg-glass-hover)}.posts{display:grid;grid-template-columns:1fr;gap:1rem}.post-date{display:inline-block;font-size:.8rem;font-weight:700;color:var(--color-text-muted);background:var(--color-accent-bg);padding:4px 10px;border-radius:6px;border:2px solid var(--color-border)}.post-title{font-size:1.2rem;font-weight:800;margin:.75rem 0 .5rem}.post-title a{color:var(--color-dark);text-decoration:none}.post-title a:hover{color:var(--color-brown);text-decoration:none}.post-excerpt{font-size:.9rem;color:var(--color-text-muted)}.post-content{font-size:1.05rem;line-height:1.6;color:var(--color-text)}.post-content a{color:var(--color-green);font-weight:600;word-break:break-all}.post-content a:hover{color:var(--color-brown)}.article-content{font-size:1.05rem;line-height:1.8;color:var(--color-text)}.article-content p{margin-bottom:1.25rem}.article-content h2{font-size:1.5rem;margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:4px solid var(--color-text-muted)}.article-content ul,.article-content ol{margin:1rem 0 1.5rem 1.5rem}.article-content li{margin-bottom:.5rem}.book-card{background:var(--color-bg-glass);backdrop-filter:blur(20px);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-brutal),inset 0 0 0 1px #ffffff26;transition:all .2s}.book-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal-hover);background:var(--color-bg-glass-hover)}.book-card.current{background:var(--color-accent-bg);border-color:var(--color-green)}.book-title{font-size:1.1rem;font-weight:800;color:var(--color-dark);margin-bottom:.25rem}.book-author{font-size:.9rem;color:var(--color-text-muted);margin-bottom:.5rem}.book-rating{font-size:1rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.year-header{font-size:1.25rem;font-weight:800;color:var(--color-text-muted);margin:1.5rem 0 1rem;display:flex;align-items:center;gap:1rem}.year-header span{background:var(--color-accent-bg);backdrop-filter:blur(10px);padding:4px 12px;border-radius:20px;font-size:.85rem;border:2px solid var(--color-border)}.page-title{font-size:2.25rem;font-weight:900;color:var(--color-dark);margin-bottom:1.5rem}.intro{font-size:1rem;color:var(--color-text-muted);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:3px dashed var(--color-text-muted)}.intro a{color:var(--color-dark);font-weight:700}.highlight{display:inline-block;padding:2px 12px;background:var(--color-accent-bg);border:2px solid var(--color-border);border-radius:6px;font-weight:700;white-space:nowrap}.rating-note{font-size:.9rem;color:var(--color-text-muted);margin-bottom:1rem;padding:1rem;background:var(--color-bg-glass);border-radius:10px;border:2px solid var(--color-text-muted)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.game-list{list-style:none;padding:0;margin:0}.game-item{display:flex;flex-direction:column;gap:4px;background:var(--color-bg-glass);backdrop-filter:blur(20px);padding:12px 16px;border:3px solid var(--color-border);border-radius:12px;margin-bottom:12px;box-shadow:3px 3px 0 var(--color-shadow)}.game-item.W{border-left:6px solid #4caf50}.game-item.L{border-left:6px solid #f44336}.game-header{display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:700}.game-opponent{opacity:.9}.game-score{font-weight:700}.game-subdetails{display:flex;justify-content:space-between;font-size:.85rem;opacity:.7}.hero{display:flex;align-items:center;gap:2rem}.hero-avatar{width:140px;height:140px;border:var(--border-width-thick) solid var(--color-border);border-radius:16px;box-shadow:6px 6px 0 var(--color-shadow);flex-shrink:0}.hero-text h1{font-size:2.75rem;font-weight:900;color:var(--color-dark);line-height:1.1;margin-bottom:1rem}.now-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:4px dashed rgba(45,58,45,.3)}.now-category h3{font-size:.85rem;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.now-items{display:flex;flex-direction:column;gap:.5rem}.now-item{background:var(--color-accent-bg);backdrop-filter:blur(10px);border:3px solid var(--color-border);border-radius:10px;padding:.6rem 1rem;font-weight:700;font-size:.95rem;box-shadow:3px 3px 0 var(--color-shadow);transition:all .15s;display:flex;align-items:center;gap:.5rem}.now-item:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-shadow);background:rgba(232,245,233,.6)}.now-item .artist,.now-item .book-title{color:var(--color-dark)}.now-item .book-author{font-weight:500;color:var(--color-text-muted);font-size:.85rem}.now-item-inner{display:flex;flex-direction:column;gap:.1rem}.section-title{font-size:1.5rem;font-weight:900;color:var(--color-dark);margin:2rem 0 1rem;border-bottom:4px solid var(--color-border);padding-bottom:.5rem}.section-title:first-of-type{margin-top:0}.code-hint{background:rgba(45,58,45,.1);border:3px solid var(--color-border);border-radius:var(--radius-sm);padding:1rem;margin:1rem 0;font-family:var(--font-mono);font-size:.9rem;color:var(--color-text)}.post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}footer{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;padding:2rem 1rem}footer a{background:var(--btn-bg);backdrop-filter:blur(15px);color:var(--btn-text);padding:.75rem 1.25rem;text-decoration:none;font-weight:700;border:3px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:3px 3px 0 var(--color-shadow);transition:all .15s}footer a:hover{background:var(--btn-bg-hover);color:var(--btn-text-hover);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-shadow);text-decoration:none}@media (max-width: 768px){.container{padding:1.5rem 1rem}.brutal-glass{padding:1.5rem}h1,.page-title{font-size:1.75rem}.book-grid,.now-section{grid-template-columns:1fr}}@media (max-width: 600px){h1,.page-title{font-size:1.5rem}.hero{flex-direction:column;text-align:center}.hero-text h1{font-size:2rem}}.site-header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:5px solid var(--header-border);box-shadow:0 5px 0 var(--header-shadow)}.header-inner[data-astro-cid-3ef6ksr2]{max-width:1000px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.site-brand[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--color-dark)}.site-brand[data-astro-cid-3ef6ksr2]:hover .brand-avatar[data-astro-cid-3ef6ksr2]{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-shadow)}.brand-avatar[data-astro-cid-3ef6ksr2]{width:50px;height:50px;border:4px solid var(--color-border);border-radius:10px;box-shadow:3px 3px 0 var(--color-shadow);transition:all .15s}.brand-text[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column}.brand-name[data-astro-cid-3ef6ksr2]{font-size:1.4rem;font-weight:900;line-height:1.1}.brand-tagline[data-astro-cid-3ef6ksr2]{font-size:.8rem;color:var(--color-text-muted);font-weight:600}.site-nav[data-astro-cid-3ef6ksr2]{display:flex;gap:.5rem;flex-wrap:wrap}.site-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{background:var(--btn-bg);backdrop-filter:blur(10px);color:var(--btn-text);padding:.6rem 1.1rem;text-decoration:none;font-weight:800;font-size:.9rem;border:3px solid var(--color-border);border-radius:8px;box-shadow:4px 4px 0 var(--color-shadow);transition:all .15s}.site-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover,.site-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{background:var(--btn-bg-hover);color:var(--btn-text-hover);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-shadow)}.menu-toggle[data-astro-cid-3ef6ksr2]{display:none;background:var(--btn-bg);border:3px solid var(--color-border);border-radius:8px;padding:.5rem .75rem;cursor:pointer;box-shadow:3px 3px 0 var(--color-shadow)}.menu-toggle[data-astro-cid-3ef6ksr2]:hover{background:var(--btn-bg-hover);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-shadow)}.menu-toggle[data-astro-cid-3ef6ksr2]:hover .hamburger[data-astro-cid-3ef6ksr2],.menu-toggle[data-astro-cid-3ef6ksr2]:hover .hamburger[data-astro-cid-3ef6ksr2]:before,.menu-toggle[data-astro-cid-3ef6ksr2]:hover .hamburger[data-astro-cid-3ef6ksr2]:after{background:var(--btn-text-hover)}.hamburger[data-astro-cid-3ef6ksr2]{display:block;width:22px;height:3px;background:var(--btn-text);border-radius:2px;position:relative}.hamburger[data-astro-cid-3ef6ksr2]:before,.hamburger[data-astro-cid-3ef6ksr2]:after{content:"";position:absolute;width:22px;height:3px;background:var(--btn-text);border-radius:2px}.hamburger[data-astro-cid-3ef6ksr2]:before{top:-7px}.hamburger[data-astro-cid-3ef6ksr2]:after{top:7px}.mobile-nav[data-astro-cid-3ef6ksr2]{display:none;position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--header-bg);backdrop-filter:blur(25px);border-left:5px solid var(--header-border);box-shadow:-10px 0 0 var(--header-shadow);padding:2rem;transition:right .3s ease;z-index:200}.mobile-nav[data-astro-cid-3ef6ksr2].open{right:0}.mobile-nav-close[data-astro-cid-3ef6ksr2]{position:absolute;top:1rem;right:1rem;background:none;border:3px solid var(--color-border);border-radius:6px;width:40px;height:40px;cursor:pointer;font-size:1.5rem;font-weight:900;color:var(--color-dark);box-shadow:3px 3px 0 var(--color-shadow)}.mobile-nav-close[data-astro-cid-3ef6ksr2]:hover{background:var(--btn-bg-hover);color:var(--btn-text-hover)}.mobile-nav-links[data-astro-cid-3ef6ksr2]{margin-top:4rem;display:flex;flex-direction:column;gap:.75rem}.mobile-nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{background:var(--btn-bg);color:var(--btn-text);padding:1rem 1.25rem;text-decoration:none;font-weight:800;font-size:1.1rem;border:4px solid var(--color-border);border-radius:10px;box-shadow:5px 5px 0 var(--color-shadow)}.mobile-nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover,.mobile-nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{background:var(--btn-bg-hover);color:var(--btn-text-hover);transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--color-shadow)}.mobile-overlay[data-astro-cid-3ef6ksr2]{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(26,31,26,.6);z-index:150;opacity:0;transition:opacity .3s;pointer-events:none}.mobile-overlay[data-astro-cid-3ef6ksr2].open{opacity:1;pointer-events:auto}@media (max-width: 768px){.site-nav[data-astro-cid-3ef6ksr2]{display:none}.menu-toggle[data-astro-cid-3ef6ksr2],.mobile-nav[data-astro-cid-3ef6ksr2],.mobile-overlay[data-astro-cid-3ef6ksr2]{display:block}.brand-tagline[data-astro-cid-3ef6ksr2]{display:none}.header-inner[data-astro-cid-3ef6ksr2]{padding:.75rem 1rem}}