*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:#0b0b0c;color:#eee}a{color:inherit}.container{max-width:1100px;margin:0 auto;padding:16px}.header{margin-bottom:12px}.header,.toolbar{display:flex;align-items:center;justify-content:space-between}.toolbar{gap:8px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:8px;gap:8px}.card{background:#151518;border:1px solid #242431;border-radius:8px;overflow:hidden}.card,.media{position:relative}.media{width:100%;aspect-ratio:768/1344;background:#111;cursor:pointer}.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.media-video{background:#000}.media-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.media-audio{justify-content:center;gap:6px;aspect-ratio:1;background:#111;border:1px dashed #333}.audioPlaceholder,.media-audio{display:flex;flex-direction:column;align-items:center}.audioPlaceholder{gap:4px;color:#bbb;font-size:.9rem}.audioPlaceholder .audioExt{font-size:1.2rem;font-weight:600;letter-spacing:.08em}.audioPlaceholder .audioHint{font-size:.75rem;color:#888}.cardLabel{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.65);padding:2px 6px;border-radius:999px;font-size:.65rem;letter-spacing:.08em;font-weight:600}.tabGroup{display:flex;gap:8px;flex-wrap:wrap}.tabButton{padding:6px 12px;border-radius:999px;border:1px solid #3a3a4a;background:#14141c;color:#bbb;cursor:pointer}.tabButton:hover{background:#223;color:#fff}.tabButton.active{background:#3a3a4a;color:#fff}.notice{margin:16px auto;padding:16px;border:1px solid #3a3a4a;border-radius:10px;background:#151518;max-width:920px;line-height:1.6}.notice h2{margin:0 0 12px;font-size:1.2rem}.notice p{margin:0 0 8px;font-size:.95rem;color:#ccc}.modalMedia{width:100%;display:flex;align-items:center;justify-content:center}.modalMedia img,.modalMedia video{max-width:92vw;max-height:80vh;object-fit:contain;border-radius:6px;display:block;background:#000}.modalMedia audio{width:min(420px,90vw)}.meta{display:none}.login{max-width:360px;margin:64px auto;padding:24px;background:#151518;border:1px solid #242431;border-radius:8px;display:flex;flex-direction:column;gap:12px}.login h2{margin:0 0 12px}.login__description{margin:0;color:#bbb;font-size:.95rem;line-height:1.4}.login button{align-self:flex-start}.input{border-radius:6px;border:1px solid #333;background:#0f0f12}.button,.input{padding:8px 10px;color:#eee}.button{border-radius:6px;border:1px solid #3a3a4a;background:#1b1b22;cursor:pointer}.button:hover{background:#24242e}.button:disabled{opacity:.6;cursor:not-allowed}.sentinel{height:1px}.modal{position:fixed;inset:0;z-index:1000;justify-content:center;background:rgba(0,0,0,.7)}.modal,.modalContent{display:flex;align-items:center}.modalContent{max-width:92vw;max-height:92vh;background:transparent;position:relative;flex-direction:column;gap:12px}.modalContent img{display:block;max-width:92vw;max-height:80vh;object-fit:contain;border-radius:6px}.modalControls{display:flex;gap:8px;justify-content:flex-end;width:100%}.modalControl{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:6px 10px;border-radius:6px;border:1px solid #3a3a4a;background:#1b1b22;color:#eee;cursor:pointer}.modalControl:hover{background:#24242e}.modalControl:disabled{opacity:.6;cursor:not-allowed}.modalError{width:100%;color:#f88;font-size:.9rem;text-align:right}@media (max-width:600px){.grid{grid-template-columns:repeat(3,1fr);gap:4px}}