@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";
:root{--bg-primary:#e1e1d9;--bg-secondary:#d6d6ce;--bg-tertiary:#cbcbc3;--bg-card:#e1e1d9;--bg-dark:#0d0d0d;--bg-dark-secondary:#1a1a1a;--bg-glass:#e1e1d9eb;--text-primary:#0d0d0d;--text-secondary:#3a3a36;--text-muted:#6b6b63;--text-inverse:#e1e1d9;--accent-primary:#c43828;--accent-secondary:#a82e20;--accent-tertiary:#e04a3a;--accent-glow:#c4382814;--accent-glow-strong:#c4382826;--success:#2e8b57;--warning:#d4a017;--error:#c43828;--info:#4a7aa8;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"IBM Plex Mono","Fira Code",monospace;--font-serif:"Inter",system-ui,sans-serif;--text-xs:.7rem;--text-sm:.8125rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-5xl:3.75rem;--text-6xl:5rem;--text-7xl:8rem;--text-8xl:12rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--sp-32:8rem;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--radius-xl:4px;--radius-full:9999px;--border-subtle:1px solid #0d0d0d1a;--border-accent:1px solid #c438284d;--border-strong:1px solid #0d0d0d33;--shadow-sm:none;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 20px #00000014;--transition-fast:.15s ease;--transition-base:.3s cubic-bezier(.25,.1,.25,1);--transition-slow:.5s cubic-bezier(.25,.1,.25,1);--max-width:1400px;--header-height:52px;--sidebar-width:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;position:relative}body:after{content:"";pointer-events:none;z-index:9999;opacity:.035;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;width:100%;height:100%;position:fixed;top:0;left:0;transform:translateZ(0)}a{color:var(--text-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-primary)}img{max-width:100%;height:auto;display:block}code{font-family:var(--font-mono);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:2px 6px;font-size:.85em}pre{font-family:var(--font-mono);background:var(--bg-dark);color:var(--text-inverse);border-radius:var(--radius-md);padding:var(--sp-5);border:none;line-height:1.5;overflow-x:auto}pre code{color:inherit;background:0 0;padding:0}.parallax-logo{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;will-change:transform;margin-top:-25vw;position:fixed;top:50%;left:50%;transform:translate(-50%)}.parallax-logo img{opacity:.06;filter:grayscale();width:clamp(400px,55vw,800px);height:auto}::selection{background:var(--accent-primary);color:var(--text-inverse)}.container{max-width:calc(var(--max-width) + var(--sp-8)*2);padding:0 var(--sp-8);margin:0 auto}.accent-text{color:var(--accent-primary)}.top-bar{padding:var(--sp-3)var(--sp-8);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:var(--border-subtle);background:#ffffff14;justify-content:space-between;align-items:center;display:flex}.top-bar a{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.top-bar a:hover{color:var(--accent-primary)}.top-bar-center{font-weight:700;font-size:var(--text-sm);color:var(--text-primary);letter-spacing:.1em}.site-header{z-index:100;padding:var(--sp-4)var(--sp-8);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);justify-content:center;align-items:center;display:flex;position:sticky;top:0}.site-logo{align-items:center;margin-right:auto;display:inline-flex}.site-logo-icon{filter:brightness(0);width:auto;height:56px}.site-nav{align-items:center;gap:2px;display:flex}.site-nav a{padding:var(--sp-2)var(--sp-5);background:var(--bg-dark);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;color:var(--text-inverse)!important}.site-nav a:hover,.site-nav a.active{background:var(--accent-primary);color:var(--text-inverse)!important}.site-nav .nav-cta{background:var(--accent-primary);padding:var(--sp-2)var(--sp-5);transition:background var(--transition-fast);border-radius:0;font-weight:600;color:var(--text-inverse)!important}.site-nav .nav-cta:hover{background:var(--accent-secondary)}.hero{padding:var(--sp-4)var(--sp-8)0;position:relative;overflow:hidden}.hero-content{max-width:var(--max-width);gap:var(--sp-6);flex-direction:column;margin:0 auto;display:flex}.hero-top{justify-content:space-between;align-items:flex-start;gap:var(--sp-8);display:flex}.hero-description{max-width:520px}.hero-description p{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--sp-4);line-height:1.7}.hero-description p strong{color:var(--text-primary);font-weight:700}.hero-cta{align-items:center;gap:var(--sp-3);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);border-bottom:2px solid var(--text-primary);padding-bottom:var(--sp-1);transition:all var(--transition-fast);font-weight:600;display:inline-flex}.hero-cta:hover{border-color:var(--accent-primary);color:var(--accent-primary)!important}.hero-cta-arrow{background:var(--bg-dark);width:28px;height:28px;color:var(--text-inverse);font-size:var(--text-sm);transition:background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.hero-cta:hover .hero-cta-arrow{background:var(--accent-primary)}.hero-stats{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:right}.hero-stats span{margin-bottom:var(--sp-1);display:block}.hero-brand{font-family:var(--font-sans);font-size:var(--text-8xl);letter-spacing:-.04em;color:var(--text-primary);text-transform:uppercase;margin-top:var(--sp-8);margin-bottom:var(--sp-4);-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:900;line-height:.85;overflow:hidden}.hero-brand .brand-outline{-webkit-text-stroke:2px var(--text-primary);color:#0000}.hero .hero-accent{color:var(--accent-primary);font-style:normal}.hero .hero-tilde{color:var(--accent-primary);font-family:var(--font-sans);margin:0 var(--sp-2);font-size:.8em;display:inline-block}.hero h1{font-family:var(--font-sans);font-size:var(--text-6xl);letter-spacing:-.03em;margin-bottom:var(--sp-6);text-transform:uppercase;max-width:100%;font-weight:900;line-height:1}.hero>p{font-size:var(--text-base);color:var(--text-muted);max-width:540px;line-height:1.7;font-family:var(--font-mono)}.section-divider{border:none;border-top:var(--border-subtle);width:100%;margin:var(--sp-4)0}.post-grid{gap:2px var(--sp-5);padding:var(--sp-8)0;grid-template-columns:2fr 1fr;display:grid}.post-card{transition:all var(--transition-base);cursor:pointer;background:0 0;border:none;position:relative;overflow:hidden}.post-card:after{content:"";background:var(--accent-primary);width:0;height:3px;transition:width var(--transition-base);position:absolute;bottom:0;left:0}.post-card:hover:after{width:100%}.post-card:hover{transform:none}.post-card-image{aspect-ratio:2;object-fit:cover;filter:grayscale(20%);width:100%;transition:filter var(--transition-base)}.post-card:hover .post-card-image{filter:grayscale(0%)}.post-card-image-placeholder{aspect-ratio:2;background:var(--bg-secondary);justify-content:center;align-items:center;width:100%;display:flex;position:relative}.post-card-image-placeholder:before{content:"NO IMAGE";font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.1em}.post-card-image-placeholder svg{width:48px;height:48px;color:var(--text-muted);opacity:.15;position:absolute}.post-card-body{padding:var(--sp-5)var(--sp-3)var(--sp-6)}.post-card-meta{align-items:center;gap:var(--sp-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--sp-3);text-transform:uppercase;letter-spacing:.06em;display:flex}.post-card h3{font-family:var(--font-sans);font-size:var(--text-xl);margin-bottom:var(--sp-3);color:var(--text-primary);text-transform:uppercase;letter-spacing:-.01em;font-weight:700;line-height:1.2}.post-grid>:first-child .post-card h3{font-size:var(--text-2xl)}.post-card p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--sp-4);line-height:1.6}.post-card-tags{gap:var(--sp-1);flex-wrap:wrap;display:flex}.tag-badge{font-family:var(--font-mono);font-size:var(--text-xs);padding:2px var(--sp-2);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:#0d0d0d0f;border:1px solid #0d0d0d1f;border-radius:0;align-items:center;font-weight:500;display:inline-flex}.tag-badge:hover{background:var(--accent-glow-strong);color:var(--accent-primary);border-color:var(--accent-primary)}.tag-badge:before{content:""}.btn{justify-content:center;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--sp-3)var(--sp-6);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:0;font-weight:600;display:inline-flex}.btn-primary{background:var(--bg-dark);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-primary)}.btn-secondary{color:var(--text-primary);border:var(--border-strong);background:0 0}.btn-secondary:hover{background:var(--bg-dark);color:var(--text-inverse);border-color:var(--bg-dark)}.btn-ghost{color:var(--text-secondary);padding:var(--sp-2)var(--sp-3);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#0d0d0d0d}.btn-danger{color:var(--error);background:#c438281a;border:1px solid #c4382833}.btn-danger:hover{background:#c4382833}.btn-sm{font-size:var(--text-xs);padding:var(--sp-1)var(--sp-3)}.tag-filter-bar{padding:var(--sp-4)0;border-bottom:var(--border-subtle);margin-bottom:var(--sp-4);flex-wrap:wrap;gap:2px;display:flex}.tag-filter-bar .tag-badge.active{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.form-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--sp-2);text-transform:uppercase;letter-spacing:.08em;font-weight:600;display:block}.form-input,.form-textarea,.form-select{width:100%;font-family:var(--font-mono);font-size:var(--text-base);padding:var(--sp-3)var(--sp-4);border:var(--border-strong);color:var(--text-primary);transition:border-color var(--transition-fast);background:0 0;border-radius:0;outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-primary);box-shadow:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);font-family:var(--font-mono)}.post-detail{max-width:1000px;padding:var(--sp-16)var(--sp-8);margin:0 auto}.post-detail-cover{aspect-ratio:2;object-fit:cover;width:100%;margin-bottom:var(--sp-12);border:none;border-radius:0}.post-detail h1{font-family:var(--font-sans);font-size:var(--text-5xl);letter-spacing:-.03em;margin-bottom:var(--sp-6);text-transform:uppercase;font-weight:900;line-height:1.05}.post-detail-meta{justify-content:space-between;align-items:center;gap:var(--sp-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--sp-8);padding-bottom:var(--sp-8);border-bottom:var(--border-subtle);text-transform:uppercase;letter-spacing:.08em;display:flex}.post-detail-meta>div{align-items:center;gap:var(--sp-4);display:flex}.post-detail-meta .share-buttons{border:none;margin:0;padding:0}.post-detail-content{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.85}.post-detail-content h2{font-family:var(--font-sans);font-size:var(--text-3xl);color:var(--text-primary);margin-top:var(--sp-16);margin-bottom:var(--sp-6);text-transform:uppercase;letter-spacing:-.02em;font-weight:800}.post-detail-content h3{font-family:var(--font-sans);font-size:var(--text-2xl);color:var(--text-primary);margin-top:var(--sp-12);margin-bottom:var(--sp-4);text-transform:uppercase;font-weight:700}.post-detail-content p{margin-bottom:var(--sp-6)}.post-detail-content ul,.post-detail-content ol{margin-bottom:var(--sp-6);padding-left:var(--sp-6)}.post-detail-content li{margin-bottom:var(--sp-2)}.post-detail-content img{margin:var(--sp-8)0;border-radius:0}.post-detail-content video{width:100%;max-width:100%;margin:var(--sp-8)0;background:#000;border-radius:0}.post-detail-content blockquote{border-left:4px solid var(--accent-primary);padding-left:var(--sp-6);margin:var(--sp-8)0;color:var(--text-secondary);font-style:italic;font-size:var(--text-xl)}.post-detail-content a{color:var(--accent-primary);text-underline-offset:3px;text-decoration:underline}.post-detail-content .embed-wrapper,.editor-content .embed-wrapper{margin:var(--sp-6)0}.post-detail-content .embed-wrapper iframe,.editor-content .embed-wrapper iframe{aspect-ratio:16/9;border:none;border-radius:8px;width:100%}.post-detail-content iframe{aspect-ratio:16/9;width:100%;margin:var(--sp-6)0;border:none;border-radius:8px}.preview-panel{background:var(--bg-primary);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--sp-8);margin-top:var(--sp-4)}.preview-toggle{gap:var(--sp-2);background:var(--bg-secondary);border-radius:var(--radius-md);padding:2px;display:flex}.preview-toggle button{padding:var(--sp-2)var(--sp-4);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-muted);background:0 0;border:none;font-weight:500;transition:all .15s}.preview-toggle button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.post-detail-tags{margin-top:var(--sp-12);padding-top:var(--sp-8);border-top:var(--border-subtle);flex-wrap:wrap;gap:2px;display:flex}.share-buttons{align-items:center;gap:var(--sp-3);margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:var(--border-subtle);display:flex}.share-label{font-size:var(--text-xs);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;font-weight:700}.share-btn{border:1px solid var(--text-muted);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.share-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse);transform:translateY(-2px)}.comments-section{margin-top:var(--sp-16)}.comments-section h2{font-family:var(--font-sans);font-size:var(--text-2xl);margin-bottom:var(--sp-8);text-transform:uppercase;letter-spacing:-.01em;font-weight:800}.comment-form{background:var(--bg-secondary);border:var(--border-subtle);padding:var(--sp-6);margin-bottom:var(--sp-8);border-radius:0}.comment-form h3{font-family:var(--font-sans);font-size:var(--text-lg);margin-bottom:var(--sp-4);text-transform:uppercase;font-weight:700}.comment{padding:var(--sp-5);border-left:3px solid var(--bg-tertiary);margin-bottom:var(--sp-4);transition:border-color var(--transition-fast)}.comment:hover{border-color:var(--accent-primary)}.comment-admin{border-left-color:var(--accent-primary);background:var(--accent-glow)}.comment-header{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2);display:flex}.comment-author{font-weight:700;font-size:var(--text-sm);color:var(--text-primary);text-transform:uppercase}.comment-admin-badge{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--accent-primary);color:var(--text-inverse);border-radius:0;padding:1px 8px;font-weight:600}.comment-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.comment-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.comment-actions{gap:var(--sp-3);margin-top:var(--sp-3);display:flex}.comment-replies{margin-left:var(--sp-6);margin-top:var(--sp-3)}.site-footer{border-top:var(--border-subtle);padding:var(--sp-20)var(--sp-8)var(--sp-12);text-align:center;position:relative;overflow:hidden}.site-footer-brand{font-family:var(--font-sans);font-size:var(--text-7xl);letter-spacing:-.04em;color:#0d0d0d0f;margin-bottom:var(--sp-8);-webkit-user-select:none;user-select:none;text-transform:uppercase;font-weight:900;line-height:1}.site-footer p{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.site-footer-links{margin-bottom:var(--sp-6);justify-content:center;gap:2px;display:flex}.site-footer-links a{padding:var(--sp-2)var(--sp-4);background:var(--bg-dark);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;transition:background var(--transition-fast);align-items:center;font-weight:600;display:inline-flex;color:var(--text-inverse)!important}.site-footer-links a:hover{background:var(--accent-primary);color:var(--text-inverse)!important}.pagination{padding:var(--sp-8)0 var(--sp-16);justify-content:center;gap:2px;display:flex}.pagination-btn{min-width:40px;height:40px;padding:0 var(--sp-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);border:var(--border-strong);transition:all var(--transition-fast);background:0 0;border-radius:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.pagination-btn:hover{background:var(--bg-dark);color:var(--text-inverse);border-color:var(--bg-dark)}.pagination-btn.active{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.empty-state{text-align:center;padding:var(--sp-24)var(--sp-8);color:var(--text-muted)}.empty-state svg{width:64px;height:64px;margin:0 auto var(--sp-5);opacity:.2}.empty-state h3{font-family:var(--font-sans);font-size:var(--text-2xl);color:var(--text-secondary);margin-bottom:var(--sp-2);text-transform:uppercase;font-weight:800}.empty-state p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.about-section{background:var(--bg-dark);color:var(--text-inverse);padding:var(--sp-20)var(--sp-8);margin:var(--sp-8)0}.about-section h2{color:var(--text-inverse)}.about-section p,.about-section li{color:#e1e1d9b3}.admin-layout{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);display:flex}body:has(.admin-layout) .parallax-logo{display:none}.admin-sidebar{width:var(--sidebar-width);padding:var(--sp-6);z-index:50;background:#fff;border-right:1px solid #0000001a;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.admin-sidebar-logo{font-family:var(--font-mono);font-size:var(--text-lg);margin-bottom:var(--sp-8);padding-bottom:var(--sp-4);color:var(--text-primary);border-bottom:1px solid #0000001a;font-weight:700}.admin-nav{gap:var(--sp-1);flex-direction:column;flex:1;display:flex}.admin-nav-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3)var(--sp-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-fast);font-weight:500;display:flex}.admin-nav-item:hover{color:var(--text-primary);background:#0000000a}.admin-nav-item.active{color:var(--accent-primary);background:#c4382814;border:1px solid #c4382826}.admin-main{margin-left:var(--sidebar-width);padding:var(--sp-8);background:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex:1}.admin-header{margin-bottom:var(--sp-8);justify-content:space-between;align-items:center;display:flex}.admin-header h1{font-family:var(--font-sans);font-size:var(--text-3xl);color:var(--text-primary);font-weight:800}.admin-layout .form-input,.admin-layout .form-textarea,.admin-layout .form-select{color:var(--text-primary);background:#fff;border:1px solid #00000026}.admin-layout .form-input:focus,.admin-layout .form-textarea:focus,.admin-layout .form-select:focus{border-color:var(--accent-primary)}.admin-layout .form-label{color:var(--text-secondary)}.admin-layout .btn-primary{background:var(--text-primary);color:var(--bg-primary)}.admin-layout .btn-primary:hover{background:#333}.admin-layout .btn-secondary{color:var(--text-primary);background:#fff;border:1px solid #00000026}.admin-layout .btn-secondary:hover{background:#f0ede6;border-color:#00000040}.stat-grid{gap:var(--sp-5);margin-bottom:var(--sp-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{padding:var(--sp-6);transition:border-color var(--transition-fast);background:#fff;border:1px solid #0000001a;border-radius:0}.stat-card:hover{border-color:#00000040}.stat-card-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:var(--sp-2)}.stat-card-value{font-family:var(--font-sans);font-size:var(--text-4xl);color:var(--text-primary);font-weight:900}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;padding:var(--sp-3)var(--sp-4);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-bottom:1px solid #0000001a;font-weight:600}.admin-table td{padding:var(--sp-4);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid #0000000f}.admin-table tr:hover td{background:#00000005}.login-container{min-height:100vh;padding:var(--sp-6);background:var(--bg-primary);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:420px;padding:var(--sp-10);background:#fff;border:1px solid #0000001a;border-radius:0}.login-card h1{font-family:var(--font-sans);font-size:var(--text-3xl);text-align:center;margin-bottom:var(--sp-2);color:var(--text-primary);text-transform:uppercase;font-weight:900}.login-card .login-subtitle{text-align:center;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);margin-bottom:var(--sp-8);text-transform:uppercase;letter-spacing:.05em}.login-card .login-error{padding:var(--sp-3)var(--sp-4);margin-bottom:var(--sp-5);color:var(--error);font-family:var(--font-mono);font-size:var(--text-sm);background:#c438281a;border:1px solid #c4382833;border-radius:0}.login-card .form-input{color:var(--text-primary);background:#fff;border:1px solid #00000026}.login-card .form-label{color:var(--text-secondary)}.login-card .btn-primary{background:var(--text-primary);color:var(--bg-primary);width:100%}.spinner{border:3px solid var(--bg-secondary);border-top-color:var(--accent-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.media-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.media-card{transition:border-color var(--transition-fast);background:#fff;border:1px solid #0000001a;border-radius:0;overflow:hidden}.media-card:hover{border-color:#00000040}.media-card img{aspect-ratio:1;object-fit:cover;width:100%}.media-card-info{padding:var(--sp-3)}.media-card-info p{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.editor-wrapper{background:#fff;border:1px solid #0000001a;border-radius:0;overflow:hidden}.editor-toolbar{gap:var(--sp-1);padding:var(--sp-3)var(--sp-4);background:#f5f3ee;border-bottom:1px solid #0000001a;flex-wrap:wrap;display:flex}.editor-toolbar button{padding:var(--sp-2);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:500;font-family:var(--font-mono);transition:all var(--transition-fast);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;min-width:32px;height:32px;display:inline-flex}.editor-toolbar button:hover{color:var(--text-primary);background:#00000014}.editor-toolbar button.active{color:var(--accent-primary);background:#c4382814}.editor-toolbar button:disabled{opacity:.25;cursor:not-allowed}.editor-toolbar button:disabled:hover{color:var(--text-secondary);background:0 0}.editor-content{padding:var(--sp-5);min-height:300px;font-size:var(--text-base);color:var(--text-primary);line-height:1.8}.editor-content .tiptap{outline:none;min-height:280px}.editor-content .tiptap p{margin-bottom:var(--sp-3)}.editor-content .tiptap h2{font-family:var(--font-sans);font-size:var(--text-2xl);margin:var(--sp-6)0 var(--sp-3);font-weight:700}.editor-content .tiptap h3{font-family:var(--font-sans);font-size:var(--text-xl);margin:var(--sp-4)0 var(--sp-2);font-weight:600}.editor-content .tiptap ul,.editor-content .tiptap ol{padding-left:var(--sp-6);margin-bottom:var(--sp-3)}.editor-content .tiptap blockquote{border-left:4px solid var(--accent-primary);padding-left:var(--sp-4);margin:var(--sp-4)0;color:var(--text-secondary);font-style:italic}.editor-content .tiptap img{max-width:100%;margin:var(--sp-3)0;border-radius:0}.editor-content .tiptap video{width:100%;max-width:100%;margin:var(--sp-3)0;background:#000;border-radius:0}.editor-content .tiptap hr{margin:var(--sp-6)0;border:none;border-top:1px solid #0000001a}.title-editor-wrapper{background:#fff;border:1px solid #00000026;position:relative}.title-editor-toolbar{gap:var(--sp-1);padding:var(--sp-2)var(--sp-3);background:#f5f3ee;border-bottom:1px solid #00000014;display:flex}.title-editor-toolbar button{padding:var(--sp-1)var(--sp-2);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:600;font-family:var(--font-mono);transition:all var(--transition-fast);background:0 0;border:none;border-radius:0}.title-editor-toolbar button:hover{color:var(--text-primary);background:#00000014}.title-editor-toolbar button.is-active{color:var(--accent-primary);background:#c4382814}.title-editor-content{padding:var(--sp-4);font-size:var(--text-2xl);color:var(--text-primary);outline:none;min-height:56px;font-weight:600;line-height:1.3}.title-editor-content p{margin:0}.title-editor-placeholder{bottom:var(--sp-4);left:var(--sp-4);font-size:var(--text-2xl);color:#0003;pointer-events:none;font-weight:600;position:absolute}.cropper-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);padding:var(--sp-6);background:#000c;justify-content:center;align-items:center;animation:.2s cropperFadeIn;display:flex;position:fixed;inset:0}@keyframes cropperFadeIn{0%{opacity:0}to{opacity:1}}.cropper-modal{box-shadow:var(--shadow-lg);width:100%;max-width:720px;max-height:90vh;padding:var(--sp-6);background:#161616;border:1px solid #f5f3ee14;border-radius:0;animation:.25s cropperSlideUp;overflow-y:auto}@keyframes cropperSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cropper-modal-header{margin-bottom:var(--sp-5);justify-content:space-between;align-items:center;display:flex}.cropper-modal-header h3{font-family:var(--font-sans);font-size:var(--text-xl);color:#f5f3ee;font-weight:700}.cropper-ratio-badge{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--sp-1)var(--sp-3);color:var(--accent-primary);background:#c4382814;border:1px solid #c4382833;border-radius:0;font-weight:600}.cropper-dropzone{padding:var(--sp-12)var(--sp-6);text-align:center;cursor:pointer;transition:all var(--transition-base);border:2px dashed #f5f3ee1f;border-radius:0}.cropper-dropzone:hover{border-color:var(--accent-primary);background:#c438280d}.cropper-dropzone-icon{margin-bottom:var(--sp-3);font-size:2.5rem}.cropper-dropzone p{font-size:var(--text-base);color:#f5f3ee;margin-bottom:var(--sp-1);font-weight:500}.cropper-dropzone span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.cropper-workspace{background:#0e0e0e;border:1px solid #f5f3ee14;border-radius:0;justify-content:center;display:flex;overflow:hidden}.cropper-react-crop{max-width:100%}.cropper-modal-actions{justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid #f5f3ee14;display:flex}.cropper-modal-actions .btn-primary{background:var(--accent-primary);color:#f5f3ee}.cropper-modal-actions .btn-secondary{color:#f5f3ee;background:#1e1e1e;border:1px solid #f5f3ee14}@media (max-width:1024px){.post-grid{grid-template-columns:repeat(2,1fr)}.post-grid>:first-child{grid-column:span 2}.hero-brand{font-size:var(--text-7xl)}}@media (max-width:768px){:root{--text-5xl:2.5rem;--text-6xl:3rem;--text-7xl:4rem;--text-8xl:5rem}.hero{padding:var(--sp-10)var(--sp-4)0}.hero-top{gap:var(--sp-4);flex-direction:column}.hero-stats{text-align:left}.hero-brand{white-space:normal;word-break:break-all;font-size:5.5rem}.hero-brand .brand-outline{-webkit-text-stroke:0;color:var(--accent-primary)}.hero-description p{font-size:.95rem;line-height:1.5}.parallax-logo{display:none}.post-grid{grid-template-columns:1fr}.post-grid>:first-child{grid-column:span 1}.container{padding:0 var(--sp-4)}.site-nav{gap:1px}.site-nav a{padding:var(--sp-2)var(--sp-3);font-size:.65rem}.top-bar{padding:var(--sp-2)var(--sp-4);font-size:.6rem}.admin-sidebar{display:none}.admin-main{padding:var(--sp-4);margin-left:0}.comment-replies{margin-left:var(--sp-3)}.site-footer-brand{font-size:var(--text-6xl)}}.contact-overlay{-webkit-backdrop-filter:blur(4px);z-index:9000;padding:var(--sp-4);background:#0009;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.contact-modal{background:var(--bg-primary);width:100%;max-width:640px;padding:var(--sp-8);border:1px solid #0000001f}.contact-modal-header{margin-bottom:var(--sp-6);justify-content:space-between;align-items:center;display:flex}.contact-modal-header h3{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.15em;color:var(--text-primary);margin:0;font-weight:700}.contact-modal-header .btn-ghost{font-size:var(--text-2xl);width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.form-group{margin-bottom:var(--sp-5)}.form-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;color:var(--text-secondary);margin-bottom:var(--sp-2);text-transform:uppercase;font-weight:600;display:block}.form-select,.form-textarea,.form-input{width:100%;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);padding:var(--sp-3)var(--sp-4);transition:border-color var(--transition-fast);background:#fff;border:1px solid #00000026;border-radius:0}.form-select:focus,.form-textarea:focus,.form-input:focus{border-color:var(--accent-primary);outline:none}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-select{appearance:none;padding-right:var(--sp-8);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}