:root{--font-inter: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--ink-black: #0a0a0a;--surface-noir: #0e0e10;--surface-panel: #131315;--surface-card: #18181a;--surface-card-hover: #1e1e22;--surface-border: #27272a;--surface-border-subtle: #1f1f23;--surface-border-light: #2e2e32;--vermillion: #e34234;--vermillion-hover: #ff4e40;--vermillion-glow: rgba(227, 66, 52, .18);--vermillion-dark: #1e1212;--vermillion-border: #482025;--color-emerald: #10b981;--color-emerald-bg: rgba(16, 185, 129, .1);--color-cyan: #38bdf8;--color-amber: #f59e0b;--text-primary: #e4e2e4;--text-heading: #ffffff;--text-muted: #8e8e93;--text-body: #a1a1a8;--text-dim: #5c5c60;--text-subtle: #424248;--max-width: 80rem;--header-height: 5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;scroll-behavior:smooth}body{font-family:var(--font-inter);background-color:var(--ink-black);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre,kbd,samp,.font-mono{font-family:var(--font-mono)}::selection{background-color:var(--vermillion);color:#fff}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;border:none;background:none}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--ink-black)}::-webkit-scrollbar-thumb{background:#2a2a2e;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--vermillion)}.tech-grid-bg{background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px)}.scanlines{background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,6px 100%;pointer-events:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glitch-anim{0%{clip-path:inset(40% 0 61% 0);transform:skew(.3deg)}20%{clip-path:inset(92% 0 1% 0);transform:skew(-.5deg)}40%{clip-path:inset(10% 0 70% 0);transform:skew(.8deg)}60%{clip-path:inset(70% 0 20% 0);transform:skew(-.3deg)}80%{clip-path:inset(25% 0 58% 0);transform:skew(.4deg)}to{clip-path:inset(54% 0 30% 0);transform:skew(0)}}.glitch-hover:hover{text-shadow:2px 0 var(--vermillion),-2px 0 #00ffff}.app-root{min-height:100vh;background-color:var(--ink-black);color:var(--text-primary);display:flex;flex-direction:column;position:relative}.bg-grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.3;z-index:0}.main-content{flex:1 1 0%;max-width:var(--max-width);margin-left:auto;margin-right:auto;width:100%;padding:2rem 1.5rem 3rem;position:relative;z-index:10}@media(min-width:640px){.main-content{padding:3rem 2rem 4rem}}.site-header{position:sticky;top:0;z-index:40;width:100%;background-color:#0a0a0ae6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--surface-border-subtle)}.header-container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;height:var(--header-height);display:flex;align-items:center;justify-content:space-between}@media(min-width:640px){.header-container{padding:0 2rem}}.brand-logo-btn{display:flex;align-items:center;gap:.75rem;text-align:left;outline:none}.brand-avatar{width:2rem;height:2rem;border-radius:var(--radius-full);background-color:#1a1a1d;border:1px solid var(--surface-border-light);display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast)}.brand-logo-btn:hover .brand-avatar{border-color:var(--vermillion)}.brand-avatar-text{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--vermillion);transition:transform var(--transition-fast)}.brand-logo-btn:hover .brand-avatar-text{transform:scale(1.1)}.brand-name{font-size:1.25rem;font-weight:800;letter-spacing:-.025em;color:#fff;text-transform:uppercase;transition:color var(--transition-fast)}@media(min-width:640px){.brand-name{font-size:1.5rem}}.brand-logo-btn:hover .brand-name{color:var(--vermillion)}.desktop-nav{display:none;align-items:center;gap:2rem;font-size:.875rem;font-weight:500}@media(min-width:768px){.desktop-nav{display:flex}}.nav-link-btn{position:relative;padding:.5rem 0;font-size:.875rem;color:var(--text-muted);transition:color var(--transition-fast)}.nav-link-btn:hover{color:var(--text-primary)}.nav-link-btn.active{color:#fff;font-weight:600}.nav-active-indicator{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--vermillion);transition:all var(--transition-fast)}.header-actions{display:none;align-items:center;gap:1rem}@media(min-width:768px){.header-actions{display:flex}}.btn-drone-toggle{padding:.625rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--surface-border-light);background-color:var(--surface-panel);color:var(--text-muted);display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-family:var(--font-mono);transition:all var(--transition-fast)}.btn-drone-toggle:hover{color:#fff;border-color:#46464a}.btn-drone-toggle.active{background-color:var(--vermillion-dark);border-color:var(--vermillion);color:var(--vermillion)}.drone-label{display:none;font-size:11px;letter-spacing:.05em}@media(min-width:1024px){.drone-label{display:inline}}.btn-terminal-trigger{padding:.625rem;background-color:var(--surface-panel);border:1px solid var(--surface-border-light);color:var(--text-muted);border-radius:var(--radius-sm);display:flex;align-items:center;gap:.375rem;transition:all var(--transition-fast)}.btn-terminal-trigger:hover{background-color:#1c1c20;border-color:var(--vermillion);color:#fff}.btn-terminal-trigger:hover svg{color:var(--vermillion)}.terminal-prompt-hint{font-family:var(--font-mono);font-size:.75rem;color:#6c6c72;display:none}@media(min-width:1024px){.terminal-prompt-hint{display:inline}}.btn-terminal-trigger:hover .terminal-prompt-hint{color:#fff}.btn-contact-nav{padding:.5rem 1rem;border:1px solid var(--surface-border-light);background-color:var(--surface-panel);color:var(--text-primary);font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;transition:all var(--transition-fast)}.btn-contact-nav:hover{border-color:var(--vermillion);background-color:#1e1a1a;color:#fff}.mobile-header-actions{display:flex;align-items:center;gap:.75rem}@media(min-width:768px){.mobile-header-actions{display:none}}.mobile-action-btn{padding:.5rem;border-radius:var(--radius-sm);border:1px solid var(--surface-border-light);color:var(--text-muted);display:flex;align-items:center;justify-content:center}.mobile-menu-toggle{padding:.5rem;color:var(--text-primary)}.mobile-drawer{border-top:1px solid var(--surface-border-subtle);background-color:var(--surface-noir);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.mobile-drawer{display:none}}.mobile-nav-links{display:flex;flex-direction:column;gap:.75rem}.mobile-nav-link{text-align:left;font-size:1rem;padding:.5rem 0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);transition:color var(--transition-fast)}.mobile-nav-link.active{color:var(--vermillion);font-weight:700}.mobile-contact-wrapper{padding-top:1rem;border-top:1px solid var(--surface-border-subtle)}.mobile-contact-btn{width:100%;padding:.75rem;background-color:var(--vermillion);color:#fff;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;text-align:center;font-weight:700}.section-header-block{margin-bottom:2rem}.section-index-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--vermillion);text-transform:uppercase;margin-bottom:.5rem}.section-header-flex{display:flex;flex-direction:column;gap:1rem;padding-bottom:.5rem}@media(min-width:640px){.section-header-flex{flex-direction:row;align-items:flex-end;justify-content:space-between}}.section-heading-title{font-size:1.875rem;font-weight:800;letter-spacing:-.025em;color:#fff;text-transform:uppercase;line-height:1.1}@media(min-width:640px){.section-heading-title{font-size:2.25rem}}@media(min-width:768px){.section-heading-title{font-size:3rem}}.section-heading-desc{margin-top:.75rem;font-size:1rem;color:var(--text-muted);max-width:42rem;line-height:1.6}@media(min-width:640px){.section-heading-desc{font-size:1.125rem}}.section-action-btn-wrap{flex-shrink:0}.section-action-link{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;color:var(--text-muted);padding:.25rem 0;transition:color var(--transition-fast)}.section-action-link:hover{color:var(--vermillion)}.section-action-link svg{transition:transform var(--transition-fast)}.section-action-link:hover svg{transform:translate(2px,-2px)}.card-standard{position:relative;padding:1.75rem;background-color:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;justify-content:space-between;min-height:220px;cursor:pointer;transition:all var(--transition-fast)}.card-standard:hover{background-color:var(--surface-card-hover);border-color:var(--vermillion)}.card-tag{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;display:block;margin-bottom:.75rem}.card-title{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.025em;margin-bottom:.625rem;transition:color var(--transition-fast)}@media(min-width:640px){.card-title{font-size:1.5rem}}.card-description{font-size:.875rem;color:var(--text-body);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-bottom-row{padding-top:1.5rem;margin-top:1rem;border-top:1px solid #252529;display:flex;align-items:center;justify-content:space-between}.card-icon-wrapper{padding:.375rem;border-radius:var(--radius-sm);background-color:#101012;border:1px solid #2a2a2e;display:flex;align-items:center;justify-content:center}.card-arrow-wrapper{width:2rem;height:2rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.card-standard:hover .card-arrow-wrapper{color:var(--vermillion);transform:translate(4px)}.card-featured-tall{position:relative;overflow:hidden;border-radius:var(--radius-sm);background-color:var(--surface-card);border:1px solid var(--surface-border);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;min-height:420px;cursor:pointer;transition:border-color var(--transition-normal)}@media(min-width:1024px){.card-featured-tall{min-height:100%}}.card-featured-tall:hover{border-color:var(--vermillion)}.card-bg-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.card-bg-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(100%) contrast(125%);opacity:.35;transition:all var(--transition-slow)}.card-featured-tall:hover .card-bg-image{transform:scale(1.05);opacity:.45}.card-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0a0a0a,rgba(16,16,18,.8) 50%,transparent)}.card-featured-content{position:relative;z-index:10;display:flex;flex-direction:column;gap:1rem}.card-featured-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--vermillion);text-transform:uppercase;display:block}.card-featured-title{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.025em}@media(min-width:640px){.card-featured-title{font-size:1.875rem}}.card-featured-desc{font-size:.875rem;color:#b4b4b8;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:640px){.card-featured-desc{font-size:1rem}}.btn-card-action{padding:.625rem 1.25rem;background-color:transparent;border:1px solid rgba(255,255,255,.4);font-size:.75rem;font-family:var(--font-mono);letter-spacing:.1em;color:#fff;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.btn-card-action:hover{background-color:#ffffff1a;border-color:#fff}.home-view-stack{display:flex;flex-direction:column;gap:6rem}@media(min-width:640px){.home-view-stack{gap:8rem}}.hero-section{position:relative;padding-top:3rem;padding-bottom:4rem;border-bottom:1px solid var(--surface-border-subtle)}@media(min-width:640px){.hero-section{padding-top:5rem;padding-bottom:6rem}}.hero-watermark-col{position:absolute;right:0;top:0;width:33.333%;height:100%;border-left:1px solid #1a1a1e;pointer-events:none;display:none}@media(min-width:1024px){.hero-watermark-col{display:block}}.hero-coord-top{position:absolute;top:3rem;left:1.5rem;font-family:var(--font-mono);font-size:10px;color:var(--text-subtle);letter-spacing:.1em;line-height:1.5}.hero-coord-bottom{position:absolute;bottom:3rem;left:1.5rem;font-family:var(--font-mono);font-size:10px;color:var(--text-subtle);letter-spacing:.1em;line-height:1.5}.hero-content-box{max-width:56rem;display:flex;flex-direction:column;gap:1.5rem}.hero-headline{font-size:3.75rem;font-weight:900;text-transform:uppercase;letter-spacing:-.025em;color:#fff;-webkit-user-select:none;user-select:none;line-height:.95}@media(min-width:640px){.hero-headline{font-size:4.5rem}}@media(min-width:768px){.hero-headline{font-size:6rem}}@media(min-width:1024px){.hero-headline{font-size:8rem}}.hero-subtitle{font-size:1.125rem;color:#9e9ea4;max-width:42rem;font-weight:400;line-height:1.6}@media(min-width:640px){.hero-subtitle{font-size:1.25rem}}@media(min-width:768px){.hero-subtitle{font-size:1.5rem}}.hero-cta-group{padding-top:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.btn-vermillion{padding:.875rem 1.75rem;background-color:var(--vermillion);color:#fff;font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 10px 25px -5px var(--vermillion-glow);transition:all var(--transition-fast)}.btn-vermillion:hover{background-color:var(--vermillion-hover)}.btn-vermillion svg{transition:transform var(--transition-fast)}.btn-vermillion:hover svg{transform:translate(4px)}.btn-ghost-outline{padding:.875rem 1.75rem;background-color:transparent;border:1px solid #3a3a40;color:#fff;font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;transition:all var(--transition-fast)}.btn-ghost-outline:hover{background-color:#ffffff0d;border-color:#fff}.bento-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.bento-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.bento-left-col{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1024px){.bento-left-col{grid-column:span 8 / span 8}}.bento-top-row{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.bento-top-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.bento-terminal-banner{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1.75rem;background-color:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast)}@media(min-width:768px){.bento-terminal-banner{grid-template-columns:repeat(12,minmax(0,1fr))}}.bento-terminal-banner:hover{border-color:var(--vermillion)}.bento-terminal-info{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}@media(min-width:768px){.bento-terminal-info{grid-column:span 6 / span 6}}.bento-terminal-embed{display:flex;flex-direction:column}@media(min-width:768px){.bento-terminal-embed{grid-column:span 6 / span 6}}.bento-right-col{display:flex;flex-direction:column}@media(min-width:1024px){.bento-right-col{grid-column:span 4 / span 4}}.void-grid-home{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media(min-width:1024px){.void-grid-home{grid-template-columns:repeat(12,minmax(0,1fr));gap:3rem}}.void-image-card{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--surface-border);aspect-ratio:16 / 10;background-color:var(--surface-noir);cursor:pointer;transition:all var(--transition-normal)}@media(min-width:1024px){.void-image-card{grid-column:span 6 / span 6}}.void-image-card:hover{border-color:var(--vermillion)}.void-img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(150%) brightness(75%);transition:all var(--transition-slow)}.void-image-card:hover .void-img{transform:scale(1.05);filter:grayscale(100%) contrast(150%) brightness(90%)}.void-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.void-img-badge{position:absolute;bottom:1rem;left:1rem;font-family:var(--font-mono);font-size:11px;color:var(--text-body);background-color:#0009;padding:.25rem .5rem;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.void-content-home{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1024px){.void-content-home{grid-column:span 6 / span 6}}.void-title-large{font-size:2.25rem;font-weight:900;text-transform:uppercase;letter-spacing:-.025em;color:#fff}@media(min-width:640px){.void-title-large{font-size:3rem}}@media(min-width:768px){.void-title-large{font-size:3.75rem}}.void-story-item{padding:1rem;background-color:#141417;border-bottom:1px solid #222226;cursor:pointer;transition:all var(--transition-fast)}.void-story-item:hover{background-color:#1c1c20;border-color:var(--vermillion)}.void-story-item:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.void-story-header{display:flex;align-items:center;justify-content:space-between}.void-story-title{font-size:1.25rem;font-weight:700;color:#fff;transition:color var(--transition-fast)}.void-story-item:hover .void-story-title{color:var(--vermillion)}.void-story-item svg{color:var(--text-muted);transition:all var(--transition-fast)}.void-story-item:hover svg{color:var(--vermillion);transform:translate(2px,-2px)}.void-story-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.view-stack{display:flex;flex-direction:column;gap:4rem}.telemetry-banner{padding:1.5rem;background-color:var(--surface-panel);border:1px solid var(--surface-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem}.telemetry-top-bar{display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid #222226;padding-bottom:1rem}@media(min-width:640px){.telemetry-top-bar{flex-direction:row;align-items:center;justify-content:space-between}}.telemetry-title-group{display:flex;align-items:center;gap:.5rem}.pulse-dot-emerald{width:.625rem;height:.625rem;border-radius:var(--radius-full);background-color:var(--color-emerald);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.telemetry-stream-label{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em}.telemetry-cluster-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.telemetry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-top:.5rem}@media(min-width:768px){.telemetry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.telemetry-tile{padding:.75rem;background-color:#0a0a0c;border:1px solid #1e1e22;border-radius:var(--radius-sm)}.telemetry-tile-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-transform:uppercase;display:block;margin-bottom:.25rem}.telemetry-tile-val{font-family:var(--font-mono);font-size:1.125rem;font-weight:700}@media(min-width:640px){.telemetry-tile-val{font-size:1.25rem}}.val-vermillion{color:var(--vermillion)}.val-white{color:#fff}.val-emerald{color:#4ade80}.val-cyan{color:#38bdf8}.filter-tab-bar{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #222226;padding-bottom:.75rem;overflow-x:auto}.filter-tab-btn{padding:.5rem 1rem;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;background-color:#141417;color:var(--text-muted);border:1px solid #222226}.filter-tab-btn:hover{color:#fff}.filter-tab-btn.active{background-color:var(--vermillion);color:#fff;font-weight:700;border-color:var(--vermillion)}.cards-grid-3{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.cards-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.cards-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.repo-card{padding:1.5rem;background-color:#141416;border:1px solid var(--surface-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;transition:border-color var(--transition-fast)}.repo-card:hover{border-color:var(--vermillion)}.repo-card-top{display:flex;align-items:center;justify-content:space-between}.repo-name{font-family:var(--font-mono);font-size:.75rem;color:var(--vermillion);font-weight:700}.repo-stars{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.repo-desc{font-size:.875rem;color:var(--text-body);line-height:1.5}.repo-meta-row{display:flex;align-items:center;gap:.5rem;padding-top:.5rem;font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted)}.horror-audio-banner{padding:1.5rem;background-color:#161214;border:1px solid var(--vermillion-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.horror-audio-banner{flex-direction:row;align-items:center;justify-content:space-between}}.horror-audio-info{display:flex;align-items:center;gap:.75rem}.horror-audio-icon-box{padding:.625rem;border-radius:var(--radius-sm);background-color:#241315;color:var(--vermillion);border:1px solid #482025;display:flex;align-items:center;justify-content:center}.horror-btn-audio{padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;transition:all var(--transition-fast)}.horror-btn-audio.active{background-color:var(--vermillion);color:#fff;box-shadow:0 10px 25px -5px var(--vermillion-glow)}.horror-btn-audio.inactive{background-color:#221718;color:var(--text-primary);border:1px solid #482226}.horror-btn-audio.inactive:hover{background-color:#321e20}.horror-cards-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.horror-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.horror-work-card{background-color:#141417;border:1px solid var(--surface-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all var(--transition-normal)}.horror-work-card:hover{background-color:#1a1a1e;border-color:var(--vermillion)}.horror-cover-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;background-color:#0a0a0c}.horror-cover-img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(125%);transition:all var(--transition-slow)}.horror-work-card:hover .horror-cover-img{transform:scale(1.05);filter:grayscale(100%) contrast(100%)}.horror-cover-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#141417,transparent)}.horror-cover-badge{position:absolute;top:.75rem;left:.75rem;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.1em;color:var(--vermillion);background-color:#000c;padding:.25rem .5rem;border-radius:var(--radius-sm)}.horror-card-body{padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;flex:1 1 0%;gap:1rem}.horror-card-title{font-size:1.5rem;font-weight:800;color:#fff;line-height:1.25;transition:color var(--transition-fast)}.horror-work-card:hover .horror-card-title{color:var(--vermillion)}.horror-card-excerpt{margin-top:.75rem;font-size:.875rem;color:var(--text-body);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.horror-card-footer{padding-top:1rem;border-top:1px solid #222226;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.read-piece-cta{color:var(--vermillion);font-weight:700;display:flex;align-items:center;gap:.25rem;transition:transform var(--transition-fast)}.horror-work-card:hover .read-piece-cta{transform:translate(4px)}.podcast-player-card{background-color:#141416;border:1px solid var(--surface-border);padding:1.25rem;border-radius:var(--radius-lg);color:#fff;display:flex;flex-direction:column;gap:1rem}.podcast-top-bar{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.podcast-top-bar{flex-direction:row;align-items:center;justify-content:space-between}}.podcast-episode-info{display:flex;align-items:center;gap:.875rem}.podcast-radio-icon{width:3rem;height:3rem;border-radius:var(--radius-sm);background-color:#1f1f23;border:1px solid #333338;display:flex;align-items:center;justify-content:center;color:var(--vermillion);flex-shrink:0}.podcast-player-controls{display:flex;align-items:center;gap:.75rem;align-self:flex-end}@media(min-width:640px){.podcast-player-controls{align-self:center}}.btn-podcast-play{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background-color:var(--vermillion);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px -5px var(--vermillion-glow);transition:all var(--transition-fast)}.btn-podcast-play:hover{background-color:var(--vermillion-hover);transform:scale(1.05)}.waveform-scrubber{height:2.5rem;width:100%;display:flex;align-items:flex-end;gap:.25rem;cursor:pointer;padding:.25rem;background-color:#0a0a0c;border:1px solid #202024;border-radius:var(--radius-sm)}.waveform-bar{flex:1 1 0%;border-top-left-radius:1px;border-top-right-radius:1px;transition:all var(--transition-fast)}.waveform-bar.passed{background-color:var(--vermillion)}.waveform-bar.upcoming{background-color:#2a2a2e}.waveform-bar.upcoming:hover{background-color:#404046}.waveform-time-row{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:#71717a}.podcasts-grid-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.podcasts-grid-layout{grid-template-columns:repeat(12,minmax(0,1fr))}}.episodes-list-col{display:flex;flex-direction:column;gap:1rem}@media(min-width:1024px){.episodes-list-col{grid-column:span 7 / span 7}}.episode-card{padding:1.5rem;border-radius:var(--radius-lg);border:1px solid #222226;background-color:#121214;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;transition:all var(--transition-fast)}.episode-card:hover{background-color:var(--surface-card);border-color:#38383e}.episode-card.active{background-color:#18181c;border-color:var(--vermillion);box-shadow:0 10px 25px -5px var(--vermillion-glow)}.show-notes-panel{background-color:#141417;border:1px solid var(--surface-border);padding:1.5rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.5rem;height:fit-content}@media(min-width:1024px){.show-notes-panel{grid-column:span 5 / span 5}}.show-notes-header{border-bottom:1px solid #222226;padding-bottom:1rem}.show-notes-timecode-box{padding:.75rem;background-color:var(--surface-noir);border:1px solid #1e1e22;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;color:#d4d4d8}.topic-tag-badge{padding:.25rem .625rem;border-radius:var(--radius-sm);background-color:#1c1c20;border:1px solid var(--surface-border-light);font-size:.75rem;font-family:var(--font-mono);color:var(--text-primary)}.blogs-filter-bar{display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid #222226;padding-bottom:1.5rem}@media(min-width:640px){.blogs-filter-bar{flex-direction:row;align-items:center;justify-content:space-between}}.search-input-wrap{position:relative;width:100%}@media(min-width:640px){.search-input-wrap{width:18rem}}.search-icon-pos{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input-field{width:100%;padding:.5rem 1rem .5rem 2.25rem;background-color:#121214;border:1px solid var(--surface-border);border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-mono);color:#fff;outline:none;transition:border-color var(--transition-fast)}.search-input-field::placeholder{color:#52525b}.search-input-field:focus{border-color:var(--vermillion)}.blog-post-card{padding:1.75rem;background-color:#141417;border:1px solid var(--surface-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:1rem;transition:all var(--transition-fast)}.blog-post-card:hover{background-color:#1a1a1e;border-color:var(--vermillion)}.blog-post-card-title{font-size:1.5rem;font-weight:800;color:#fff;line-height:1.25;transition:color var(--transition-fast)}@media(min-width:640px){.blog-post-card-title{font-size:1.875rem}}.blog-post-card:hover .blog-post-card-title{color:var(--vermillion)}.terminal-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(min-width:640px){.terminal-modal-backdrop{padding:1.5rem}}.terminal-window{width:100%;max-width:48rem;height:600px;background-color:var(--surface-noir);border:1px solid var(--surface-border);border-radius:var(--radius-sm);box-shadow:0 25px 50px -12px #000000b3;display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-normal)}.terminal-window.expanded{max-width:72rem;height:90vh}.terminal-window-header{padding:.75rem 1rem;background-color:#161619;border-bottom:1px solid var(--surface-border);display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.terminal-dots-row{display:flex;align-items:center;gap:.5rem}.terminal-dot{width:.75rem;height:.75rem;border-radius:var(--radius-full)}.terminal-dot-red{background-color:var(--vermillion);border:1px solid #b32418}.terminal-dot-gray{background-color:#3f3f46;border:1px solid var(--surface-border)}.terminal-dot-dark{background-color:#27272a;border:1px solid #18181b}.terminal-header-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-left:.5rem;letter-spacing:.05em;display:flex;align-items:center;gap:.375rem}.terminal-quick-bar{padding:.5rem 1rem;background-color:#121214;border-bottom:1px solid #202024;display:flex;align-items:center;gap:.5rem;overflow-x:auto;font-size:.75rem;font-family:var(--font-mono)}.terminal-quick-btn{padding:.125rem .5rem;border-radius:var(--radius-sm);background-color:#1a1a1d;color:var(--text-muted);border:1px solid var(--surface-border);transition:all var(--transition-fast);flex-shrink:0}.terminal-quick-btn:hover{background-color:#2a2a2e;color:#fff}.terminal-body{flex:1 1 0%;padding:1.25rem;overflow-y:auto;font-family:var(--font-mono);font-size:.75rem;color:#d4d4d8;display:flex;flex-direction:column;gap:.5rem;background-color:#0a0a0c}@media(min-width:640px){.terminal-body{font-size:.875rem}}.terminal-log-input{color:#fff;font-weight:700}.terminal-log-success{color:var(--vermillion);font-weight:600}.terminal-log-error{color:#fbbf24}.terminal-log-system{color:#71717a}.terminal-log-output{color:#a1a1aa}.terminal-input-bar{padding:.75rem;background-color:#111113;border-top:1px solid var(--surface-border);display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem}@media(min-width:640px){.terminal-input-bar{font-size:.875rem}}.terminal-input-field{flex:1 1 0%;background:transparent;color:#fff;outline:none}.terminal-input-field::placeholder{color:#52525b}.terminal-embedded-box{background-color:var(--surface-noir);border:1px solid var(--surface-border-light);padding:1.25rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary);border-radius:var(--radius-sm);display:flex;flex-direction:column;justify-content:space-between;-webkit-user-select:text;user-select:text;overflow:hidden}.terminal-cursor-block{width:.5rem;height:.875rem;background-color:var(--vermillion);display:inline-block;margin-left:.125rem;animation:pulse 1s infinite}.reader-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#000000e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.reader-progress-track{position:fixed;top:0;left:0;right:0;height:4px;background-color:#1a1a1d;z-index:50}.reader-progress-fill{height:100%;background-color:var(--vermillion);transition:width .1s linear}.reader-scroll-window{width:100%;max-width:56rem;height:100%;background-color:var(--surface-noir);display:flex;flex-direction:column;overflow-y:auto;position:relative;color:#fff}@media(min-width:640px){.reader-scroll-window{height:94vh;border:1px solid var(--surface-border);border-radius:var(--radius-lg)}}.reader-sticky-topbar{position:sticky;top:0;z-index:20;padding:1rem 1.5rem;background-color:#0e0e10f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #222226;display:flex;align-items:center;justify-content:space-between}.reader-return-btn{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);transition:color var(--transition-fast)}.reader-return-btn:hover{color:#fff}.reader-btn-icon{padding:.5rem;background-color:var(--surface-card);border:1px solid var(--surface-border-light);color:var(--text-muted);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.reader-btn-icon:hover{border-color:var(--vermillion);color:#fff}.reader-font-segmented{display:none;align-items:center;background-color:var(--surface-card);border:1px solid var(--surface-border-light);border-radius:var(--radius-sm);padding:0 .25rem;font-size:.75rem;font-family:var(--font-mono)}@media(min-width:640px){.reader-font-segmented{display:flex}}.reader-font-opt{padding:.25rem .5rem;color:var(--text-muted)}.reader-font-opt.active{color:var(--vermillion);font-weight:700}.reader-article-body{padding:1.5rem;max-width:48rem;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:2rem}@media(min-width:640px){.reader-article-body{padding:3rem}}.reader-header-meta{display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid #202024;padding-bottom:2rem}.reader-headline{font-size:1.875rem;font-weight:800;letter-spacing:-.025em;color:#fff;line-height:1.15;text-transform:uppercase}@media(min-width:640px){.reader-headline{font-size:2.25rem}}@media(min-width:768px){.reader-headline{font-size:3rem}}.reader-meta-badges-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);padding-top:.5rem}.theme-pill{padding:.125rem .5rem;border-radius:var(--radius-sm);background-color:#1b1b1e;border:1px solid #2a2a2e;color:#b4b4b8}.reader-prose-stack{display:flex;flex-direction:column;gap:1.5rem;color:#d4d4d8}.prose-normal{font-size:1rem;line-height:1.7}@media(min-width:640px){.prose-normal{font-size:1.125rem}}.prose-large{font-size:1.125rem;line-height:1.75}@media(min-width:640px){.prose-large{font-size:1.25rem}}.prose-xlarge{font-size:1.25rem;line-height:1.8}@media(min-width:640px){.prose-xlarge{font-size:1.5rem}}.reader-code-snippet{padding:1rem;border-radius:var(--radius-sm);background-color:#070709;border:1px solid var(--surface-border);font-family:var(--font-mono);font-size:.75rem;overflow-x:auto;line-height:1.6;margin:1rem 0}@media(min-width:640px){.reader-code-snippet{font-size:.875rem;padding:1.25rem}}.code-vermillion{color:var(--vermillion)}.code-cyan{color:#38bdf8}.code-green{color:#4ade80}.reader-spec-item{padding:.875rem;border-radius:var(--radius-sm);background-color:#141416;border:1px solid #222226;font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary);display:flex;align-items:flex-start;gap:.75rem}@media(min-width:640px){.reader-spec-item{font-size:.875rem}}.contact-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(min-width:640px){.contact-modal-backdrop{padding:1.5rem}}.contact-modal-dialog{width:100%;max-width:36rem;background-color:var(--surface-noir);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #000c;overflow:hidden;display:flex;flex-direction:column;color:#fff}.contact-modal-header{padding:1rem 1.5rem;background-color:#141417;border-bottom:1px solid #222226;display:flex;align-items:center;justify-content:space-between}.contact-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:640px){.contact-modal-body{padding:2rem}}.contact-form-group{display:flex;flex-direction:column;gap:.25rem}.contact-form-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#a1a1aa;display:flex;align-items:center;justify-content:space-between}.contact-input-control{width:100%;padding:.625rem .875rem;background-color:#141416;border:1px solid var(--surface-border);border-radius:var(--radius-sm);font-size:.875rem;color:#fff;font-family:var(--font-mono);outline:none;transition:border-color var(--transition-fast)}.contact-input-control::placeholder{color:#52525b}.contact-input-control:focus{border-color:var(--vermillion)}.contact-textarea-control{width:100%;padding:.625rem .875rem;background-color:#141416;border:1px solid var(--surface-border);border-radius:var(--radius-sm);font-size:.875rem;color:#fff;font-family:var(--font-mono);outline:none;resize:none;transition:border-color var(--transition-fast)}.contact-textarea-control::placeholder{color:#52525b}.contact-textarea-control:focus{border-color:var(--vermillion)}.btn-contact-submit{padding:.625rem 1.5rem;background-color:var(--vermillion);color:#fff;font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.btn-contact-submit:hover:not(:disabled){background-color:var(--vermillion-hover)}.btn-contact-submit:disabled{background-color:#401a18;cursor:not-allowed}.btn-contact-submit .spinner-icon{width:.75rem;height:.75rem;border:2px solid #ffffff;border-top-color:transparent;border-radius:var(--radius-full);animation:spin .7s linear infinite}.site-footer{width:100%;background-color:var(--ink-black);border-top:1px solid #1c1c20;padding:3rem 1.5rem;margin-top:6rem}@media(min-width:640px){.site-footer{padding:3rem 2rem}}.footer-container{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:space-between}@media(min-width:768px){.footer-container{flex-direction:row}}.footer-brand-side{display:flex;flex-direction:column;gap:.75rem;text-align:center}@media(min-width:640px){.footer-brand-side{flex-direction:row;align-items:center;text-align:left}}.footer-copy-text{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.footer-sys-badge{display:none;align-items:center;gap:.375rem;padding:.125rem .625rem;border-radius:var(--radius-sm);background-color:var(--surface-panel);border:1px solid #222226;font-size:11px;font-family:var(--font-mono);color:#34d399}@media(min-width:640px){.footer-sys-badge{display:flex}}.footer-pulse-green{width:.375rem;height:.375rem;border-radius:var(--radius-full);background-color:#34d399;animation:pulse 2s infinite}.footer-social-links{display:flex;align-items:center;gap:2rem;font-family:var(--font-mono);font-size:.75rem}.footer-social-link{color:var(--text-muted);display:flex;align-items:center;gap:.25rem;transition:color var(--transition-fast)}.footer-social-link:hover{color:#fff}.footer-social-link svg{transition:color var(--transition-fast)}.footer-social-link:hover svg{color:var(--vermillion)}.footer-transmit-trigger{color:var(--vermillion);display:flex;align-items:center;gap:.125rem;font-weight:700;transition:color var(--transition-fast)}.footer-transmit-trigger:hover{color:var(--vermillion-hover)}.reader-interactive-app-section{background-color:var(--surface-noir);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 8px 32px #0006}.convert-base64-container{display:flex;flex-direction:column;gap:1.25rem;width:100%}.convert-b64-notice{background-color:var(--surface-panel);border-left:3px solid var(--vermillion);border-top:1px solid var(--surface-border-subtle);border-right:1px solid var(--surface-border-subtle);border-bottom:1px solid var(--surface-border-subtle);padding:.875rem 1rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;display:flex;flex-direction:column;gap:.35rem}.convert-b64-notice-title{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.05em;color:#fff;display:flex;align-items:center;gap:.5rem}.convert-b64-notice-desc{font-size:.8125rem;color:var(--text-muted);line-height:1.4}.convert-b64-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.convert-b64-toolbar-left{display:flex;align-items:center;gap:.625rem}.convert-b64-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase}.convert-b64-counter{font-family:var(--font-mono);font-size:.6875rem;padding:.125rem .5rem;background-color:var(--surface-card);border:1px solid var(--surface-border-subtle);border-radius:var(--radius-sm);color:var(--text-dim)}.convert-b64-toolbar-right{display:flex;align-items:center;gap:.5rem}.btn-b64-action{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;padding:.25rem .625rem;background-color:var(--surface-panel);border:1px solid var(--surface-border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.btn-b64-action:hover{background-color:var(--surface-card-hover);border-color:var(--text-muted);color:#fff}.convert-b64-input-wrapper{position:relative;width:100%}.convert-b64-textarea{width:100%;font-family:var(--font-mono);font-size:.8125rem;line-height:1.5;padding:.875rem 1rem;background-color:var(--ink-black);border:1px solid var(--surface-border);border-radius:var(--radius-sm);color:#f1f1f3;resize:vertical;min-height:140px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.convert-b64-textarea:focus{outline:none;border-color:var(--vermillion);box-shadow:0 0 0 1px var(--vermillion-glow),inset 0 0 8px #00000080}.convert-b64-textarea::placeholder{color:var(--text-dim)}.convert-b64-config-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:flex-end}@media(min-width:768px){.convert-b64-config-grid{grid-template-columns:1.4fr 1.6fr auto}}.convert-b64-field{display:flex;flex-direction:column;gap:.375rem}.convert-b64-select{width:100%;font-family:var(--font-mono);font-size:.8125rem;padding:.625rem .875rem;background-color:var(--surface-panel);border:1px solid var(--surface-border);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:border-color var(--transition-fast)}.convert-b64-select:focus{outline:none;border-color:var(--vermillion)}.convert-b64-filename-input-group{display:flex;align-items:center;background-color:var(--surface-panel);border:1px solid var(--surface-border);border-radius:var(--radius-sm);overflow:hidden}.convert-b64-filename-input-group:focus-within{border-color:var(--vermillion)}.convert-b64-input-text{flex:1;font-family:var(--font-mono);font-size:.8125rem;padding:.625rem .875rem;background:transparent;border:none;color:#fff;min-width:0}.convert-b64-input-text:focus{outline:none}.convert-b64-input-text::placeholder{color:var(--text-dim)}.convert-b64-extension{padding:0 .75rem;font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--text-muted);background-color:var(--surface-card);border-left:1px solid var(--surface-border);align-self:stretch;display:flex;align-items:center}.convert-b64-field-submit{display:flex;align-items:flex-end}.btn-b64-convert{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.625rem 1.25rem;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.05em;background-color:var(--vermillion);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.btn-b64-convert:hover{background-color:var(--vermillion-hover);transform:translateY(-1px)}.convert-b64-error-box{display:flex;align-items:center;gap:.75rem;background-color:var(--vermillion-dark);border:1px solid var(--vermillion-border);border-radius:var(--radius-sm);padding:.75rem 1rem;color:#ff8a80;font-family:var(--font-mono);font-size:.75rem;line-height:1.4}.convert-b64-result-box{display:flex;flex-direction:column;gap:1rem;background-color:var(--surface-panel);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);padding:1.25rem;box-shadow:0 4px 20px #10b9810f}@media(min-width:640px){.convert-b64-result-box{flex-direction:row;align-items:center;justify-content:space-between}}.convert-b64-result-meta{display:flex;flex-direction:column;gap:.35rem}.convert-b64-result-tag{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.05em;color:var(--color-emerald)}.convert-b64-result-filename{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#fff}.convert-b64-size-pill{font-family:var(--font-mono);font-size:.6875rem;padding:.125rem .375rem;background-color:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-sm);color:var(--text-muted)}.convert-b64-mime-label{font-size:.6875rem;color:var(--text-dim)}.convert-b64-result-actions{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.btn-b64-download{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:.625rem 1.125rem;background-color:var(--color-emerald);color:#000;border-radius:var(--radius-sm);text-decoration:none;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn-b64-download:hover{background-color:#34d399;transform:translateY(-1px)}.btn-b64-copy-uri{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-mono);font-size:.6875rem;padding:.625rem .875rem;background-color:var(--surface-card);border:1px solid var(--surface-border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-b64-copy-uri:hover{background-color:var(--surface-card-hover);border-color:var(--text-muted);color:#fff}