@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:80px;background-color:var(--color-paper-shade);border-top:4px solid var(--color-paper-dark);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom,16px);box-shadow:0 -12px 32px #0009}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-ink-light);transition:all .2s ease;font-family:var(--font-sans)}.nav-item span{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.nav-item.active{color:var(--color-primary);transform:translateY(-4px) scale(1.05);filter:drop-shadow(0px 4px 8px rgba(249,199,12,.4))}.nav-item:hover:not(.active){color:#fff}.comic-card{display:block;text-decoration:none;border-radius:var(--border-radius-md);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.comic-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lifted)}.comic-cover{position:relative;width:100%;aspect-ratio:2 / 3;display:flex;align-items:center;justify-content:center;padding:var(--space-md);text-align:center;color:#fff;border:4px solid var(--color-paper);box-shadow:inset 0 0 20px #0003,0 4px 8px #0000001a;background-image:linear-gradient(135deg,#ffffff1a,#0006)}.cover-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.cover-inner{position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);border:1px solid rgba(255,255,255,.3);padding:var(--space-sm);width:100%;height:100%;justify-content:space-between}.cover-publisher{font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;opacity:.9}.cover-title{font-family:var(--font-serif);font-size:1.1rem;font-weight:700;line-height:1.1;text-shadow:1px 1px 4px rgba(0,0,0,.6)}.cover-year{font-size:.7rem;opacity:.9}.availability-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);background:#fffffff2;color:var(--color-ink);padding:4px 8px;border-radius:var(--border-radius-sm);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-subtle)}.variant-list{display:flex;gap:var(--space-md);background:#fff;padding:var(--space-sm);border:var(--border-vintage)}.variant-list .comic-cover{width:90px;height:135px;flex-shrink:0;border:2px solid var(--color-paper)}.variant-list .cover-title{font-size:.8rem}.variant-list .cover-publisher,.variant-list .cover-year{display:none}.comic-details{display:flex;flex-direction:column;justify-content:flex-start;flex:1;padding-top:var(--space-xs)}.list-title{color:var(--color-ink);margin-bottom:2px;font-size:1rem}.list-meta{font-size:.75rem;color:var(--color-ink-light);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.list-desc{font-size:.85rem;color:var(--color-ink-light);margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.list-status{display:flex;align-items:center;gap:6px;margin-top:auto}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.available{background-color:var(--color-primary)}.status-dot.waitlist{background-color:var(--color-waitlist)}.status-text{font-size:.75rem;font-weight:600;color:var(--color-ink-light)}.horizontal-scroll{display:flex;gap:var(--space-md);overflow-x:auto;padding-bottom:var(--space-sm);margin-left:calc(var(--space-lg) * -1);margin-right:calc(var(--space-lg) * -1);padding-left:var(--space-lg);padding-right:var(--space-lg);scroll-snap-type:x mandatory}.horizontal-scroll::-webkit-scrollbar{display:none}.horizontal-scroll{-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll .comic-card{width:140px;flex-shrink:0;scroll-snap-align:start}@font-face{font-family:DERAILED;src:url(/assets/DERAILED-CaDJG9da.otf) format("opentype");font-weight:400;font-style:normal}:root{--color-paper: #121212;--color-paper-shade: #1a1a1a;--color-paper-dark: #2a2a2a;--color-ink: #f8f5ee;--color-ink-light: #a3a3a3;--color-ink-faded: #666666;--color-primary: #f9c70c;--color-primary-light: #ffe066;--color-accent: #d32f2f;--color-gold: #39ff14;--color-waitlist: #ff00ba;--font-serif: "DERAILED", cursive;--font-sans: "Space Grotesk", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--border-radius-sm: 2px;--border-radius-md: 4px;--border-radius-lg: 8px;--shadow-subtle: 4px 4px 0px rgba(249, 199, 12, .2);--shadow-lifted: 6px 6px 0px rgba(211, 47, 47, .4);--border-vintage: 2px solid var(--color-paper-dark)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-paper);color:var(--color-ink);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-ink);font-weight:400;line-height:1.1;letter-spacing:.05em}a{color:var(--color-primary);text-decoration:none}button{font-family:var(--font-serif);letter-spacing:.05em;cursor:pointer;border:none;background:none}#root{display:flex;flex-direction:row;min-height:100vh;margin:0 auto;max-width:100%;background-color:var(--color-paper)}.main-content{flex:1;padding:48px;overflow-y:auto;overflow-x:hidden}.sidebar{width:260px;background-color:var(--color-paper-shade);border-right:4px solid var(--color-paper-dark);padding:32px 24px;display:flex;flex-direction:column;gap:32px;flex-shrink:0;position:sticky;top:0;height:100vh}.sidebar h1{font-size:2.2rem;color:var(--color-primary);text-shadow:2px 2px 0px #000;line-height:1}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid transparent;color:var(--color-ink-light);font-weight:600;font-size:1.1rem;font-family:var(--font-serif);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s;text-decoration:none}.sidebar-nav-item:hover,.sidebar-nav-item.active{background-color:var(--color-primary);color:#000;border:2px solid #000;box-shadow:4px 4px #000;transform:translate(-2px,-2px)}.horizontal-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory}.horizontal-scroll::-webkit-scrollbar{height:6px}.horizontal-scroll::-webkit-scrollbar-track{background:var(--color-paper-dark)}.horizontal-scroll::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}@media (max-width: 768px){#root{flex-direction:column}.sidebar{display:none}.main-content{padding:var(--space-lg);padding-bottom:96px}}@media (min-width: 769px){.bottom-nav{display:none!important}.horizontal-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;overflow-x:visible;flex-wrap:wrap}.vertical-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}}.page-container{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-h1{font-size:2.5rem;text-transform:uppercase}.text-h2{font-size:2rem}.text-h3{font-size:1.5rem}.text-body{font-size:1rem;font-family:var(--font-sans)}.text-small{font-size:.875rem;color:var(--color-ink-light);font-family:var(--font-sans)}.text-meta{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);font-family:var(--font-sans);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 24px;border-radius:var(--border-radius-md);font-weight:400;font-size:1.3rem;transition:all .1s ease;width:100%;text-transform:uppercase;border:2px solid transparent}.btn-primary{background-color:var(--color-primary);color:#000;border:2px solid #000;box-shadow:4px 4px #000}.btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.btn-secondary{background-color:var(--color-paper-shade);color:var(--color-ink);border:2px solid var(--color-ink)}.btn-secondary:active{background-color:var(--color-paper-dark)}.btn-accent{background-color:var(--color-accent);color:var(--color-ink);border:2px solid #000;box-shadow:4px 4px #000}.btn-waitlist{background-color:transparent;color:var(--color-waitlist);border:2px solid var(--color-waitlist)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.badge{display:inline-flex;padding:4px 10px;border-radius:4px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-serif);border:2px solid #000}.badge-gold{background-color:var(--color-gold);color:#000;box-shadow:2px 2px #000}.badge-gray{background-color:var(--color-paper-shade);color:var(--color-ink-light);border-color:var(--color-paper-dark)}.screen-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-sm);border-bottom:2px dashed var(--color-paper-dark);margin-bottom:var(--space-md)}.card{background-color:var(--color-paper-shade);border-radius:var(--border-radius-md);border:2px solid var(--color-paper-dark);padding:var(--space-md);box-shadow:4px 4px #00000080;transition:transform .2s ease}.card:hover{transform:translateY(-2px)}