@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&family=Space+Mono:wght@400;700&display=swap");:root{--color-cream:#f5f0e6;--color-cream-dark:#e8e0d0;--color-cream-light:#faf8f3;--color-dark:#1a1a1a;--color-dark-soft:#2d2d2d;--color-accent:#ff6b6b;--color-accent-soft:#ff8a8a;--color-success:#4ade80;--color-warning:#fbbf24;--color-pixel-shadow:rgba(0,0,0,.15);--gradient-rainbow:linear-gradient(135deg,#ff9a9e,#fecfef 25%,#a8edea 50%,#fed6e3 75%,#d299c2);--font-pixel:"Press Start 2P",cursive;--font-retro:"VT323",monospace;--font-mono:"Space Mono",monospace;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background:var(--color-cream);color:var(--color-dark);font-family:var(--font-mono);font-size:16px;line-height:1.6;min-height:100vh}.retro-container{min-height:100vh;display:flex;flex-direction:column}.retro-header{text-align:center;padding:var(--space-xl) var(--space-md);position:relative}.retro-title{font-size:clamp(1.5rem,5vw,3rem);color:var(--color-dark);margin:0;letter-spacing:-.02em;line-height:1.2;position:relative;display:inline-block}.retro-bg-text,.retro-title{font-family:var(--font-pixel)}.retro-bg-text{font-size:clamp(3rem,15vw,10rem);color:transparent;-webkit-text-stroke:2px var(--color-dark);text-stroke:2px var(--color-dark);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;opacity:.1;z-index:0}.retro-subtitle{font-family:var(--font-mono);font-size:1rem;color:var(--color-dark-soft);margin:var(--space-sm) 0 0 0}.crt-frame{background:linear-gradient(145deg,#3d3d3d,#1a1a1a 50%,#0a0a0a);border-radius:20px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.3),inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 -2px 0 rgba(0,0,0,.3);max-width:500px;margin:0 auto;position:relative}.crt-frame:before{content:"";position:absolute;top:10px;right:20px;width:8px;height:8px;background:#f44;border-radius:50%;box-shadow:0 0 10px #f44}.crt-screen{background:var(--gradient-rainbow);border-radius:12px;padding:var(--space-lg);position:relative;overflow:hidden}.crt-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 2px);pointer-events:none}.crt-content{position:relative;z-index:1;text-align:center}.crt-emoji{font-size:4rem;display:block;margin-bottom:var(--space-sm);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.step-form-container{max-width:600px;margin:0 auto;padding:var(--space-lg);min-height:60vh;display:flex;flex-direction:column}.step-progress{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.step-progress-bar{flex:1;height:4px;background:var(--color-dark);border-radius:2px;transition:width .3s ease;position:relative}.step-progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-cream-dark);border-radius:2px;z-index:-1;width:100vw;max-width:100%}.step-counter{font-family:var(--font-pixel);font-size:.7rem;color:var(--color-dark-soft);white-space:nowrap}.step-content{flex:1;display:flex;flex-direction:column;justify-content:center;animation:slideIn .4s ease-out}.step-content.forward{animation:slideInRight .4s ease-out}.step-content.backward{animation:slideInLeft .4s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.step-question{text-align:center;margin-bottom:var(--space-xl)}.step-question h2{font-family:var(--font-pixel);font-size:clamp(1rem,3vw,1.5rem);color:var(--color-dark);margin:0 0 var(--space-sm) 0;line-height:1.4}.step-subtext{font-family:var(--font-mono);font-size:1rem;color:var(--color-dark-soft);margin:0}.step-intro{text-align:center}.intro-mascot{margin-bottom:var(--space-lg)}.intro-gif{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid var(--color-dark);box-shadow:8px 8px 0 var(--color-pixel-shadow)}.step-start-btn{font-family:var(--font-pixel);font-size:.9rem;padding:var(--space-md) var(--space-xl);background:var(--color-dark);color:var(--color-cream);border:none;border-radius:50px;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 0 var(--color-pixel-shadow)}.step-start-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-pixel-shadow)}.step-start-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-pixel-shadow)}.step-options{display:flex;flex-direction:column;gap:var(--space-sm);max-width:400px;margin:0 auto}.step-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-cream-light);border:2px solid var(--color-dark);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;box-shadow:4px 4px 0 var(--color-pixel-shadow)}.step-option:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-pixel-shadow);background:var(--color-cream)}.step-option:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-pixel-shadow)}.step-option.selected{background:var(--color-dark);color:var(--color-cream)}.option-emoji{font-size:1.5rem}.option-label{font-family:var(--font-mono);font-size:1rem;font-weight:500}.step-text-input{max-width:500px;margin:0 auto;width:100%}.step-text-input textarea{width:100%;padding:var(--space-md);font-family:var(--font-mono);font-size:1rem;background:var(--color-cream-light);border:2px solid var(--color-dark);border-radius:12px;resize:none;box-shadow:4px 4px 0 var(--color-pixel-shadow);transition:all .2s ease}.step-text-input textarea:focus{outline:none;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-pixel-shadow)}.step-text-input textarea::placeholder{color:var(--color-dark-soft);opacity:.6}.step-hint{font-family:var(--font-mono);font-size:.85rem;color:var(--color-dark-soft);text-align:center;margin-top:var(--space-sm)}.step-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:2px dashed var(--color-cream-dark)}.step-nav-btn{font-family:var(--font-mono);font-size:.95rem;padding:var(--space-sm) var(--space-lg);border:2px solid var(--color-dark);border-radius:50px;cursor:pointer;transition:all .2s ease}.step-nav-btn.back{background:transparent;color:var(--color-dark)}.step-nav-btn.back:hover:not(:disabled){background:var(--color-cream-dark)}.step-nav-btn.back:disabled{opacity:.3;cursor:not-allowed}.step-nav-btn.next{background:var(--color-dark);color:var(--color-cream);box-shadow:4px 4px 0 var(--color-pixel-shadow)}.step-nav-btn.next:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-pixel-shadow)}.step-nav-btn.next:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-pixel-shadow)}.step-nav-btn.next:disabled{opacity:.5;cursor:not-allowed}.loading-dots span{animation:loadingDot 1.4s infinite;animation-fill-mode:both}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loadingDot{0%,80%,to{opacity:0}40%{opacity:1}}.marquee-container{overflow:hidden;white-space:nowrap;background:var(--color-dark);padding:var(--space-sm) 0;margin:var(--space-xl) 0}.marquee-text{display:inline-block;animation:marquee 20s linear infinite;font-family:var(--font-mono);font-size:.9rem;color:var(--color-cream);text-transform:uppercase;letter-spacing:.1em}.marquee-text span{margin:0 var(--space-lg)}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.retro-results{padding:var(--space-xl) var(--space-md);max-width:1200px;margin:0 auto}.results-header{text-align:center;margin-bottom:var(--space-xl)}.results-header h2{font-family:var(--font-pixel);font-size:clamp(1rem,3vw,1.5rem);color:var(--color-dark);margin:0 0 var(--space-sm) 0}.results-summary{font-family:var(--font-mono);font-size:1rem;color:var(--color-dark-soft);max-width:600px;margin:0 auto;line-height:1.6}.retro-books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.retro-book-card{background:var(--color-cream-light);border:2px solid var(--color-dark);border-radius:16px;padding:var(--space-lg);box-shadow:6px 6px 0 var(--color-pixel-shadow);transition:all .2s ease}.retro-book-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--color-pixel-shadow)}.book-card-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:2px dashed var(--color-cream-dark)}.book-card-title{font-family:var(--font-pixel);font-size:.85rem;color:var(--color-dark);margin:0 0 var(--space-xs) 0;line-height:1.4}.book-card-author{font-family:var(--font-mono);font-size:.9rem;color:var(--color-dark-soft);margin:0}.book-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.book-tag{font-size:.75rem;padding:4px 10px;border:1px solid var(--color-dark);border-radius:20px}.book-card-pitch,.book-tag{font-family:var(--font-mono);background:var(--color-cream)}.book-card-pitch{font-size:.9rem;color:var(--color-dark);line-height:1.6;margin-bottom:var(--space-md);padding:var(--space-md);border-radius:8px;border-left:4px solid var(--color-dark)}.book-card-actions{display:flex;gap:var(--space-sm)}.book-action-btn{flex:1;font-family:var(--font-mono);font-size:.85rem;padding:var(--space-sm);border:2px solid var(--color-dark);border-radius:8px;cursor:pointer;transition:all .2s ease}.book-action-btn.primary{background:var(--color-dark);color:var(--color-cream)}.book-action-btn.primary:hover{background:var(--color-dark-soft)}.book-action-btn.secondary{background:transparent;color:var(--color-dark)}.book-action-btn.secondary:hover,.book-details{background:var(--color-cream)}.book-details{border-radius:8px;padding:var(--space-md);border:1px dashed var(--color-dark)}.book-details,.detail-item{margin-bottom:var(--space-md)}.detail-item:last-child{margin-bottom:0}.detail-item strong{display:block;font-family:var(--font-mono);font-size:.85rem;margin-bottom:var(--space-xs);color:var(--color-dark)}.detail-item p{line-height:1.6}.detail-item p,.detail-item ul{margin:0;font-family:var(--font-mono);font-size:.9rem;color:var(--color-dark-soft)}.detail-item ul{padding-left:1.5rem}.detail-item li{margin-bottom:.25rem}.book-card-meta{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md)}.meta-badge{font-size:.7rem;padding:3px 8px;background:var(--color-dark);color:var(--color-cream);border-radius:4px;text-transform:uppercase}.book-year,.meta-badge{font-family:var(--font-mono)}.book-year{font-size:.8rem;color:var(--color-dark-soft);margin-left:var(--space-sm)}.retro-footer{background:var(--color-dark);color:var(--color-cream);padding:var(--space-xl) var(--space-md);text-align:center;margin-top:auto}.footer-content{max-width:600px;margin:0 auto}.footer-quote{font-family:var(--font-mono);font-size:1rem;font-style:italic;margin:0 0 var(--space-sm) 0;opacity:.9}.footer-attribution{font-family:var(--font-pixel);font-size:.6rem;opacity:.6}.retro-nav-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.9rem;color:var(--color-dark);text-decoration:none;padding:var(--space-sm) var(--space-md);border:2px solid var(--color-dark);border-radius:50px;transition:all .2s ease;box-shadow:3px 3px 0 var(--color-pixel-shadow)}.retro-nav-link:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-pixel-shadow);background:var(--color-cream-dark)}.nav-badge{background:var(--color-dark);color:var(--color-cream);font-size:.75rem;padding:2px 8px;border-radius:10px;font-weight:700}@media (max-width:768px){.step-form-container{padding:var(--space-md);min-height:70vh}.step-question h2{font-size:1rem}.step-options{gap:var(--space-sm)}.step-option{padding:var(--space-sm) var(--space-md)}.option-emoji{font-size:1.2rem}.step-navigation{flex-direction:column;gap:var(--space-sm)}.step-nav-btn{width:100%;text-align:center}.retro-books-grid{grid-template-columns:1fr}.intro-gif{width:120px;height:120px}}@media (max-width:480px){.retro-title{font-size:1.2rem}.step-question h2{font-size:.9rem}.crt-frame{margin:0 var(--space-sm);padding:15px}.crt-screen{padding:var(--space-md)}.crt-emoji{font-size:3rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.toast-container{position:fixed;bottom:var(--space-lg);left:50%;transform:translateX(-50%);z-index:1000;display:flex;flex-direction:column;gap:var(--space-xs)}.toast{font-family:var(--font-mono);font-size:.9rem;padding:var(--space-sm) var(--space-md);background:var(--color-dark);color:var(--color-cream);border:2px solid var(--color-dark);border-radius:8px;box-shadow:4px 4px 0 var(--color-pixel-shadow);animation:toastIn .3s ease-out}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:48px;height:48px;background:var(--color-dark);border:2px solid var(--color-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;box-shadow:4px 4px 0 var(--color-pixel-shadow);color:var(--color-cream)}.scroll-indicator.visible{opacity:1;visibility:visible}.scroll-indicator:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-pixel-shadow)}.lang-toggle{position:absolute;top:var(--space-md);right:var(--space-md);font-family:var(--font-pixel);font-size:.7rem;padding:var(--space-xs) var(--space-sm);background:transparent;border:2px solid var(--color-dark);border-radius:4px;cursor:pointer;transition:all .2s ease}.lang-toggle:hover{background:var(--color-dark);color:var(--color-cream)}.pixel-hamster{font-family:var(--font-pixel);font-size:1.5rem;color:var(--color-dark);letter-spacing:.1em}.ascii-art{font-family:Courier New,Courier,monospace;line-height:1.2;color:var(--color-dark);margin:0;white-space:pre;text-align:center;display:inline-block}.ascii-sm{font-size:.6rem}.ascii-md{font-size:.8rem}.ascii-lg{font-size:1rem}@media (max-width:480px){.ascii-sm{font-size:.5rem}.ascii-md{font-size:.65rem}.ascii-lg{font-size:.8rem}}