*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#040812;--surface:#0c1426;--border:#223459;--primary:#7a8cff;--primary-light:#a9b8ff;--text:#eef3ff;--muted:#a9b5d1;--space-lg:2rem}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:Jost,sans-serif}.header{margin:var(--space-lg);justify-content:space-between;align-items:flex-start;display:flex}.logo-group{border-bottom:2px solid var(--primary);flex-direction:column;align-items:center;gap:.75rem;width:fit-content;padding-bottom:1.5rem;display:flex}.title{letter-spacing:.35rem;text-transform:uppercase;text-align:center;font-family:Michroma,sans-serif;font-size:2rem;font-weight:400}.text1,.text2{letter-spacing:.35rem;text-transform:uppercase;text-align:center;font-family:Oxanium,sans-serif;font-size:1rem}.subtitle{letter-spacing:.35rem;text-transform:uppercase;text-align:center;margin-top:-.5rem;font-family:Barlow Condensed,sans-serif;font-size:7.5rem;font-weight:700;line-height:.9}.top-menu{align-items:flex-start;display:flex}.favorites-link{justify-content:center;align-items:center;display:inline-flex}.controls{margin:0 var(--space-lg) var(--space-lg)}.controls-header{justify-content:space-between;align-items:center;gap:2rem;display:flex}.section-title{letter-spacing:.08rem;font-family:Oxanium,sans-serif;font-size:2.5rem;font-weight:600}#datepicker{color:var(--text);border:2px solid var(--primary);background:0 0;border-radius:.75rem;outline:none;padding:.75rem 1rem;font-family:Barlow Condensed,sans-serif;font-size:1.1rem}#datepicker:hover,#datepicker:focus{border-color:var(--primary-light)}#datepicker::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert()}#app{margin:0 var(--space-lg)}#app img,#app video{border:1px solid var(--border);border-radius:1rem;width:100%;margin-bottom:1.5rem;display:block}#app h1,#app h2{margin-bottom:1rem;font-family:Barlow Condensed,sans-serif;font-size:2.5rem}#app p{font-family:Barlow Condensed,sans-serif;font-size:1.2rem;line-height:1.8}button,.favorites-link{color:var(--text);border:2px solid var(--border);letter-spacing:.08rem;cursor:pointer;background:0 0;border-radius:999px;padding:.8rem 1.5rem;font-family:Barlow Condensed,sans-serif;font-size:1rem;text-decoration:none;transition:all .25s}button:hover,.favorites-link:hover{border-color:var(--primary);background:#7a8cff1f}button:active{transform:scale(.96)}.buttons{flex-direction:column;align-items:center;gap:1rem;margin:2rem;display:flex}.nav-buttons,.action-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}#favorite.active{border-color:var(--primary);background:#7a8cff33}.favorites-container{margin:var(--space-lg)}.favorite-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.favorite-card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;transition:all .25s;overflow:hidden}.favorite-card:hover{border-color:var(--primary);transform:translateY(-5px)}.favorite-card img{width:100%}.favorite-card-content{padding:1.2rem}.favorite-card h2{font-family:Barlow Condensed,sans-serif}.favorite-card p{color:var(--muted)}.empty-message{text-align:center;color:var(--muted);margin-top:3rem}@media (width<=900px){.header{flex-direction:column;gap:1.5rem}.top-menu{align-self:flex-end}.subtitle{font-size:5rem}.controls-header{flex-direction:column;align-items:flex-start}.nav-buttons,.action-buttons,button,.favorites-link{width:100%}}@media (width<=500px){.subtitle{font-size:3.5rem}.title{font-size:1.5rem}.nav-buttons,.action-buttons{flex-direction:column;width:100%}button,.favorites-link{width:100%}}