:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.4 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}button{font:inherit;cursor:pointer}.login-page{justify-content:center;align-items:center;min-height:100svh;display:flex}.login-form{flex-direction:column;gap:12px;width:280px;display:flex}.login-form label{flex-direction:column;gap:4px;font-size:.9em;display:flex}.login-form input{font:inherit;padding:8px}.login-form .error{color:#c0392b;margin:0}.browse-page header{border-bottom:1px solid #8080804d;align-items:center;gap:16px;padding:16px 24px;display:flex}.browse-page h1{margin:0;font-size:1.2em}.search-box{font:inherit;flex:1;max-width:400px;padding:8px 12px}.logout-link{font:inherit;color:inherit;opacity:.7;background:0 0;border:none;margin-left:auto;padding:0;font-size:.9em}.logout-link:hover{opacity:1;text-decoration:underline}.results-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:24px;display:grid}.card-tile{text-align:left;background:0 0;border:none;flex-direction:column;gap:4px;padding:0;display:flex}.card-tile img{border-radius:6px;width:100%}.card-tile-name{font-size:.9em;font-weight:600}.card-tile-meta{opacity:.7;font-size:.8em}.load-more{margin:0 auto 32px;padding:8px 24px;display:block}.detail-overlay{background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.detail-panel{color:canvastext;background:canvas;border-radius:8px;gap:24px;max-width:700px;padding:24px;display:flex}.detail-panel img{border-radius:8px;width:260px;height:fit-content}
