:root{color-scheme:light;--bg: #ffffff;--bg-soft: #fafafa;--surface: #ffffff;--surface-raised: #ffffff;--ink: #0d0d12;--ink-soft: #3a3a44;--muted: #71717f;--line: #ececf1;--line-strong: #d4d4d8;--shadow: rgba(13, 13, 18, .08);--shadow-lg: rgba(13, 13, 18, .12);--dot: rgba(0, 0, 0, .04);--red: #ff1f4b;--red-deep: #e0003c;--red-glow: rgba(255, 31, 75, .15);--purple: #7c3aed;--purple-soft: #a855f7;--grad: linear-gradient(100deg, var(--red) 0%, var(--purple) 100%);--orange: #f97316;--orange-soft: #fdba74;--cat-fur: #b97843;--cat-inner: #d89b68;--cat-stripe: #6f4427;--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--max-width: 1080px;--gutter: 28px;--nav-height: 60px}:root[data-theme=dark]{color-scheme:dark;--bg: #0b0c10;--bg-soft: #111318;--surface: #15171e;--surface-raised: #1c1f28;--ink: #ededee;--ink-soft: #b0b3be;--muted: #7a7e8c;--line: #252833;--line-strong: #343846;--shadow: rgba(0, 0, 0, .45);--shadow-lg: rgba(0, 0, 0, .55);--dot: rgba(255, 255, 255, .05);--red: #ff4b70;--red-deep: #ff6b86;--red-glow: rgba(255, 75, 112, .2);--purple: #a78bfa;--purple-soft: #c4b5fd;--orange: #fb923c;--orange-soft: #fdba74;--cat-fur: #a86f43;--cat-inner: #c98d5a;--cat-stripe: #5f3820}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:24px 24px;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65;min-height:100vh;transition:background-color .2s ease,color .2s ease}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.05}h1{font-size:clamp(2.8rem,8vw,5rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.2rem}code,pre{font-family:var(--font-mono)}::selection{background:var(--red);color:#fff}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter)}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.nav{position:sticky;top:0;z-index:100;height:var(--nav-height);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:3px solid var(--ink);box-shadow:0 2px 16px var(--shadow)}.nav__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter);height:100%;display:flex;align-items:center;justify-content:space-between}.nav__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--ink)}.nav__glyph{width:26px;height:26px;background:var(--red);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:800;border:3px solid var(--ink);transition:box-shadow .3s ease}.nav__glyph:hover{box-shadow:0 0 12px var(--red-glow)}.nav__right{display:flex;align-items:center;gap:20px}.live-indicator{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--red-deep);text-transform:uppercase;letter-spacing:.04em}.live-indicator__dot{width:7px;height:7px;background:var(--red);border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite;box-shadow:0 0 6px var(--red-glow)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.2}}.nav__links{display:flex;align-items:center;gap:20px}.nav__link{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.02em;transition:color .15s ease}.nav__link:hover{color:var(--red)}.nav__link--active{color:var(--red);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:3px}.theme-toggle{width:34px;height:34px;display:inline-grid;place-items:center;border:2px solid var(--line-strong);background:var(--surface);color:var(--ink);transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.theme-toggle:hover{border-color:var(--red);color:var(--red);transform:translateY(-1px)}.theme-toggle__icon{grid-area:1 / 1;font-size:.82rem;transition:opacity .15s ease,transform .15s ease}.theme-toggle__icon--sun{opacity:0;transform:rotate(-40deg) scale(.75)}:root[data-theme=dark] .theme-toggle__icon--moon{opacity:0;transform:rotate(40deg) scale(.75)}:root[data-theme=dark] .theme-toggle__icon--sun{opacity:1;transform:rotate(0) scale(1)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-family:var(--font-mono);font-size:.8rem;font-weight:700;transition:all .15s ease;white-space:nowrap}.btn--primary{background:var(--ink);color:var(--bg);border:3px solid var(--ink)}.btn--primary:hover{background:var(--red);border-color:var(--red);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink),0 0 20px var(--red-glow)}.btn--primary .btn__arrow{transition:transform .15s ease}.btn--primary:hover .btn__arrow{transform:translate(4px)}.btn--ghost{background:var(--surface);color:var(--ink);border:3px solid var(--ink)}.btn--ghost:hover{background:var(--ink);color:var(--bg);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--red)}.hero{padding:72px 0 40px;position:relative;z-index:1}.hero__content{max-width:700px;position:relative;z-index:2}.hero__eyebrow{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:10px;margin-bottom:16px}.hero__eyebrow-dash{display:inline-block;width:28px;height:3px;background:var(--grad);animation:dash-pulse 3s ease-in-out infinite}@keyframes dash-pulse{0%,to{width:28px}50%{width:40px}}.hero__headline{margin-bottom:16px;text-transform:uppercase;background:linear-gradient(90deg,var(--red) 0%,var(--orange) 20%,var(--purple) 40%,var(--red) 60%,var(--orange) 80%,var(--purple) 100%);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:headline-shift 8s ease-in-out infinite}@keyframes headline-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero__lede{color:var(--ink-soft);font-size:1rem;line-height:1.7;margin-bottom:28px;max-width:480px}.hero__actions{display:flex;gap:12px;flex-wrap:wrap}.hero__mascot{position:absolute;right:0;bottom:0;width:180px;height:140px;z-index:1;pointer-events:none;opacity:.9;animation:cat-float 4s ease-in-out infinite}@keyframes cat-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero__mascot svg{width:100%;height:100%}.hero__quote{position:relative;z-index:2;margin-top:36px}.hero__quote-badge{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:10px 16px;border:2px solid var(--line-strong);background:var(--surface);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.hero__quote-badge:hover{border-color:var(--orange);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--line-strong)}.hero__quote-icon{font-size:.65rem;color:var(--orange);opacity:.6;align-self:center}.hero__quote-text{font-family:var(--font-display);font-size:.82rem;font-weight:600;color:var(--ink-soft);line-height:1.4}.hero__quote-cite{font-family:var(--font-mono);font-size:.62rem;font-weight:700;color:var(--muted);font-style:normal;width:100%;margin-top:2px;padding-left:14px}.recent{padding:0 0 44px;position:relative;z-index:1}.recent__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.recent__title{font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--ink)}.recent__prefix{color:var(--red)}.recent__all{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--ink-soft);transition:color .15s ease}.recent__all:hover{color:var(--red)}.recent__grid{display:flex;flex-direction:column;gap:0}.post-item{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);transition:color .15s ease}.post-item:last-child{border-bottom:none}.post-item__arrow{font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--muted);flex-shrink:0;margin-top:2px;transition:color .15s ease}.post-item:hover .post-item__arrow{color:var(--red)}.post-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.post-item__title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.3;transition:color .15s ease}.post-item:hover .post-item__title{color:var(--red)}.post-item__description{font-size:.82rem;color:var(--ink-soft);line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.post-item__meta{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-top:3px}.post-item__tag{font-family:var(--font-mono);font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 7px;border:1px solid var(--line-strong);color:var(--muted)}.post-item__tag:nth-child(odd){border-color:color-mix(in srgb,var(--red) 36%,var(--line-strong));color:var(--red-deep)}.post-item__date,.post-item__read{font-family:var(--font-mono);font-size:.65rem;color:var(--muted)}.footer{border-top:3px solid var(--ink);position:relative;z-index:1;background:var(--surface)}.footer:before{content:"";position:absolute;top:-3px;left:0;width:100%;height:3px;background:var(--grad)}.footer__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter)}.footer__top{display:flex;align-items:center;gap:24px;padding:28px 0 20px;border-bottom:2px solid var(--line)}.footer__cat{width:80px;height:64px;flex-shrink:0;transition:transform .3s ease}.footer__cat:hover{transform:scale(1.08) rotate(-2deg)}.footer__cat svg{width:100%;height:100%}.footer__whoami-text{font-size:.88rem;color:var(--ink-soft);line-height:1.6}.footer__whoami-text strong{color:var(--ink);font-weight:600}.footer__whoami-tag{display:inline-block;font-family:var(--font-mono);font-size:.62rem;font-weight:700;color:#fff;background:var(--red);padding:2px 8px;margin-left:4px;border:2px solid var(--ink)}.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0}.footer__left{display:flex;align-items:center;gap:10px}.footer__mini-cat{width:24px;height:24px;flex-shrink:0;animation:mini-cat-bob 3s ease-in-out infinite}@keyframes mini-cat-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(3deg)}}.footer__mini-cat svg{width:100%;height:100%}.footer__copy{font-family:var(--font-mono);font-size:.7rem;color:var(--muted)}.footer__socials{display:flex;gap:8px}.social-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:2px solid var(--ink);font-family:var(--font-mono);font-size:.68rem;font-weight:700;color:var(--ink);transition:all .12s ease}.social-pill i{font-size:.8rem}.social-pill:hover{background:var(--red);border-color:var(--red);color:var(--bg);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ink),0 0 14px var(--red-glow)}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}[data-reveal].revealed{opacity:1;transform:translateY(0)}.blog-post{padding:40px 0 80px;position:relative;z-index:1}.blog-post__header{margin-bottom:36px}.blog-post__back{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--muted);margin-bottom:16px;transition:color .15s ease}.blog-post__back:hover{color:var(--red)}.blog-post__title{margin-bottom:12px}.blog-post__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.blog-post__date,.blog-post__read-time{font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.blog-post__tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.blog-post__content{max-width:700px}.blog-post__content h2{font-size:1.4rem;font-weight:800;margin-top:32px;margin-bottom:10px}.blog-post__content h3{font-size:1.1rem;font-weight:700;margin-top:24px;margin-bottom:8px}.blog-post__content p{color:var(--ink-soft);font-size:.92rem;line-height:1.75;margin-bottom:14px}.blog-post__content ul,.blog-post__content ol{color:var(--ink-soft);font-size:.92rem;line-height:1.75;margin-bottom:14px;padding-left:20px}.blog-post__content ul{list-style:disc}.blog-post__content ol{list-style:decimal}.blog-post__content li{margin-bottom:3px}.blog-post__content strong{color:var(--ink);font-weight:600}.blog-post__content code{font-family:var(--font-mono);font-size:.82em;background:var(--bg-soft);border:2px solid var(--line);padding:1px 5px}.blog-post__content pre{background:#111827;border:3px solid var(--ink);padding:20px;overflow-x:auto;margin-bottom:18px;border-radius:0}.blog-post__content pre code{background:none;border:none;padding:0;color:#e1e4e8;font-size:.8rem;line-height:1.6}.blog-post__content a{color:var(--red);text-decoration:underline;text-underline-offset:2px;font-weight:600;transition:color .12s ease}.blog-post__content a:hover{color:var(--purple)}.writing-page{padding:40px 0 80px;position:relative;z-index:1}.writing-page__title{margin-bottom:32px}.about-page{padding:40px 0 80px;position:relative;z-index:1;max-width:var(--max-width)}.about-page__hero{max-width:760px;margin-bottom:34px}.about-page__eyebrow{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.about-page__title{margin-bottom:18px}.about-page__intro{font-size:1rem;max-width:680px}.about-page__section{max-width:760px;margin-top:30px}.about-page__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:34px 0 6px}.about-card{padding:22px;border:1px solid var(--line);background:var(--surface);box-shadow:0 10px 30px var(--shadow-lg)}.about-card h2{font-size:1rem;margin:0 0 10px}.about-page p{color:var(--ink-soft);font-size:.92rem;line-height:1.75;margin-bottom:14px}.about-page h2{margin-bottom:10px}.about-page ul{list-style:disc;padding-left:20px;color:var(--ink-soft);font-size:.92rem;line-height:1.75;margin-bottom:14px}.about-page li{margin-bottom:3px}.about-page a{color:var(--red);text-decoration:underline;text-underline-offset:2px;font-weight:600;transition:color .12s ease}.about-page a:hover{color:var(--purple)}@media(max-width:860px){.hero__mascot{display:none}.about-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer__top{flex-direction:column;text-align:center}.footer__cat{width:60px;height:48px}}@media(max-width:640px){:root{--gutter: 20px}.hero{padding:40px 0 28px}.hero__actions{flex-direction:column}.btn{width:100%;justify-content:center}.recent__grid,.about-page__grid{grid-template-columns:1fr}.quote{padding:22px}.hero__quote{margin-top:24px}.post-item__description{display:none}.nav__links,.nav__right{gap:12px}.live-indicator{display:none}.theme-toggle{width:32px;height:32px}.footer__top{padding:20px 0 14px}.footer__bottom{flex-direction:column;align-items:flex-start;gap:10px}.quote__text{font-size:1rem}}:focus-visible{outline:3px solid var(--red);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}.btn--primary:hover,.btn--ghost:hover,.social-pill:hover{transform:none;box-shadow:none}.footer__cat:hover{transform:none}#bg-canvas{display:none}}