:root{--primary: #3b82f6;--primary-hover: #2563eb;--text: #e5e7eb;--text-light: #9ca3af;--bg: #111827;--card-bg: #1f2937;--border: #374151}body{font-family:Segoe UI,system-ui,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.5;margin:0;padding:2rem}a{color:var(--text);text-decoration:none;font-size:10pt}.container{max-width:800px;margin:0 auto}h1{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;color:var(--text);margin-top:0}.app-list{display:flex;flex-direction:column;gap:.75rem}.app-list.empty{text-align:center;font-style:italic}.app-item-wrapper{padding:1px;border-radius:.5rem;position:relative;overflow:hidden;width:auto;display:inline-block;background:#374151;min-width:185px}.app-item-wrapper-bg{position:absolute;width:100%;height:100%;background-position:center center}@keyframes spin{0%{transform:rotate(0) scale(10)}to{transform:rotate(360deg) scale(10)}}.app-item-wrapper:hover .app-item-wrapper-bg{background:linear-gradient(90deg,#833ab4 45%,#1d4afd,#8ff4ff 55%);animation:spin 3.3s linear infinite}.app-item-wrapper:hover .app-button{background-color:var(--primary-hover)}.app-item{position:relative;display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);border-radius:.5rem;padding:1rem 1.25rem;transition:all .2s ease}@keyframes rotate-gradient{to{transform:rotate(360deg)}}.app-info{flex:1;min-width:0}.app-name{font-weight:500;font-size:1rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-url{font-size:.875rem;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-button{background-color:var(--primary);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-left:1rem;flex-shrink:0;text-align:center}.app-button__text{padding:.5rem 1rem}@media (max-width: 640px){.app-item{flex-direction:column;align-items:flex-start;gap:.75rem}.app-button{margin-left:0;width:100%}}