body{background:#1e293b;color:#f8fafc;font-family:Montserrat,sans-serif}.app{justify-content:center;min-height:100vh;min-width:100vw}.app,header{align-items:center;display:flex;flex-direction:column}header{margin:1rem;text-align:center}header h1{font-size:2rem;font-weight:600;margin-bottom:.5rem}@media (min-width:768px){header h1{font-size:3rem}}header p{color:#94a3b8}.tag-list{display:flex;flex-direction:column;flex-shrink:0;gap:1rem 0;max-width:90vw;overflow:hidden;padding:1.5rem 0;position:relative}.loop-slider .inner{animation-direction:var(--direction);animation-duration:var(--duration);animation-iteration-count:infinite;animation-name:loop;animation-timing-function:linear;display:flex;width:fit-content}.tag{align-items:center;background-color:#334155;border-radius:.4rem;box-shadow:0 .1rem .2rem rgba(0,0,0,.2),0 .1rem .5rem rgba(0,0,0,.3),0 .2rem 1.5rem rgba(0,0,0,.4);color:#e2e8f0;display:flex;font-size:.9rem;gap:0 .2rem;margin-right:1rem;padding:.7rem 1rem;width:max-content}.tag span{color:#64748b;font-size:1.2rem}@keyframes loop{0%{transform:translateX(0)}to{transform:translateX(-50%)}}