@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";
:root{--surface:#fff9e8;--surface-dim:#e7e1ca;--surface-bright:#fff9e8;--surface-container-lowest:#fff;--surface-container-low:#fbf4d9;--surface-container:#f6eecd;--surface-container-high:#f1e9c1;--primary:#5f5e5e;--primary-dim:#4a4949;--on-primary:#fff;--primary-container:#e5e2e1;--on-surface:#1c1b1b;--on-surface-variant:#4d4c4b;--outline:#7d7c7b;--outline-variant:#cdc7b0;--error:#9f403d;--error-container:#f9dedd;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-body);background:var(--surface);color:var(--on-surface);line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.display-lg{font-family:var(--font-display);letter-spacing:-.02em;font-size:3.5rem;font-weight:700;line-height:1.1}.display-md{font-family:var(--font-display);letter-spacing:-.01em;font-size:2.5rem;font-weight:700;line-height:1.15}.headline-lg{font-family:var(--font-display);font-size:2rem;font-weight:600;line-height:1.2}.headline-sm{font-family:var(--font-display);font-size:1.5rem;font-weight:600;line-height:1.3}.title-md{font-family:var(--font-display);font-size:1.125rem;font-weight:600;line-height:1.4}.title-sm{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;font-size:.875rem;font-weight:600;line-height:1.4}.body-lg{font-size:1rem;line-height:1.7}.body-sm{font-size:.875rem;line-height:1.6}.label-md{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;font-size:.8125rem;font-weight:500}.label-sm{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:.6875rem;font-weight:500}.bevel-raised{border:2px solid;border-color:var(--surface-container-lowest) var(--outline) var(--outline) var(--surface-container-lowest)}.bevel-sunken{border:2px solid;border-color:var(--outline) var(--surface-container-lowest) var(--surface-container-lowest) var(--outline)}.btn{font-family:var(--font-display);letter-spacing:.04em;padding:var(--sp-2) var(--sp-4);cursor:pointer;align-items:center;gap:var(--sp-2);text-transform:uppercase;border:none;border-radius:0;font-size:.875rem;font-weight:600;transition:all .1s ease-in;display:inline-flex}.btn-primary{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-dim) 100%);color:var(--on-primary);border:2px solid;border-color:var(--outline) var(--primary-dim) var(--primary-dim) var(--outline);box-shadow:inset 1px 1px #ffffff26}.btn-primary:hover{background:var(--primary-dim)}.btn-primary:active{border-color:var(--primary-dim) var(--outline) var(--outline) var(--primary-dim);transform:translate(1px,1px)}.btn-secondary{background:var(--surface-container-high);color:var(--on-surface);border:2px solid;border-color:var(--surface-container-lowest) var(--outline) var(--outline) var(--surface-container-lowest)}.btn-secondary:hover{background:var(--surface-container)}.btn-secondary:active{border-color:var(--outline) var(--surface-container-lowest) var(--surface-container-lowest) var(--outline);transform:translate(1px,1px)}.btn-ghost{color:var(--on-surface-variant);background:0 0;border:2px solid #0000}.btn-ghost:hover{background:var(--surface-container-low);border-color:var(--outline-variant)}.input{font-family:var(--font-body);padding:var(--sp-2) var(--sp-3);background:var(--surface-container-lowest);color:var(--on-surface);border:2px solid;border-color:var(--outline) var(--surface-container-lowest) var(--surface-container-lowest) var(--outline);border-radius:0;outline:none;width:100%;font-size:.9375rem;transition:border-color .1s ease-in}.input:focus{border-color:var(--primary) var(--surface-container-lowest) var(--surface-container-lowest) var(--primary)}.input-error{border-color:var(--error);background:var(--error-container)}textarea.input{resize:vertical;min-height:100px}.card{background:var(--surface-container-lowest);padding:var(--sp-6);border:2px solid;border-color:var(--surface-container-lowest) var(--outline) var(--outline) var(--surface-container-lowest)}.card:hover{background:var(--surface-container-low)}.window{background:var(--surface-container-low);border:2px solid;border-color:var(--surface-container-lowest) var(--outline) var(--outline) var(--surface-container-lowest)}.window-header{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-dim) 100%);color:var(--on-primary);padding:var(--sp-1) var(--sp-3);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.window-body{padding:var(--sp-4)}.chip{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;padding:var(--sp-1) var(--sp-2);border:1px solid var(--outline-variant);color:var(--on-surface-variant);background:0 0;font-size:.6875rem;font-weight:500;display:inline-block}.container{max-width:1100px;padding:0 var(--sp-6);margin:0 auto}.nav{background:var(--surface-container-low);border-bottom:2px solid var(--outline-variant);padding:var(--sp-3) 0;z-index:100;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-display);color:var(--on-surface);letter-spacing:-.02em;font-size:1.125rem;font-weight:700;text-decoration:none}.nav-logo:hover{text-decoration:none}.nav-links{gap:var(--sp-4);align-items:center;list-style:none;display:flex}.nav-links a{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);padding:var(--sp-1) var(--sp-2);font-size:.8125rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--on-surface);background:var(--surface-container);text-decoration:none}.post-card{background:var(--surface-container-lowest);border:2px solid;border-color:var(--surface-container-lowest) var(--outline-variant) var(--outline-variant) var(--surface-container-lowest);color:var(--on-surface);text-decoration:none;transition:all .1s ease-in;display:block;overflow:hidden}.post-card:hover{background:var(--surface-container-low);border-color:var(--surface-container-lowest) var(--outline) var(--outline) var(--surface-container-lowest);text-decoration:none;transform:translate(-1px,-1px)}.post-card-cover{object-fit:cover;filter:grayscale(.7)contrast(1.3)sepia(.5)brightness(.9);border-bottom:2px solid var(--outline-variant);width:100%;height:200px;display:block}.post-card-body{padding:var(--sp-6)}.post-card-meta{gap:var(--sp-3);margin-bottom:var(--sp-2);align-items:center;display:flex}.post-card-title{font-family:var(--font-display);margin-bottom:var(--sp-2);font-size:1.375rem;font-weight:600;line-height:1.3}.post-card-excerpt{color:var(--on-surface-variant);font-size:.9375rem;line-height:1.6}.post-list{gap:var(--sp-4);flex-direction:column;display:flex}.post-header{padding:var(--sp-12) 0 var(--sp-8)}.post-content{max-width:720px;font-size:1.0625rem;line-height:1.8}.post-content h1{font-family:var(--font-display);margin:var(--sp-8) 0 var(--sp-4);font-size:2rem;font-weight:700}.post-content h2{font-family:var(--font-display);margin:var(--sp-8) 0 var(--sp-3);font-size:1.5rem;font-weight:600}.post-content h3{font-family:var(--font-display);margin:var(--sp-6) 0 var(--sp-3);font-size:1.25rem;font-weight:600}.post-content p{margin-bottom:var(--sp-4)}.post-content blockquote{border-left:3px solid var(--primary);padding:var(--sp-3) var(--sp-6);margin:var(--sp-4) 0;background:var(--surface-container-low);font-style:italic}.post-content pre{background:var(--on-surface);color:var(--surface);padding:var(--sp-4);margin:var(--sp-4) 0;font-size:.875rem;overflow-x:auto}.post-content code{background:var(--surface-container-high);padding:1px 4px;font-size:.875em}.post-content pre code{background:0 0;padding:0}.post-content ul,.post-content ol{margin:var(--sp-4) 0;padding-left:var(--sp-6)}.post-content li{margin-bottom:var(--sp-2)}.post-content img{object-fit:contain;max-width:100%;max-height:500px;margin:var(--sp-6) auto;border:3px solid var(--outline-variant);display:block}.post-featured-img{object-fit:cover;border:3px solid var(--outline-variant);filter:grayscale(.7)contrast(1.3)sepia(.5)brightness(.9);width:100%;max-height:400px;display:block}.post-content a{color:var(--primary);text-decoration:underline}.comments-section{margin-top:var(--sp-12);padding-top:var(--sp-8);border-top:2px solid var(--outline-variant)}.comment{padding:var(--sp-4);background:var(--surface-container-lowest);margin-bottom:var(--sp-3);border:2px solid;border-color:var(--surface-container-lowest) var(--outline-variant) var(--outline-variant) var(--surface-container-lowest)}.comment-author{font-family:var(--font-display);font-size:.875rem;font-weight:600}.comment-date{color:var(--on-surface-variant);font-size:.75rem}.comment-text{margin-top:var(--sp-2);font-size:.9375rem;line-height:1.6}.comment-replies{margin-left:var(--sp-6);padding-left:var(--sp-4);border-left:2px solid var(--outline-variant);margin-top:var(--sp-3)}.comment-actions{margin-top:var(--sp-2);gap:var(--sp-3);display:flex}.likes-bar{align-items:center;gap:var(--sp-3);padding:var(--sp-4) 0;display:flex}.like-btn{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);font-family:var(--font-display);cursor:pointer;background:var(--surface-container-high);border:2px solid;border-color:var(--surface-container-lowest) var(--outline) var(--outline) var(--surface-container-lowest);color:var(--on-surface);font-size:.875rem;font-weight:600;transition:all .1s ease-in;display:inline-flex}.like-btn:hover{background:var(--surface-container)}.like-btn:active{border-color:var(--outline) var(--surface-container-lowest) var(--surface-container-lowest) var(--outline);transform:translate(1px,1px)}.like-btn.active{background:var(--primary);color:var(--on-primary)}.footer{margin-top:var(--sp-16);padding:var(--sp-8) 0;background:var(--surface-container-low);border-top:2px solid var(--outline-variant);text-align:center;color:var(--on-surface-variant);font-size:.8125rem}.auth-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-window{width:100%;max-width:420px}.auth-form{gap:var(--sp-4);flex-direction:column;display:flex}.form-group{gap:var(--sp-1);flex-direction:column;display:flex}.form-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--on-surface-variant);font-size:.6875rem;font-weight:500}.hero{padding:var(--sp-16) 0 var(--sp-12);text-align:center;justify-content:center;align-items:center;min-height:520px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;filter:grayscale(.4)contrast(1.2)sepia(.15)brightness(.6);background-position:50% 20%;background-repeat:no-repeat;background-size:cover;animation:12s ease-in-out infinite hero-breathe;position:absolute;inset:0;transform:scale(1.05)}.hero-bg-desktop{display:block}.hero-bg-mobile{display:none}@media (max-width:768px){.hero-bg-desktop{display:none}.hero-bg-mobile{display:block}}@keyframes hero-breathe{0%,to{transform:scale(1.05)}50%{transform:scale(1)}}.hero-overlay{z-index:1;background:#14141499;position:absolute;inset:0}.hero-overlay:after{content:"";z-index:2;background-image:repeating-linear-gradient(90deg, var(--surface) 0px, var(--surface) 2px, transparent 2px, transparent 4px), repeating-linear-gradient(0deg, var(--surface) 0px, var(--surface) 2px, transparent 2px, transparent 4px);opacity:.85;background-size:4px 4px;height:24px;position:absolute;bottom:-12px;left:0;right:0}.hero-scanlines{z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000026 2px 4px);animation:.1s infinite scanline-flicker;position:absolute;inset:0}@keyframes scanline-flicker{0%{opacity:.8}50%{opacity:1}to{opacity:.85}}.hero>.container{z-index:3;position:relative}.hero-title-glitch{display:inline-block;position:relative}.hero-title-glitch:before,.hero-title-glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-title-glitch:before{color:var(--primary);clip-path:inset(0 0 80%);animation:3s linear infinite alternate-reverse glitch-1}.hero-title-glitch:after{color:var(--secondary,#ff6b6b);clip-path:inset(80% 0 0);animation:2.5s linear infinite alternate-reverse glitch-2}@keyframes glitch-1{0%,90%{transform:translate(0)}92%{transform:translate(-3px,1px)}94%{transform:translate(3px,-1px)}96%{transform:translate(-2px)}98%{transform:translate(2px,1px)}to{transform:translate(0)}}@keyframes glitch-2{0%,88%{transform:translate(0)}90%{transform:translate(2px,-1px)}93%{transform:translate(-3px,1px)}95%{transform:translate(1px)}97%{transform:translate(-2px,-1px)}to{transform:translate(0)}}.hero.has-bg .hero-subtitle{color:var(--surface);font-size:.9375rem}.hero.has-bg .display-lg{color:#fff;text-shadow:2px 2px #00000080}.hero.has-bg .hero-description{color:#ffffffd9}.hero.has-bg .btn-primary{background:var(--surface);color:var(--on-surface);border-color:var(--surface);border-style:solid;border-width:2px;border-color:var(--surface-bright) var(--outline) var(--outline) var(--surface-bright)}.hero.has-bg .btn-secondary{color:var(--surface);border-style:solid;border-width:2px;border-color:var(--surface-bright) var(--outline-variant) var(--outline-variant) var(--surface-bright);background:0 0}.hero-subtitle{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.15em;color:var(--on-surface-variant);margin-bottom:var(--sp-4);font-size:.8125rem}.hero-description{color:var(--on-surface-variant);margin-top:var(--sp-3);max-width:540px;margin-left:auto;margin-right:auto}.hero-actions{margin-top:var(--sp-8);gap:var(--sp-4);justify-content:center;display:flex}.chip{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-container);border:1px solid var(--outline-variant);color:var(--on-surface);cursor:default;padding:2px 10px;font-size:.6875rem;font-weight:600;display:inline-block}.chip-active{background:var(--primary);color:var(--on-primary,#000);border-color:var(--primary)}.editor-wrap{background:var(--surface-container-lowest);border:2px solid;border-color:var(--outline) var(--surface-container-lowest) var(--surface-container-lowest) var(--outline)}.editor-toolbar{padding:var(--sp-2);background:var(--surface-container);border-bottom:2px solid var(--outline-variant);flex-wrap:wrap;gap:2px;display:flex}.toolbar-btn{background:var(--surface-container-high);border:2px solid;border-color:var(--surface-container-lowest) var(--outline) var(--outline) var(--surface-container-lowest);font-family:var(--font-display);cursor:pointer;color:var(--on-surface);text-align:center;min-width:32px;padding:4px 8px;font-size:.8125rem;font-weight:600;transition:all .1s ease-in}.toolbar-btn:hover{background:var(--surface-container-low)}.toolbar-btn:active{border-color:var(--outline) var(--surface-container-lowest) var(--surface-container-lowest) var(--outline);transform:translate(1px,1px)}.toolbar-btn.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary-dim)}.toolbar-sep{background:var(--outline-variant);align-self:stretch;width:1px;margin:0 4px}.editor-content{min-height:300px;padding:var(--sp-4)}.editor-content .tiptap{min-height:280px;font-family:var(--font-body);outline:none;font-size:1rem;line-height:1.7}.editor-content .tiptap p{margin-bottom:var(--sp-3)}.editor-content .tiptap h2{font-family:var(--font-display);margin:var(--sp-6) 0 var(--sp-3);font-size:1.5rem;font-weight:600}.editor-content .tiptap h3{font-family:var(--font-display);margin:var(--sp-4) 0 var(--sp-2);font-size:1.25rem;font-weight:600}.editor-content .tiptap blockquote{border-left:3px solid var(--primary);padding:var(--sp-2) var(--sp-4);margin:var(--sp-3) 0;background:var(--surface-container-low)}.editor-content .tiptap pre{background:var(--on-surface);color:var(--surface);padding:var(--sp-3);margin:var(--sp-3) 0;font-size:.875rem}.editor-content .tiptap img{object-fit:contain;max-width:100%;max-height:400px;margin:var(--sp-4) 0;border:2px solid var(--outline-variant);cursor:default;display:block}.editor-content .tiptap ul,.editor-content .tiptap ol{padding-left:var(--sp-6);margin:var(--sp-3) 0}.editor-content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--outline);pointer-events:none;height:0}.editor-content .tiptap iframe{max-width:100%;margin:var(--sp-4) 0}.admin-layout{min-height:calc(100vh - 50px);display:flex}.admin-sidebar{background:var(--surface-container-low);border-right:2px solid var(--outline-variant);width:220px;padding:var(--sp-4);flex-shrink:0}.admin-sidebar a{padding:var(--sp-2) var(--sp-3);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--on-surface-variant);margin-bottom:2px;font-size:.8125rem;font-weight:500;text-decoration:none;display:block}.admin-sidebar a:hover{background:var(--surface-container);color:var(--on-surface)}.admin-main{padding:var(--sp-6);flex:1}.data-table{border-collapse:collapse;width:100%}.data-table th{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;text-align:left;padding:var(--sp-2) var(--sp-3);background:var(--surface-container);color:var(--on-surface-variant);font-size:.6875rem;font-weight:600}.data-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--outline-variant);font-size:.875rem}.data-table tr:nth-child(2n) td{background:var(--surface-container-low)}@media (max-width:900px){.post-grid{grid-template-columns:repeat(2,1fr)!important}.retro-grid,.about-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.display-lg{font-size:2rem}.display-md,.headline-lg{font-size:1.5rem}.headline-sm{font-size:1.25rem}.container{padding:0 var(--sp-3)}.nav{padding:var(--sp-2) 0}.nav-inner{gap:var(--sp-2);flex-wrap:wrap}.nav-logo{font-size:.875rem}.nav-links{gap:var(--sp-1);flex-wrap:wrap}.nav-links a{padding:var(--sp-1) var(--sp-1);letter-spacing:.04em;font-size:.6875rem}.hero{padding:var(--sp-8) 0;min-height:380px}.hero-bg{background-position:50% 15%}.hero-actions{align-items:center;gap:var(--sp-3);flex-direction:column}.hero-actions .btn{justify-content:center;width:100%;max-width:280px}.hero-title-glitch:before,.hero-title-glitch:after{display:none}.about-grid{grid-template-columns:1fr!important}.about-grid>div:first-child{max-width:200px;margin:0 auto}.contact-links{flex-direction:column!important;align-items:stretch!important}.post-header{padding:var(--sp-6) 0 var(--sp-4)}.post-grid{grid-template-columns:1fr!important}.post-card-cover{height:150px}.post-card-body{padding:var(--sp-3)}.post-card-title{font-size:1.125rem}.post-content{font-size:1rem}.post-featured-img{max-height:250px}.window-body{padding:var(--sp-3)}.window-header{padding:var(--sp-1) var(--sp-2);font-size:.6875rem}.retro-grid{grid-template-columns:1fr!important}.auth-page{padding:var(--sp-6) var(--sp-3);padding-top:var(--sp-12);align-items:flex-start}.auth-window{max-width:100%}.admin-sidebar{display:none}.admin-main{padding:var(--sp-3)}.admin-layout{flex-direction:column;min-height:auto}.comment-replies{margin-left:var(--sp-3);padding-left:var(--sp-3)}.footer{margin-top:var(--sp-8);padding:var(--sp-6) 0}.btn{padding:var(--sp-2) var(--sp-3);font-size:.8125rem}.editor-toolbar{padding:var(--sp-1);gap:1px}.toolbar-btn{min-width:28px;padding:3px 6px;font-size:.75rem}.data-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}@media (max-width:380px){.display-lg{font-size:1.75rem}.display-md{font-size:1.25rem}.nav-logo{font-size:.8125rem}.nav-links a{font-size:.625rem}.container{padding:0 var(--sp-2)}}